Echo.js, simple JavaScript image lazy loading 単体1KB以下で動作する遅延ローダーライブラリ「Echo.js」。 スクロールがいってはじめて画像を読み込むライブラリ。jQueryなどに依存せず、軽量。 空の画像をsrcに設定しておきつつdata-echoでソースを指定するだけです。 読込中の画像にはローディングアニメーションもついてます 関連エントリ LazyLoadを実現する1KBを切るjQueryプラグイン「Unveil」
Echo.js, simple JavaScript image lazy loading 単体1KB以下で動作する遅延ローダーライブラリ「Echo.js」。 スクロールがいってはじめて画像を読み込むライブラリ。jQueryなどに依存せず、軽量。 空の画像をsrcに設定しておきつつdata-echoでソースを指定するだけです。 読込中の画像にはローディングアニメーションもついてます 関連エントリ LazyLoadを実現する1KBを切るjQueryプラグイン「Unveil」
Google Translation PHP wrapper : CodeDiesel Google翻訳をPHPから使って翻訳できるクラスライブラリが公開されています。 Google AJAX Language API を使ったもので、JSONデータを返してくれるAPIを使って簡単に翻訳出来ます。 例えば、実際に翻訳をする場合は次のようにクラスを new して translate メソッドに翻訳したい文書と from, to の言語コードを入れればOK。 <?php require_once('googleTranslate.class.php'); $gt = new GoogleTranslateWrapper(); $test = "Bonjour de cette partie du monde"; echo $gt->translate($test, "en", "fr"); ペ
35 Free HTML5 WordPress Themes For Your Blog | Free and Useful Online Resources for Designers and Developers HTML5を使ったフリーのWordPressテーマ集35。 良い感じのテーマが集まっています。ぼちぼち今のテーマにも飽きて、もう、これからはHTML5だぜ、という方は試してみても良いかも。 関連エントリ 30以上のリッチコンポーネントが詰まったHTML5のUIライブラリ「Zebra」 HTML5を使ったクールなサイトデザイン集21 クールでアニメーションするグラフを描画できるHTML5チャートライブラリ「Chart.js」 WebCamで撮影をHTML5で実現するデモ HTML5のゲームエンジン「Quintus」 フリーでHTML5ベースのリッチな管理画面テンプレート オープ
20 Beautiful Wood Fonts for your Inspiration 木をイメージしたデザインのフォント20。 次のような木をモチーフにデザインされたフォントが20種類紹介されています。 家具等のサイトを作るのに使うと面白いのかも。 かなりアメリカンなイメージでもありますが、参考までに。 関連エントリ ブラウザ上でアイコンを選んでアイコンフォントが作れる「IcoMoon」 アイコンフォントをコマンドラインで生成できる「Font Custom」 ピクトグラムが美しいシンプルなフォントアイコン「CONDENSE」 メジャーなアプリケーションのアイコンフォント「Pictonic」
30 Superb Photoshop Web Layout Tutorials | Top Design Magazine - Web Design and Digital Content プロレベルのWEBサイトレイアウト作成チュートリアル30。 過去に紹介したものも含まれていますが、比較的新しいチュートリアルもあったのでご紹介。 次のような美しいレイアウトのチュートリアル集となっています。 学習資料なんかに活用させていただきましょう。 関連エントリ チュートリアルでここまでやる?というプロレベルのWEBレイアウト作成チュートリアル スタイリッシュなWEBレイアウト作成Photoshopチュートリアル 緑のすっきり綺麗なWEBレイアウト作成Photoshopチュートリアル PhotoshopによるフレッシュなWEBサイトレイアウト作成チュートリアル集80
40 Handy Photoshop Custom Shape Sets: Save Time | Graphic and Web Design Blog サイトのちょっとした修飾に使えるPhotoshop用カスタムシェイプ色々がまとまったエントリのご紹介です。 実に様々なシェイプがまとまっていますが、1からシェイプを作る必要がないために手間を大幅削減できるはずです。 シェイプが検索できる検索エンジンがあったら便利だなぁと思いました。 関連エントリ 様々な形のPhotoshopのシェイプがダウンロード可能な「Photoshop Shapes」 リアルで汎用性に富んだPhotoshopカスタムシェイプ色々 PhotoShopのアクションやシェイプなどリソース一杯「Ladyoak.com」 立体的なリボン風オブジェクトに画像をうまく当てはめるPhotoshopチュートリアル
15 Free Origami Icons シンプルだけど汎用に使えそうなフリーのアイコンセット「15 Free Origami Icons」 次のような、シンプルなアイコンセットが公開されています。 メール、保存、検索といった部分ではWEBアプリで使えるかもしれませんね。 関連エントリ 物凄く綺麗なアイコンセットが色々 WEB開発に活用できる、2009年初お目見えアイコンセット集 綺麗なアイコン作成のチュートリアル集
45 Beautiful Free Fonts for Modern Design Trends - Six Revisions 美しいフリーフォント45セットが紹介されています。 ロゴデザインなんかに使ってもまったく問題なさそうです。 Cicle Share Reznor Broken Alte Haas Grotesk Abrosia AUdimat 全部見る フォントのインストールのしすぎは注意が必要ですが、これは、というお気に入りのフォントがあったら入れておきたいですね。 関連エントリ 萌え系フォントのまとめ ウェブ、DTPに使えるクールなフォント集 フリーフォント大量配布/紹介サイトいろいろ フリーフォントを入手するためのトップ5サイト 女性の書いたようなやわらかい萌えフォント「あんずもじ」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く