[CSS]水平に配置したセクションを分けるスタイルのさまざまな素敵なテクニック | コリス

2013/10/06 271 users コリス セクション CSS テクニック ポートフォリオ

1ページに複数のセクションを水平に配置した際に、それらの区切りとなるさまざまなスタイルを紹介します。 縦長の1ページで構成されたプロモーションサイトやポートフォリオなどで見かけるものだけでなく、こんなこともできるのかとアイデアが素晴らしいものもたくさん！ A collection of separator styles デモページではざっと30種類の素敵なラインがスタイルされています。 デモページ... 続きを読む

商用でも無料で利用できる、複数のウェイトが揃った高品質なフリーのデザインフォントのまとめ | コリス

2012/11/13 347 users イタリック ホールド デザインフォント フリーフォント コリス

個人でも商用でも無料で利用できる高品質なフォントがCrazy Pixelsでまとめられていたので、その中から、ウェブサイトのデザインに汎用的に使用できる複数のウェイトが揃っているフリーフォントを紹介します。 ウェイトはレギュラーをはじめ、イタリック、ボールド、ライト、セミボールドなどが含まれてたりします。 Code: 2 styles 個人・商用利用無料。 PT Sans: 8 styles 個人... 続きを読む

CSS3でシャレオツなリストを作るチュートリアル:phpspot開発日誌

2012/06/22 179 users チュートリアル シャレオツ phpspot開発日誌 CSS3

CSS3 ordered list styles - RedTeamDesign CSS3でシャレオツなリストを作るチュートリアル。 list-styleを無効にしてブラウザ標準の数字部分をやめて、content: counter(li), counter-increment といったプロパティを使って数値部分を独自にデザインしています。 リスト部分の数字のデザインはなかなか難しかったと個人的に記... 続きを読む

映画のタイトルロゴのような非常に美しい光と文字を描画するPhotoShopチュートリアル:phpspot開発日誌

2007/09/18 429 users Photoshopチュートリアル phpspot開発日誌

PSDTuts Advanced Glow Effects In this tutorial we're going to create some really sharp looking glow effects using a combination of layer styles, the pen tool and colour blending. 映画のタイトルロゴのような非常に美しい光と... 続きを読む