最近よく使うEmmet記法 2014年8月版 db → display: block; dn → display: none; dib → display: inline-block; t0 → top: 0; l0 → left: 0; fll → float: … ゴトーハック2014.08.05 244
JavaScript:クリックした要素の全情報を取得する window.onload=function(){ document.onmousedown = function(e) { console.log(e); } } これでコンソールを見ると「function(e)」で取… ゴトーハック2014.08.05 2,431
CSS3:自サイトURL以外へのリンクにスタイルを適用する記法 a:not([href^=”http://www.example.com”]) { //スタイル } 「:not」の非該当セレクタに属性セレクタの合わせ技です。 「:not」は条件に該当しない場合にスタイルを適用するセレ… ゴトーハック2014.08.04 490
JavaScript:ページ内全ての<li>に偶数・奇数のクラスを付与する window.onload=function(){ var uls = document.getElementsByTagName(“ul”); //ページ内すべての<ul>を取得 for (i = 0; i… ゴトーハック2014.08.04 909
CSS3:ある一定パターンのクラス名に一律してスタイル定義する 例えば「icon-gear」「icon-tool」など、一定パターンの名前を持つクラスに対して一律して同一スタイルを定義する方法です。 [class^=’icon-‘] { //スタイル } 属性セレクタを使い、「^=」… ゴトーハック2014.08.01 245
JavaScript:console.logを活用しよう console.log(“comment”); 昔はJSの結果をテストするのにalert()を使うことが多かったのですが、alert()は画面にいちいち出て処理も止まって邪魔になります。 console.log()を使う… ゴトーハック2014.08.01 350
JavaScript:リスト内ののデータを総ナメする <ul id=”list”> ~ </ul> HTML側ではまず上記のような<ul>リストを前提とします。 var ul = document.getElementById(“list… ゴトーハック2014.07.30 77
jQueryを使わない汎用型タブメニューUI https://hacknote.jp/archives/3874/ 上記のソースの場合、各タブにIDが固定で振られているため、タブUIを複数の箇所で使いたくなった場合それらのID全てを変更しなければならず、気軽にタブも… ゴトーハック2014.07.30 1,113
CSS:最初の1行目だけにスタイルを適用する .test:first-line { font-weight: bold; color: #099; } こんな感じに1行目のみにスタイルが反映されます。「1行目」であって特定の文字範囲を選んでいるわけではないため、要素… ゴトーハック2014.07.29 10,982