85 High-Quality Fabric Textures for Designers | Tripwire Magazine
85 High-Quality Fabric Textures for Designers by Sonny M. Day | Last updated Mar 3, 2017 | Design | 2 comments Designing entails usage of different tools and materials. Some of these tools and materials are used occasionally, while others are used more often than the rest. One of these frequently used items in a designer’s resource box is texture. It is used to add realism and depth on the design
::first-letterをぶら上げる
ぶら上げるってなんだ。段落の一文字目だけを左に飛び出して配置するというテキスト・レイアウトの話。margin-leftプロパティーで負の値を使っても良いのだけど、文字によって要調整なので面倒くさい。position: absoluteを使う場合は、親でposition: relativeが必須になるのでこれもちょっとアレ。他にもいくつかあったと思うけど、floatとmargin-right: 100%を組み合わせて行うのが一番位置合わせが簡単になる。 Demo: Hanging :first-letter 英文ではメジャーなドロップキャップをアウトデントするもの。たまに見る気がするけど気のせいな気もする程度のタイポグラフィー知識……。 .test::first-letter { margin-right: 100%; margin-bottom: -999em; float: right;
20 Useful And Free Hi-Res Cardboard Textures
Choosing the right type of texture can make a huge difference in your design. This time we are presenting some high quality and free to download cardboard textures that can be employed in several ways and give you design a more realistic and raw feel. Cardboard textures are ideal to be used for the backgrounds, overlays and you can also add them to your Photoshop brushes and start creating appeali
JavaScriptも使わず元画像も変更せずに画像をグレースケール表示させる - かちびと.net
ちょっと調べ物をしたのでメモ。 画像1枚だけで、グレースケール、 マウスホバーでカラー画像に、 みたいなのを実装したい、出来れ ばJavaScriptも使用せず、みたい な内容です。 2枚用意しろよと言われたら実も蓋もないんですけど、画像1枚だけでグレースケール⇔カラー画像を実装したい。画像の数は半分で済むし、加工の時間も不要になるのは大きなメリットです。 1年前に同じ事をunformedbuilding（アップデート版もありました）さんがやってますので合わせてどうぞ。 Sample マウス乗せるとカラーになる、という良くあるホバーエフェクトですが、極力無駄を省きたい。画像が1枚で済めば、20枚必要なところが10枚で済むし、画像が追加されても加工したり、マークアップしなおしたりファイルをアップロードする必要がなくなります。 IE IEはfilterプロパティ使えばいいですね。 img{ f
Chrome Experiments
Chrome Experiments is a showcase of work by coders who are pushing the boundaries of web technology, creating beautiful, unique web experiences. You'll find helpful links throughout the site for creating your own experiments, and you can also explore resources like WebGL Globe and our workshop of tools.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
