タグ Styles
人気順 5 users 10 users 50 users 500 users 1000 users[CSS]水平に配置したセクションを分けるスタイルのさまざまな素敵なテクニック | コリス
1ページに複数のセクションを水平に配置した際に、それらの区切りとなるさまざまなスタイルを紹介します。 縦長の1ページで構成されたプロモーションサイトやポートフォリオなどで見かけるものだけでなく、こんなこともできるのかとアイデアが素晴らしいものもたくさん! A collection of separator styles デモページではざっと30種類の素敵なラインがスタイルされています。 デモページ... 続きを読む
商用でも無料で利用できる、複数のウェイトが揃った高品質なフリーのデザインフォントのまとめ | コリス
個人でも商用でも無料で利用できる高品質なフォントがCrazy Pixelsでまとめられていたので、その中から、ウェブサイトのデザインに汎用的に使用できる複数のウェイトが揃っているフリーフォントを紹介します。 ウェイトはレギュラーをはじめ、イタリック、ボールド、ライト、セミボールドなどが含まれてたりします。 Code: 2 styles 個人・商用利用無料。 PT Sans: 8 styles 個人... 続きを読む
CSS3でシャレオツなリストを作るチュートリアル:phpspot開発日誌
CSS3 ordered list styles - RedTeamDesign CSS3でシャレオツなリストを作るチュートリアル。 list-styleを無効にしてブラウザ標準の数字部分をやめて、content: counter(li), counter-increment といったプロパティを使って数値部分を独自にデザインしています。 リスト部分の数字のデザインはなかなか難しかったと個人的に記... 続きを読む
映画のタイトルロゴのような非常に美しい光と文字を描画する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. 映画のタイトルロゴのような非常に美しい光と... 続きを読む