It’s time to get back to basics — back to optimizing every little byte like your life depends on it. Your challenge? Build a web app in less than 10 kilobytes. The Rules FAQs SIZE — Total file size, including images, scripts & markup, can’t be over 10K. STANDARDS — We encourage HTML5, and apps must work equally well in IE9 Dev Preview, Firefox and a WebKit browser. LIBRARIES — You can use one of t

30 Examples of Magazine and Newspaper-Styled Websites | blueblots.com マガジンスタイルのWEBサイトレイアウト３０がまとまっています。 ニュースサイトやブログデザインの際の参考にすることができそうです コンテンツに意味を持たせて派手すぎないデザインという部分で勉強になりそうなところもおおいですね 関連エントリ 奥行きをうまく使ったサイトデザイン集３０ スライダーを上手く使ってデザインされたWEBサイト集３０ iPhoneアプリのプロモサイトを作る際に参考になる６０のサイトデザイン集

HTML5 Canvasを使って、ローディング用のアニメーションを作成する超軽量（約3K）のスクリプトを紹介します。 デモページ Sonicの実装 Square（矩形）とCircle（円形）を例に実装方法を紹介します。 外部ファイル 当スクリプトを外部ファイルとして指定します。 <script src="sonic.js"></script> JavaScript: Square（矩形） あとは、JavaScriptで記述するだけです。 var square = new Sonic({ width: 100, height: 100, fillColor: '#000', path: [ ['line', 10, 10, 90, 10], ['line', 90, 10, 90, 90], ['line', 90, 90, 10, 90], ['line', 10, 90, 10, 10]

アニメーションでスライドする通知パネルをブラウザの上部に配置するスタイルシートを紹介します。 実装では、CSS3アニメーション対応ブラウザと非対応ブラウザへの配慮もされています。 Pop From Top Notification [ad#ad-2] 下記は各ポイントを意訳したものです。 デモ デモページでは、CSS3アニメーションをサポートするブラウザと非サポートブラウザでの挙動の違いを確認できます。 デモページ ※上部のイエローのパネルです。 CSS3アニメーション サポート アニメーションでパネルがスライド表示され、アニメーションで隠れます。 CSS3アニメーション 非サポート スタティックにパネルが表示され、クローズボタンのクリックで隠れます。 実装：パネルをブラウザ上部に配置 まずは、パネルをブラウザの上部に配置します。 HTML パネルはdiv要素で実装します。 <div id

最近リリースされたものを中心に、高品質なフリーのデザインフォントを紹介します。 Aleksandra C 個人・商用利用無料。 Logisoso 個人・商用利用無料。 NotCourierSans 個

22 Awesome Admin Panels For Web Developers | ZoomZum WEB管理画面のテンプレート２２がまとまっていました。 すでに紹介したものもあり、ほとんどが有償ですが、デザインの参考にしたり、１から作るのに比べれば相当安価なので便利だと思います。 管理画面のデザインはちょっと普通のサイトと違うパターンであったりするので学習素材としてもよさそうです。 デザインは奥が深いですね。 関連エントリ CSSデザインの実用的な管理画面テンプレート１０個 管理画面やダッシュボードのハイクオリティなテンプレート色々

9 Dropbox Plugins for WordPress WordPressとDropBoxを連携するプラグイン集9つ dropboxをCDNにして転送量を下げたり、エントリの画像アップに使ったり、バックアップに使ったりと色々と便利なプラグインがあるみたいです。 ブログエントリはある意味で資産なので、こうした形でお手軽にバックアップできるのは嬉しい限り。 APIを公開することでこうしたツールがどんどん生まれていくので、サービス提供する側としてはAPIはやっぱりあったほうがいいなぁという印象です Dropbox CDN DropboxをCDNとして使うことができるテーマ。CSSやJSをDropboxのCDNに任せることができるので、転送量低減に役立ちます。 Dropbox自体がAmazonのS3らしいので信頼性も問題なさそうです PressBox Dropboxにアップロードした画像を