satotaka99のブックマーク / 2014年11月18日

satotaka99 id:satotaka99

2014年11月18日のブックマーク (4件)

Autoprefixerによる、CSS3の管理 - kojika17
CSS3を使用する時に、ベンダープレフィックスを付けていますか？自分でプレフィックスをつけたり、SassなどのCSSメタ言語やツールを利用するなど、さまざまな方法がありますが、せっかく付けたベンダープレフィックスも適切でない場合もあります。適切にベンダープレフィックスを付与するツールに、CSS Postprocessorの「Autoprefixer」というものがあるので紹介します。ベンダープレフィックスをいつまで付け続けるのかベンダープレフィックスはブラウザの試験的、または独自拡張で実装されているものであり、W3Cの仕様がある程度固まると、ブラウザはベンダープレフィックスが外すことが推奨されています。現在、CSS3の一部の仕様は、すでに勧告や勧告候補まで上がっているものがあり、最新のブラウザではベンダープレフィックスなしで作動するCSSも増えてきています。またグラデーションやFle
satotaka99 2014/11/18
CSS3
リンク
Photoshopでほそ〜い髪の毛を1分で綺麗に切り抜く方法｜フォトショップの参考書 [sitebook]
写真に写っている人物を切り抜いて合成する仕事は、世の中にたくさんあります。特に代表的なのは女性ファッション誌で、モデルの頭から足まで綺麗にトリミングし、すこし角度を傾けてキラキラをつけるなどして、可愛く合成されています。しかしよく見ると、髪の毛を細かくトリミングされていない事例もみかけます。読者はそこまで見ていないでしょうが、クオリティも大事だと思います。 Photoshopで髪の毛を切り抜く技は、色々なブログで紹介されておりますが、ここでは、切り抜くのが難しい女性の画像を選定しましたので、ぜひご参考にしてください。
satotaka99 2014/11/18
photoshop
リンク
[CSS]最近のWeb制作でよく使う、Sassのmixinのまとめ
15 essential Sass mixins 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 Sassやってみたい、と考えてる人には下記の本をオススメします。 Sassの初心者からもっと使いこなしたい人まで、Sassを確実にマスターできるオススメの本 -Sassの教科書 box-sizing（ボックスサイズ） opacity（不透明度） column-width（カラム幅） circle（円形） font-size（フォントサイズ） box-shadow（ボックスシャドウ） xPos（要素の座標） vertical-align（天地の中央に配置） flexbox（フレックスボックス） flex（モダンブラウザの旧仕様にも対応したflexの指定） flex-order（表示の順番） flex-direction（表示の方向） gra
satotaka99 2014/11/18
sass
リンク
荒れ果てたWordPressコードを美しく整形してくれるツールまとめ
WordPressには、いくつかのプログラム言語が利用されています。具体的には以下のような言語です。 PHP HTML CSS JavaScript（jQuery）細かなことを言えば、他にも使用されているものはありますが、ユーザーが編集するものと言えば大体はこの4つです。今回は、これら4つの言語のコードを綺麗に整形してくれるツールの紹介です。コード整形ツールとはコード整形ツールとは、書き方の定まっていないプログラムコードなどを、記法を統一して綺麗に書き直してくれるツールです。 WordPressテーマ作成や、カスタマイズで、コードをググッてよそからコピペ編集で使うときなどに、自分に合った記法に変換して使えます。例えば、以下のようなことを、まとめて行いたい時に使うと、手動でやるより編集時間を大幅に短縮できます。コードに適切なインデントを自動で設定するインデントをタブからスペー
satotaka99 2014/11/18
コーディング
リンク
- 2014年11月19日
- 2014年11月18日
- 2014年11月17日