Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能
Webアプリのデバッグやチューニングに役立つ、Chrome Developer Toolsの主要機能を、スクリーンキャプチャ中心で簡潔に紹介。2014年10月に最新情報に改訂。 モダンブラウザーの中でGoogle Chromeは最後発ながら、その機能の潤沢さ、便利さ、高速さからシェアを大きく伸ばしている。そして、今やほとんどのブラウザーではWindowsの場合F12キーを押すことで（Macの場合はCommand＋Option＋Iキーで）手軽に各ブラウザー搭載のデベロッパーツールを利用できるが、特にChromeのデベロッパーツールは、非常に機能が豊富なため、利用している人もかなり多い。 本稿では筆者がよく使う機能や、使うと便利な機能を中心に、Chromeのデベロッパーツールについて紹介していく。なお、本書は執筆時点で、最新のChrome 38を使用している。 機能ふかん 残念ながら、Chro
レスポンシブWebデザインの作り方（簡単設定方法）
webmobileは、みんなが知りたいスマホ・通信ガジェットの使い方を発信しているレビューサイトだよ♪ webmobile（ウェブモバイル）は、大好きなPixel/iPhone/MVNO/amazonについて、気づいたこと・困った事の解決など経験したことを発信しています。 運営歴はかれこれ10年以上です。 私が初めて買ったスマートフォンは、auから発売されたSHARP製IS03。今でもデザインの良さに感銘を受けます。 今のメイン機はGooglePixelとiPhone15ProMAXです。 昔はASUS製ZenFoneにはまり、新製品が発売されるごとに買っていました。 MVNOのお店に我が子と訪ねる旅、楽しかったなぁ♪ ご縁あって、UQコミュニケーションズ本社に行くこともありました。 UQモバイル公式グッズをたくさん手に入れる機会がありました。 東京新宿にあるLINE株式会社に招待して貰っ
Mind Your En And Em Dashes: Typographic Etiquette — Smashing Magazine
Based upon a chapter from David Kadavy’s upcoming book, find a few rules of thumb that will have you using typography more lucidly than ever before. An understanding of typographic etiquette separates the master designers from the novices. A well-trained designer can tell within moments of viewing a design whether its creator knows how to work with typography. Typographic details aren’t just insid
WEB制作（html,css(スタイルシート) )｜プログラムメモ
htmlページのボタンはマウスでクリックすることを前提に作られることが多いが、 実はショートカット（アクセスキー）というものを指定することが出来る。 ■ 指定の方法例 <a href="save.html" accesskey="s" >文書の保存</a> ■ これが実際のブラウザではどういう操作になるかというと ・Windows IE 「alt」+「s」 でフォーカスを移動させた後に「Enter」で実行 ・Windows Firefox2「shift」+「alt」+「s」 で実行 ・Windows Opera 「shift」+「esc」 で一覧表示させた後に「s」で実行 ・Windows Safari3 キーボードショートカットがないらしい(?) ・Mac Safari 「control」+「s」 で実行 ・Mac Firefox 「control」+「s」 で実行 ・Mac Opera
CSS+DHTML: ドロップダウンメニュー
※ サンプルのリンク先はありません。 ※ マウスなどのポインティングデバイスを持たないシステムではご利用頂けません。 メニューはリスト要素を使ってマークアップします。 最上部のul要素のクラス名を dropdown としてください。 複雑になりがちですので、記述ミスには注意が必要ですね。 <ul class="dropdown"> <li><a href="未設定">マジカル</a> <ul> <li><a href="未設定">妖しいページ</a></li> <li><a href="未設定">秘密のページ</a></li> </ul> </li> <li><a href="未設定">コミカル</a> <ul> <li><a href="未設定">アホなページ</a></li> <li><a href="未設定">ハイなページ</a></li> <li><a href="未設定">シャイ
innerTextとinnerHTML
※このドキュメントは長くは残りませんので、必要であればハードディスクに保存してください。 オブジェクト まず、JavaScriptの根幹である「オブジェクト」について、少し触れておきます。JavaScriptは「オブジェクト指向型言語」ですから、仕組みから学ぶ時はオブジェクトの理解が必須なのです。 この言語は、ほとんどのものがオブジェクトです。なにがなんでもオブジェクトです。windowとかdocumentなどおなじみのやつを始めとして、変数も配列もオブジェクトですし、メソッドや自作の関数もオブジェクトなら、HTMLまでもオブジェクト（ドキュメントオブジェクトモデル＝DOM）となります。 オブジェクトは基本的に「操作されるもの」で、ただ存在するだけです。ただし、例外として、メソッドと関数は「操作するもの」です。（機能を持ったオブジェクト、ということです） オブジェクトは、メソッドや関数、プ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vim syntax file for HTML 5
フォームボタンCSSデザインするテクニック （Rediscovering Button Element） - youmos