CSS3 Flexbox UIパターン集「Flexbox Patterns」
CSS3で利用できるようになったFlexbox。WEBアプリやレスポンシブを想定して開発されたものですが、まだまだ現場ではそれほど普及していないのが現状です。今日紹介するのはそんなFlexboxを理解・利用するための様々なUIを簡単に利用できるCSSのFlexbox UIパターン集「Flexbox Patterns」です。 「Flexbox Patterns」は利用しやすくなるようにそれぞれのユーザーインターフェイス毎に、簡単な解説と、CSSとHTMLがセットでコピーできるようになっており、コピー＆ペーストで利用できるようになっています。 詳しくは以下 上記のようにCSSとHTMLがコピーできる形でまとめられているため、技術者でなくてもパーツだけなら簡単に組み込むことが可能です。 現在は実用的なものから、なかなかニッチなものまで全部で10のユーザーインターフェイスが登録されています。シンプ
テキストに動きを取り入れより印象的なデザインに「11 Beautiful Text Effects Created With CSS」
TOP > Design > テキストに動きを取り入れより印象的なデザインに「11 Beautiful Text Effects Created With CSS」 フォント・文字・テキストを使ったデザインはとても魅力的で、いろいろな表現方法でデザインがされていますが、今回はテキストに動きを取り入れより印象的なデザインに仕上げることができるエフェクト集「11 Beautiful Text Effects Created With CSS」を紹介したいと思います。 CSS3 text-shadow effects そのままだとデザイン文字といった印象ですが、CSSで動きを加えることにより、もっと魅力が増したデザイン文字に仕上げることができます。中でも気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Animated signing of signatur
デザインクオリティの高さが魅力 フリーモバイルUIキットまとめ「20 Free Mobile UI Kits for iOS & Android」
TOP > Design > デザインクオリティの高さが魅力 フリーモバイルUIキットまとめ「20 Free Mobile UI Kits for iOS & Android」 フリーで配布されているUIを使用することで、デザインクオリティを格段にアップさせることができます。今回はそんなデザインクオリティの高さが魅力の、フリーモバイルUIキットまとめ「20 Free Mobile UI Kits for iOS & Android」を紹介したいと思います。 Nerdial App UI | uiSurf 非常にデザイン性の高いUIキットがリストアップされています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 E-commerce free UI kit – Freebiesbug フード系のサイトデザインに最適なUI。ブラウンベースのナチュラルな色
ファッション系webデザインをWordPressで構築する際に参考にしたいテーマ集「20 Best Fashion WordPress Themes」
TOP > WordPress > ファッション系webデザインをWordPressで構築する際に参考にしたいテーマ集「20 Best Fashion WordPress Themes」 トレンドを抑えたファッション系のwebサイトをデザインするのには、洗練されたセンスとデザイン力が必要です。しかし時には、コストや時間の関係でなかなか思い通りにデザインできないことも。そんなときに活用したい、ファッション系webデザインをWordPressで構築する際に参考にしたいテーマ集「20 Best Fashion WordPress Themes」を紹介したいと思います。 Worldview Theme — WordPress Themes for Blogs at WordPress.com WordPressを利用してサイト設計を予定されている方におすすめの、ハイセンスで便利なテーマが揃
モバイルでも使いやすさを実現できる 10種のレスポンシブライトボックス「10 Must have Lightbox Libraries For Mobile Responsiveness」
モバイルでも使いやすさを実現できる 10種のレスポンシブライトボックス「10 Must have Lightbox Libraries For Mobile Responsiveness」 写真が若干小さめに配置されていても、クリックなどのアクションを起こすことで大きく表示させることができるライトボックスは、webの世界では非常に重宝されている存在。今回はそんなプラグインの中でも、モバイルでも使いやすさを実現できる、10種のレスポンシブライトボックス「10 Must have Lightbox Libraries For Mobile Responsiveness」を紹介したいと思います。 Featherlight – The ultra slim jQuery lightbox. シンプルな動きで使いやすさがありながらも、それぞれに個性をもったプラグインが紹介されています。 詳しくは以下
丸みを帯びたデザインが特徴のフリーアイコンセット「Essential Generic Free Icons (SVG & PNG)」
デザイン制作に便利な素材の一つとしてあげられるアイコン。種類やテイストにもさまざまな種類が存在しています。そんな中今回紹介するのは、丸みを帯びたデザインが特徴のフリーアイコンセット「Essential Generic Free Icons (SVG & PNG)」です。 ぽってりとした質感が印象的な、かわいらしい雰囲気のアイコンが100個セットでダウンロードできるようになっています。 詳しくは以下 種類としては、定番のファイルや矢印、ダウンロード、チェックマークなどのアイコンがしっかりと揃っており、デザイン的にはベーシックな中にも個性を感じさせますが、いろいろなデザインに使用できそうです。また100種という利用しやすい数、SVG・PNGという多彩な媒体に対応できる形式などがしっかりと押さえられているもの特徴です。 すでに定番アイコンを持っているという方も、ちょっと変化を付けたデザインアイコ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
