今どきのウェブサイトをつくろう！差がつくHTML/CSSコードスニペット27個まとめ - PhotoshopVIP

2016/02/16 709 users ウェブデザイン PhotoshopVIP 今どき レイアウト

新しいテクニックを活用した、最先端のウェブデザインから学ぶ、今後のウェブ制作に活用したい素敵なHTML/CSSコードスニペットをまとめています。 コピー&ペーストで利用できるお手軽なCSSアニメーションやホバーリンクなどに加え、インパクトのあるレイアウトを実現できる本格的なアイテムやプラグインが揃います。スマートフォン端末ユーザーがさらに増えると予想される2016年、レスポンシブデザインやSVG形... 続きを読む

[CSS]ウェブデザインの可能性を広げる10のスタイルシート | コリス

2012/07/25 635 users max-width Media コリス ウェブデザイン CSS

ウェブサイトを制作する際、特にCSSの新しいテクニックにはデザインの可能性を広げるのに役立つものがたくさんあります。 すべてのウェブ制作者が知っておくべき10のスタイルシートを紹介します。 @media screen and (max-width: 960px) { } 「@media」は単に印刷用ページのためだけではありません。最近のウェブサイトで多く見かけるレスポンシブデザインや可変レイアウト... 続きを読む

Photoshop VIP ☞ これぞマジック、Photoshopのすごいチュートリアル、使い方30個まとめ 2012年4月版

2012/05/07 548 users Photoshop Photoshopチュートリアル

Home　>　 まとめ　>　チュートリアルまとめ　>　これぞマジック、Photoshopのすごいチュートリアル、使い方30個まとめ 2012年4月版 不定期となりますが、新しく公開された、Photoshopチュートリアルをまとめてご紹介しています。 海外デザインブログdesignrfix.comで、最近公開された新しいテクニックを利用した、Photoshopチュートリアル50個をまとめたエントリー... 続きを読む

[CSS]画像置換「-9999px」のパフォーマンスを改善した新しいテクニック | コリス

2012/04/16 970 users コリス 見出し HTML 見出し要素 テクニック

テキストで実装した見出しなどを画像に置換するテクニックで「-9999px」が有名ですが、そのパフォーマンスを改善するテクニックを紹介します。 画像置換：-9999px 改善したテクニック 画像置換：-9999px -9999pxを使った画像置換のテクニックは、下記のようになります。 HTMLは見出し要素で実装します。 HTML <h3 id="sample06">見出しのテキスト</h3> 「te... 続きを読む

Photoshop VIP ☞ Illustratorのすご技を体感、デザインチュートリアル30個まとめ 2012年3月度

2012/03/06 625 users Illustrator Photoshop ＨＯＭＥ 体感

Home　>　 まとめ　>　その他まとめ　>　Illustratorのすご技を体感、デザインチュートリアル30個まとめ 2012年3月度 デザイン制作でもよく利用されているグラフィックツール、Adobe Illustrator。 Photoshopとの互換性もあり、組み合わせて利用することで、よりデザイン表現の幅を広げてくれるツールです。 海外デザインブログDesignBeepで、新しいテクニック... 続きを読む

Photoshop VIP ☞ 2012年に流行りそうなWebデザイントレンド厳選10個まとめ

2011/12/23 634 users Photoshop Vip Design Ledger

2011年もあとわずかとなりましたが、今年はWebデザインに関する新しいテクニックやアイデアなどがたくさん登場した年でもありました。 海外デザインブログWeb Design Ledgerで、2012年に流行しそうなWebデザインのトレンド10個をまとめたエントリー「Web Design Trends in 2012」が公開されていたので、今回はご紹介します。 既に利用され始めている手法、トレンドか... 続きを読む