WEB時短ツールは、Webのお仕事を快適にする便利なオンラインツール・素材へのリンク集。今日も少し早くお家に帰れますように。

現在の登録数:425サイト

HTML5&CSS3 Tools and Tutorials

HTML5&CSS3 Tools and Tutorials

http://tools.webdirections.org/

CSS関連

2014/04/28

HTML5はCanvasやVideoコード等を簡単書き出し。CSS3はText PropertiesやAnimationsコード等を簡単書き出し。操作も軽快です。

Box Propertiesを使ってみる。

HTML5&CSS3 Tools and Tutorials Box Properties
右側のプレビュー画面を見ながら、左側のスライダを変更します。単位はpxとemから選べます。
お好みのボックスが出来上がったら[The Code]覧からソースコードをコピー。
ベンダープレフィックスを付ける場合は、[The Code]覧下のAdd Vendor Specific Prefixesにチェックを付けるとコードが付加されます。

Linear Gradientsを使ってみる。

HTML5&CSS3 Tools and Tutorials Gradientsを使ってみる。
線状グラデーションも簡単に作れちゃいます。
Positionの単位はpx、em、%から選べます。