CSS3:アニメーション(animation)で回転させる 以前「transition」を紹介しましたが、それと近いようで違う「animation」があります。transition は開始と終了を定義するだけの簡易的なものですが、 animation はより細かく動きを設定するこ… ゴトーハック2014.02.04 4,239
CSS3:CSSだけで作るタブUI 本題に入る前に簡単な基礎から。下記のHTMLを前提とします。 <ul class="list"> <li><input name="r" id=&qu… ゴトーハック2014.02.03 549
Sassメモ:!default を使った変数定義 $kabegami: "../img/kabegami.png" !default; Sassで変数定義をする時 !default を設定しておくことで、Sass記述中に変数値の変更をできるようになり… ゴトーハック2014.01.30 174
Git:直前の commit を取り消す方法 commit だけして push する前にコミット内容を間違えた時などに。 Gitshellで reset コマンドを打つ。 git reset –soft HEAD^ ゴトーハック2014.01.29 251
CSS3:CSSだけで作るドロワーメニュー CSS3の checked セレクタと隣接セレクタ(+)を活用することで、CSSだけで下記サンプルのようなメニューが作れます。 http://jsdo.it/goto_jp/2NnW 大雑把には下記のHTML構成を前提と… ゴトーハック2014.01.28 666
CSS3:アニメーション透過処理の注意点 CSS3アニメーションで透過処理をする場合、「opacity」を使います。 .box { background:#09c; opacity: 1; transition: 0.5s ease-in-out; -webki… ゴトーハック2014.01.27 818
WordPressメモ:特定カテゴリの子カテゴリの記事を出力する ├カテゴリ1 │├カテゴリ3 │├カテゴリ4 │└カテゴリ5 └カテゴリ2 上記のカテゴリ構成を前提として、カテゴリ1の子であるカテゴリ3,4,5を抽出したい時は下記になります。 query_posts("ca… ゴトーハック2014.01.24 1,788
CSS3:transitionでアニメーション効果を出す CSS3で「transition」が加わったおかげで、簡易的なアニメーションがCSSのみで出来るようになりました。 a .box { background: #ff6666; transition: 0.3s ease-… ゴトーハック2014.01.23 272