[CSS]アイコンのデザインに合ったかわいい動きをclassを加えるだけで実装できるスタイルシート -Font Awesome Animation
Post on:2014年2月26日
classを加えるだけでさまざまなアイコンが利用できるFont Awesomeを使って、各アイコンのデザインに合ったかわいい動きをアニメーションで与えるスタイルシートを紹介します。 ベルはリンリン♪、いいねは上下に、スピ […]
SVGアイコンを使ってみたい人にぴったり！実装は簡単で使い勝手のよいアイコンフォント -Stackicons
Post on:2014年2月25日
アイコンフォントに興味がある！ SVGアイコンデビューしたい！ という人にぴったりな実装は簡単、しかも使い勝手のよいアイコンフォントを紹介します。 多くのアイコンフォントは単色ですが、このアイコンは複数のカラーを使い、P […]
PhotoshopでPNG画像をより美しく軽量化する機能拡張「PNG Hat」をプレゼント！
Post on:2014年2月25日
昨日紹介した、PNG画像をより美しくより軽量に最適化するPhotoshopの機能拡張 「PNG Hat」が好評だったため、作者様のご厚意によりコリスのビジターにプレゼントします！ PNG Hat 紹介記事はこちら。 PN […]
PNG画像をより美しく、より軽量に最適化するPhotoshopの機能拡張 -PNG Hat
Post on:2014年2月24日
Photoshopで作成したものをCSS3に書き出す「CSS Hat」、Subtle Patternsのパターン素材を簡単に利用できる「Subtle Patterns」、各ソーシャルメディアのテンプレートを1クリックで作 […]
[CSS]シャドウとグラデーションを巧みに使ったかわいらしいテキストエフェクト -Milky Effect
Post on:2014年2月24日
テキストにtext-shadow、背景に美しいlinear-gradientを効果的に使い、かわいらしいエフェクトに仕上げたスタイルシートを紹介します。
ウェブ制作者の気になる疑問を解決へと導く、手元に置いておきたい一冊 -現場のプロが教えるWeb制作の最新常識
Post on:2014年2月21日
レイアウトの最近の傾向は？ フラットデザインで日本語と組み合わせる注意点は？ HTML5とXHTMLどっちがいいの？ ノーマライズCSSってどう？ SVGアイコンを使ってみたい！ CMSってWordPressでいいの？ […]
Illsutratorうわっすごい！グラデーションメッシュを使ったアートワークのまとめ
Post on:2014年2月21日
Illustratorのグラデーションメッシュを使って作成された美しいアートワークを紹介します。 え？これベクターなの！と見間違うくらいリアルですね。 Gradient mesh. Portraits
デザインのガイドラインや指示書の作成が驚くほど捗るPhotoshopの機能拡張 -Ink
Post on:2014年2月20日
PSDのレイヤーに配置した要素のサイズやエフェクトやフォントなどの情報を1クリックでドキュメント化するPhotoshopのプラグインを紹介します。 機能拡張は無料で利用でき、Photoshop CC/CS6に対応していま […]
【保存版】CSS3アニメーションを簡単に利用できるライブラリのまとめ
Post on:2014年2月20日
ボタンやロゴ、画像などのホバー時にCSSアニメーションを加えたり、Appleのプロダクトページのようにスクロールに合わせてアニメーションで要素を表示させたり、キーフレームを使ったアニメーションを作成したりなど、CSS3ア […]
1ページで構成されたサイト用のさまざまなコンポーネントが揃ったPSDベースのワイヤーフレーム素材
Post on:2014年2月19日
縦スクロール前提の1ページで構成された長いページを作成する時に役立つPSDベースのワイヤーフレーム素材を紹介します。 キャンペーンやポートフォリオなど、さまざまなサイトで利用できるコンポーネントがたくさん揃っています。 […]
sponsors
