News Links N.78: 2013-06-30
6月1日から6月30日まで。
Web Design & Develop
-
Prepros :: Compile Less, Sass, Scss, Stylus, Jade, Coffeescript, Haml and Markdown with live browser refresh.
各種プリプロセッサをコンパイルしてくれるツール。Windows 向け。
-
Portal CSS – hop.ie
ゲーム「Portal」のあの動画を HTML & CSS で再現したもの。手順が詳細に書かれている。
-
GistBox – The Beautiful Way to Organize Code Snippets
Gist をコード保管庫として便利に使うためのツール。
-
Understanding 3D Transforms – Dev.Opera
CSS 3D Transforms について基本的なものを解説している。
-
Colour theming with Sass and Compass | Tutorial | .net magazine
Sass で色の管理・変更を行う。変数による管理、色関係の関数など。
-
Secrets of the Browser Developer Tools – Secrets
各種ブラウザの開発ツールの機能を紹介している。フィルタで絞り込んで探すこともできる。
-
Creative Button Styles | Codrops
ボタンスタイリングのサンプル集。
-
JavaScript – document.body.scrollTopが常に0を返す謎を調べてみた – Qiita [キータ]
現在地のスクロール位置を取得しようとしたら 0 が返って来る場合がある。その原因。
-
magic css3 animations
CSS アニメーションのサンプル集。
-
HTMLにおけるimg要素のalt属性
alt
属性についての仕様をまとめた文書。 -
PhpStormでSass/SCSSを使う | mawatari.jp
File Watchers を使った方法、その手順や設定。
-
Grumpicon. A Web app for the Grunticon workflow.
SVG を Data URI にしたり png にしてくれたりするサービス。CSS ファイルも貰える。
-
Integrating Multiple Choice Quizzes In WordPress | Wptuts+
WordPress を使って選択式のクイズを作るチュートリアル。バックエンド編、フロントエンド編の全2回。
-
SVG for the Web: SVG Stacking
重ねた SVG レイヤーを非表示にし、ハッシュフラグメントと
:target
擬似クラスで表示するあれの話。 -
Sassmatic – The Photo Filter SCSS Mixin Library
画像にフィルタをかける Sass Mixin ライブラリ。出力される CSS 見るとわかるけど、擬似要素とかグラデーションとかで頑張ってる。
-
GenerateWP
WordPress での制作に使えるコードジェネレータ。
-
GoodUI
良いユーザーインターフェースの実用的なアイディアと、その悪い例をまとめている。
-
Mobile Web Problems and How to Avoid Them
モバイルサイトで見かける問題とその回避策。
-
The humble border-radius
CSS
border-radius
について詳しく書かれたスライド。