気になってメモしてたものが溜まってきたので整理兼ねてシェアします。 デザイン制作時に頻繁に使用される要素だと思うボタン・リボン・バッジ素材あわせて40セットで、中には商用利用の際に許可や報告がいるものもありますが、自由に使用できるものがほとんどです。 全体的にフラットデザインのものが多いですが、少し手を加えれば容易に他のテイストにも変更できるかと思います。 紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。
Home > フォトショップ講座 > Photoshopでリボンに描かれたロゴを簡単に作る方法 Photoshopでリボンに描かれたロゴを簡単に作る方法 投稿日:2011年7月5日 レベル:初心者 ソフトウェア: このチュートリアルではPhotoshopを使って、リボンに描かれたロゴを簡単に作る方法を紹介します。 Step1 : はじめに Step2 : リボンの左側を作る Step3 : 折りたたみ部分を作る Step4 : リボンの正面を作る Step5 : リボンの右側を作る Step6 : 完成
CSS powered ribbons the clean way ? CSS Wizardry?CSS, Web Standards, Typography, and Grids by Harry Roberts 記事タイトルをリボン風にシンプルに実装するCSSサンプルされています。 すごく複雑なマークアップを必要としそうな気がしたのですが、<h2>で囲むだけで実現できるそうです。 デモページはこちら 実装には、 h2 と h2:before セレクタを使って実現されています。 IEでもshadowプロパティ以外はバッチリでした。 ちょっとした工夫で記事に立体感を出しインパクトを出せるこの方法。 よく使われる方法なので覚えておいても損はないですね。 関連エントリ 42個のフリーCSSレイアウト-サンプル集「Free Faux Column CSS Layouts」 これさえやればCSSを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く