【これは便利!】リアルタイムにベクター画像を生成して背景用CSSを作れるサイト「SVGeneration」Webサービス紹介Webサイトの背景に合いそうなSVG(スケーラブル・ベクター・グラフィックス)化されている様々な画像をカスタマイズして背景画像として表示するCSSを生成してくれるWebサービス、「SVGeneration」。 まだ出来て ... 2013/08/01続きを読む
【これは便利!】CSSだけでロングシャドウ効果を出せるWebサービス「Long Shadow Generator」Webサービス紹介フラットデザインに続く流行りのWebデザイン、「ロングシャドウ」効果をなんとCSSだけで表現してくれる超便利なオンラインサービス「Long Shadow Generator」。 シャドウのサイズ、透過度、長さなどをスライ ... 2013/07/23続きを読む
【素材】iMac, Macbook, iPad, ブラウザのフラットなモックアップ無料PSDフォント・Web素材紹介今日は7月21日、参議院選挙投票日。みなさんちゃんと投票には行きましたか? というわけで全く関係ありませんがアプリ開発者やデザイナーには何かとありがたい、最近何かと流行りなフラットデザインでできた iMac, Macbo ... 2013/07/21続きを読む
次期フラットデザインテーマのスマホ表示サンプルを大公開!ニュースガリガリ君がシャリシャリいって一層おいしく感じるこの季節、WordPressテーマ「DigiPress」シリーズの新作となる次期テーマの開発もいよいよ大詰めを迎えています。 前回、急遽決まったスマホ切り出し作戦。 そう、 ... 2013/07/20続きを読む
アプリでよくみかける左右のスライダーメニューをWebサイトに実装するモジュールモジュール・ライブラリ紹介FacebookアプリやYouTubeアプリなど、ニュースやソーシャル系の最近のスマホアプリでよく見かける左右にレイヤー化したスライダーメニュー。 いちいち新規ウインドウ(ページ)を開き直すこともなく、限られたディスプレ ... 2013/07/18続きを読む
ジェームズ・ボンドとパララックスデザイン。Webデザイン関連トピックパララックスデザインってご存知ですか? 例えばサービスや商品などの画像、PRポイント、主要機能などすべてのコンテンツが1ページに詰め込まれていて、スクロールしていくとそれらのコンテンツがレイヤーのように重なって遠近っぽく ... 2013/07/12続きを読む
【素材】左右45度からあらゆるオブジェクトにロングシャドウを付けれるPSD「Long Shadow Generator」Webデザイン関連トピックフォント・Web素材紹介最近ロングシャドウネタばかりですが、、、 フラットデザインにロングシャドウ効果を施せる無料のジェネレーター(PSD素材)を見つけたのでご紹介します。 自分で作成したオブジェクトに、左右別で45度のロングシャドウを付けるこ ... 2013/07/08続きを読む
【モジュール】エフェクト付きのタブパネルを作れるjQueryモジュール「Tabulous.js」モジュール・ライブラリ紹介メニューやメインコンテンツをまとめてタブで括ってしまうレイアウトだったり、ブログだとサイドバーでちらほら見かけるタブパネル。 そんなコンテンツをタブでまとめられるjQueryモジュールが「Tabulous.js」。 サイ ... 2013/07/07続きを読む
【参考】フラットデザイン向けの代表的なカラーサンプル集Webデザイン関連トピックフラットデザインを考えるときに役立つ、最もポピュラーな配色パターンをチェックできるサイトをご紹介。 ピックアップしたカラーを参考にオリジナルカラーを作ってみましょう!2013/07/06続きを読む
【もうすぐ!】フラットデザインな時期WordPressテーマのデモサイト公開!ニュースMatureテーマに続く、フラットデザインな新規WordPressテーマのデモサイトをついに公開しました!実際にどんなサイトになるのか、直接あなたの目でお確かめください~2013/07/04続きを読む
PC用とモバイル用で表示ウィジェットを分ける方法応用カスタマイズDigiPressテーマはご存知の通り、レスポンシブWebデザインに対応しており、スマートフォンサイズでもサイトのレイアウト表示を最適化します。 「el plano」など一部のモバイル専用テーマを持つテーマの場合はスマー ... 続きを読む