Webページを閲覧する際に、最新の状態で見る方法を紹介します。 パソコンには、一度閲覧したページをパソコン上に保存し、次に開く際のスピードを早くするキャッシュという仕組みがあります。 この仕組みのために、今見ているページが実際のページより古いということが起こり得ます。 確実に最新のページを見るには、それぞれのブラウザーに設定されている方法でページを再読み込みする必要があり、この方法は、ブラウザーの「フルリロード」「スーパーリロード」「強制再読み込み」などと呼ばれます。つまり、キャッシュを上書きしてページの再読み込みをするということです。 ここでは、「Microsoft Edge(マイクロソフト エッジ)」「Internet Explorer(インターネット エクスプローラー)」「Google Chrome(グーグル クローム)」「Firefox(ファイアフォックス)」「Safari(サファ
最近のWebサイトやブログで見かけるアニメーションを使ったさまざまなかっこいいエフェクトやコンテンツの見せ方を実装するCSSやJavaScriptのチュートリアルをCodyHouseから紹介します。 それぞれファイルを一式でダウンロードできるので、すぐに利用できます。 Fixed Background Effect デモページ 対応ブラウザ:Chrome, Safari, Firefox, Opera, IE9+ sectionやdivを垂直に配置した縦長ページで、背景を固定し、各コンテンツがカーテンを引き上げるようにスクロールするシンプルなテンプレート。
Webサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなったり、Chromeで使えるけど他で使えないなどあるので、ブックマークレットもなかなか重宝します。 ページにグリッドを表示した確認 レスポンシブWebデザインの確認 デザインの確認をピクセル単位でできる ページで使用しているフォントをチェック ページをワイヤーフレーム化 ページの構造が正しいか確認 マークアップのいまいちな箇所を指摘してくれる 背景を素敵なテクスチャに変えてみたい ページのパフォーマンスを確認 minifyされたCSSを見やすく表示 SEOやソーシャルメディアに大切な項目を確認 コードとアクセシビリティをチェック ページにグリッドを表示した確認
Macでどうしても馴染めないショートカットキーが幾つかあります。 一番困るのがGoogleChromeのMeta+h。Windows版ChromeのCtrl+hは履歴を表示なのですが、Mac版ChromeでMeta+hを押すとウインドウが隠れてしまいます。 ブラウズ中に手軽に押してしまうものなので、その瞬間ウインドウが消えてなくなるのはかなり戸惑います。UIが良くできているので、隠れたことはわかるのですが、そのたびに作業が中断するのは辛いです。 で、色々試した末、プラグインも何も入れずにMeta+hをヒストリーに割り当てることに成功したのでご紹介。 これだけ。OSのシステム環境設定→キーボード→キーボードショートカット→アプリケーション のところで+ボタンを押して、アプリケーション用のショートカットキーを割り当てればOK。 「メニュータイトル」のところは、素直にメニューにあるテキスト
多くのひとが使っているTwitter。 使ったことがないひとを探す方が難しいんじゃないでしょうか。 このTwitterを使いこなすのに最適なアプリ HootSuiteを紹介します。 https://hootsuite.com/ HootSuiteとは WEBサービスであり、アプリケーションでもあります。 情報のアウトプットやインプットに最適なんです。 以下が使えます。 そして実はインターネットサイトからなら Twitter Facebook Google+ LinkedIn foursquare WordPress mixi が使えるすぐれものです。 何ができるのか。 無料であれば最大5アカウントまで同時投稿ができます。 こんな感じ。 メニューに見えるように 画像追加 予約投稿 URL短縮機能 位置情報付加 コンタクト(@マークのリプライとか) 翻訳機能 があります。 複数のアカウントを同
GoogleウェブマスターツールやGoogleアナリティクスなどのGoogleサービス、ツイッターやFacebooki等のソーシャルメディア等などを、複数アカウントで使い分けている人はかなりいると思います。 そして、その使い分け方法としては、 毎回ログイン&ログオフを繰り返す IE、Firefox、Chrome、とブラウザを切り替える という方法が一般的なのかなぁ、と思います。 でも、それが1つのブラウザのタブ機能でできれば素晴らしいと思いませんか!? そしてそれを実現できるのが、以下Chromeの拡張機能です。 MultiLogin 使い方は超簡単3ステップ♪ ①上記のリンクから拡張機能をインストール(Chromeで開く事) ②以下のようなアイコンができるので、それをクリックして新規タブを作る ③その新規タブで再ログイン 以上で、いろんなサービスを、異なるアカウントでログインした状態のタ
This domain may be for sale!
ろす 雪ですねぇ。バレンタインデーですねえ。電書ちゃん、チョコレートくれませんかねぇ。 電書ちゃん なに寝ぼけたこと言ってんのよ。そんなことより、でんでんコンバーターのリリース一周年記念日でしょうが。 ろす このエントリで発表してから一年。いろいろありましたねえ。 EPUBを作成するウェブサービス作ったよ - 電書ちゃんねる 中国語版を作ったり、津田マガに採用してもらったり、賞を貰ったり…… 電書ちゃん はい、回想は終わり。あんた一周年のネタは当然、仕込んであるんでしょうね? ろす へいへい。では発表といきますか。 電書ちゃんねる「でんでんエディター」をリリース 2014年2月14日 ブログ「電書ちゃんねる」(http://densho.hatenablog.com/、管理人: ろす @lost_and_found & マスコットキャラクター: 電書ちゃん)は、「でんでんコンバーター」
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
MacのTwitterクライアントについては、なかなか「これだ」というものがなくてあっちへふらふらこっちへふらふらしていたのだが、今日Twitter仲間の@cotetsさんから背中を押してもらい、WebクライアントのHootSuiteを試してみた。 Webクライアントなので、Safariでも動作する。HootSuiteは以前から存在は知っていたのだが、てっきりFirefoxじゃないと動作しないと思い込んでいて今まで手を出していなかった。これが大きな勘違いだった。ちゃんと調べないとダメだねー(^_^;)。 使ってみてまずは満足!これはいい!TweetDeckで不便だと感じていた点がクリアされていて、とてもWebクライアントとは思えない。 HootSuiteが気に入った点は以下の通り。 カラム型なのでTL、Mention、リストなどを俯瞰できる タブを複数作成できて、タブごとにハッシュタグやリ
発展編:四隅の角丸サイズを個別に指定する書き方 次に、特定の角だけに限定して丸くしたり、角によって丸くする半径を変えたりする書き方をご紹介いたします。この方法を使えば、ボックスの上側だけ(=左上の角と右上の角だけ)を丸くすることで、タブのように見せる装飾も簡単に作れます。 【四隅の角丸を個別に指定する書き方:このページの目次】 四隅の角を個別に丸くするborder-radius関連プロパティ4つの書き方 ボックスの上だけ(右上の角と左上の角)を丸くしてタブを作る方法 ボックスの対角だけを丸くするデザインを作る方法 1. 四隅の角を個別に丸くするborder-radius関連プロパティ4つの書き方 四隅(左上・右上・左下・右下)の角丸半径を個別に指定するプロパティとして、以下に記した4つのプロパティがあります。 border-top-left-radius: 10px; /* 左上 */ b
Mozillaと米Googleが更新した検索契約で、Googleは年額約3億ドル、3年で約9億ドルをMozillaに支払うと、米Dow JonesのメディアブログAllThingsDが12月22日(現地時間)に報じた。 Mozillaは21日、WebブラウザFirefoxのデフォルト検索エンジンとしてGoogle検索を採用する複数年契約をGoogleと締結したと発表した。両社はこれまでも同様の契約を結んでおり、この契約によるGoogleからの支払いが、Mozillaにとっての主な収入源となっている。 AllThingsDは、3億ドルという金額は前回の契約より非常に高いものになっており、Googleは米MicrosoftのBingにデフォルト検索エンジンの座を奪われないようにするために金額を上げたと指摘する。MozillaはGoogleのほか、米Microsoft、米Yahoo!、ロシアのY
今回紹介するのは、画像を一切使わずにhtml+CSSだけで「けいおん!」の秋山 澪を描いた技術デモ作品です。実際に作品を見てもらえば分かると思いますが、ものすごくクオリティが高くて普通に画像にしか見えないレベルです。久しぶりにCSSで絵を描く作品で驚かされたので、これはぜひ紹介せねばと思い記事を書きました。 「けいおん!」(K-ON!)は、軽音楽部で4人の高校生たちがガールズバンドを組み、音楽活動を行っていくストーリーで人気のかきふらい氏による4コマ漫画作品です。2年前にアニメ化、今月12月より映画が公開されている人気作品ですね。秋山 澪はその作品に登場するキャラクターです。その秋山 澪をまったくの画像なしで、html+CSSのコードだけで表現しています。 私も以前にCSSでドラえもんなど様々な作品を描いたりしましたが、はっきりいってhtml+CSSのコードだけで絵を描くのはとても大変です
新卒入社2年目で、フロントエンドエンジニアをしています。阿部です。 いろいろなサイトのソースを見ていて、最近見るなぁと思った要素を勉強がてらにまとめてみました。 「IE対策」、「キャッシュ対策」、「高速化」、「ソーシャルメディア要素」、「スマートフォン要素」の5つに分けて、広く浅くですがご紹介します。 IE対策 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> IEで閲覧している場合、Google Chrome Frameで表示します。 Google Chrome Frameがインストールされていない場合は、IEの利用可能な最新のレンダリングエンジンで表示します。 Google Chrome Frame(GCF)とは、IEでGoogle Chrome相当のレンダリングエンジンを利用可能にするIEのプラグインで
長年Firefoxを利用してきましたが、とうとう乗り換えの時期がやってきました。 少し前からGoogleChromeも併用していましたが、Firefoxのアドオンへの依存度が高くて移行しきれずにいました。 でもChromeのβ版に関して特に致命的な不具合の情報とかもなく、そろそろいいのでは、と思いβ版のdevバージョンに切り替えて色々とアドオンを設定してみました。私の場合はこれまでFirefoxで実現できていたことの80%くらいはChromeでも実現できました。あとの20%とChromeのスピードを天秤にかけましたが、私の中ではChromeのスピードメリットが残りの20%を上回りました。 ということで晴れてChromeがデフォルトブラウザに。 今回私がFirefoxの機能をChromeに移行したときの作業を備忘録としてメモしておきます。まずはChromeのバージョン変更 Chromeのバー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く