Maccle

Webデザイン

Category
斜め45度からロングシャドウを与えたフラットデザインが今後は流行るらしい
今年に入ってフラットデザインがわーわー騒がれるようになって、iOS7でもフラットデザインちっくな流れになっていくと思ったら、Webデザインの世界ではもう次のトレンドの波がきてるらしいです。 キーワードはロングシャドウ。 シャドウといっても、...
【モジュール】iTunesのカバーフローのようにコンテンツをめくる3Dエフェクトを表現する「Kontext」
iTunesや Mac OS X、iOSなどでおなじみのカバーフローアニメーションにインスパイアされて作られたページめくりエフェクトを表現してくれるサンプルモジュール、「Kontext」。 Javascriptと、CSS3のtransfor...
【素材】アプリやモバイルサイト用に便利なPSD/AI付き無料アイコン100種類
jquery4uより、iOSアプリやスマホ向けのモバイルサイトのメニュー、ボタンなどに使える100種類のアイコンパックが無料でGithubにて配布されています。 データは、PSD, AI, EPS, そしてSVGの4種類のフォーマットがセッ...
WebサイトにiOSアプリ宣伝用のSmart App Bannerを表示する方法とランダム表示
iOSのアプリ開発者も、アプリのアフィリエイターにも自分のWebサイトがあるならこれはやっといて損はありません! iOS 6のMobile Safariでは、次のmetaタグをHTMLのheadタグ内に設置するだけでiPhoneやiPadで...
バラバラの画像をCSSスプライト用の1枚イメージに整形してマージしてくれるWebサービスが便利
最近は、Googleのパンダやらペンギンアップデートやらで、サイトの表示速度も評価の基準になるとかならないとか。。 ページの表示速度に時間がかかっている場合、ChromeかFireFoxの「PageSpeed」というGoogleが提供してる...
レスポンシブWebデザインに対応したMac OSライクな無料WordPressテーマ「iTheme2」
PC向けだけじゃなく、iPhoneなどのスマートフォンの普及と共に今や様々なサイトが対応している「レスポンシブデザイン」。 よく、CSS3のメディアクエリ(Media Queries)で様々なディスプレイサイズに対応するように実装するケース...