アイコンやシルエット、矢印など、シンボルタイプのフリーフォントまとめ アイコンやシンボルなどの形をしたフリーフォント のまとめ。なかなか使い勝手が良いものがいつ のまにか増えていたので色々とまとめてダウン ロードしましたのでその過程で良さそうに感じた ものをシェアしてみます。まだお盆明けだったり お...2011.08.18 | 11時24分38秒Webデザインインスピレーションメディア関連
iPadアプリ専門のハイクオリティなUIを収集しているダイナミックなギャラリーサイト・Landing Pad iPadアプリの素敵なインターフェースを専門に 収集しているギャラリーサイト・Landing Pad のご紹介。とってもダイナミックな方法で閲覧 出来るので見てるだけでも楽しいです。クオ リティ重視のようなのでまだ数が多いとは 言...2011.08.17 | 15時36分25秒iPhone / iPadWebデザインインスピレーション
WordPressで画像を投稿する際にFlickrで検索、著作権表示付きで記事に挿入出来るプラグイン・Flickr Photo Post これは便利だなー!と思ったのでご紹介。 WordPressでブログ書いてる方でもよく Flickrの画像を使っている方をよく見かけ ます。WordPressプラグインでも投稿を 便利にするものはいくつかあるんですが、 その中でもF...2011.08.10 | 11時53分42秒WordPressプラグイン
わずか4KBと軽量でクロスブラウザ対応の、シンプルなデートピッカー(カレンダー)を実装するjQueryプラグイン・glDatePicker 軽量でカスタマイズしやすいデートピッカー のjQueryプラグイン・glDatePickerのご紹介。 とてもシンプルで、4KBと超軽量です。汎用 的で使いやすいかなと思ってエントリー。 jQueryUIでもいいっちゃいいんですけど...2011.08.08 | 10時31分14秒cssやプログラミングjQueryWebデザイン
グラフィティアートを気軽に楽しめるノート・Walls Notebookの発想が参考になった なんというかアイデアに刺激を受けて 記事にします。グラフィティ(graffiti)、 というものがありまして、まぁ日本では 犯罪にあたる行為なんですが、この グラフィティを気軽に楽しめる、という ノートがありました。2011.08.07 | 10時33分11秒アイデアインスピレーションマーケティング
タッチデバイス対応、HTML5で構築したWebサイト向けのUI用フレームワーク・Kendo UI HTML5製のWebサイト向けUI専用の フレームワーク・Kendo UIのご紹介。 iPhoneなどのスマートフォンや、iPad などタブレットデバイスにも対応したWeb サイトのUI設計用に作られたようです。 使いやすいかどう...2011.08.05 | 17時11分10秒cssやプログラミングWebデザイン
その場でインタラクティブにレイアウトやデザインを変更できるWordPressテーマ・WP Paintbrush 以前も似たようなテーマをご紹介しましたが、 管理画面にも入らず、FTPも不要で、その場 でインタラクティブにテーマのデザインや幅の 変更など、レイアウトも変更可能なWordPress のテーマ・WP Paintbrushです。以前ご...2011.08.03 | 10時50分30秒WordPressテーマ
HTML5やCSS3などの大まかな概要を1ページ内に詰め込んだHTML5 Poster 地味に便利かなと思ったのでシェア。 HTML5やCSS3の概要、このタグで 何が出来るのか、等の情報を1ページ に詰め込んであり、mozillaのドキュメント ページにサクッと飛べるようにしてあり ますので、大雑把ですけどチートシ...2011.08.01 | 10時21分04秒cssやプログラミングWebデザイン
グリッドレイアウトを意識したレスポンシブWebデザインをSass/Compassを使って構築する為のサンプル なかなか珍しかったので備忘録。個人的 にも注目しているMedia Queryを使った レスポンシブWebデザインの構築を、 Sassをサポートしたcssフレームワーク、 Compassを使って行える、というサンプル。2011.07.30 | 12時20分35秒cssやプログラミングiPhone / iPadWebデザイン
商用利用OK、リンクや著作権表示も不要の女性の写真素材専門サイト「モデル・フォト」 女性の写真素材専門のモデル・フォトは、 商用利用も可能で、リンクや著作権表示 も不要。完全に無料で使える人物写真 素材サイトです。簡単なアイキャッチ等に 使いやすそうな印象でした。なによりリンク 不要というのは貴重ですね。2011.07.29 | 11時38分40秒Webデザインインスピレーションメディア関連
Media Queryを使用したレスポンシブWebデザインの構築時にはResponsivepxっていうツールが超オススメです たまたま見つけたツールが泣きそうなくらい 便利だったのでシェア。Media Queryを使用 したレスポンシブなWebデザインの構築時 にとっても役に立ってくれるツールです。URL を指定するだけで、あとは幅を調整しながら レイア...2011.07.27 | 11時03分18秒cssやプログラミングiPhone / iPadWebサービスWebツールWebデザイン
Googleアナリティクスの統計をjQuery Mobileでも閲覧できるようにするサンプル 需要があるかどうか分かりませんが、 1%の方にでも参考になればと思い 記事にしてみます。アナリティクスの 統計をスマフォで確認出来るように する為のサンプル。jQueryMobileを 使います。2011.07.21 | 10時28分42秒cssやプログラミングiPhone / iPadjQuery
スマフォ向けサイト構築等に便利そうな、指定サイズに応じてclass名を加えてくれる軽量jsライブラリ・Selector Queries これはかなり便利そうだったので備忘録。 ディスプレイサイズに応じて指定した要素 にclass名を加え、そのclassを使ってデザ インする事でレスポンシブなWebデザイン を設計出来るようにする為のライブラリ。 かなり便利そうです...2011.07.20 | 11時09分44秒cssやプログラミングiPhone / iPadWebデザイン
フォームのselect要素内をインスタンス検索出来るようにし、美しいデザインにも変更できるjQueryプラグイン・Chosen 結構便利そうだったのでご紹介。フォームの select要素内に羅列されたoptionから、入力 するだけで結果を表示するインスタンス検索 を可能にするスクリプト・Chosenです。表題 にはjQueryプラグインと書きましたが、この...2011.07.19 | 11時08分26秒cssやプログラミングjQueryWebデザイン
タイル状に並べられたイメージギャラリーごとドラッグ可能にするmootoolsプラグイン・The Wall 3連休をいかがお過ごしでしょうか。僕は 全く関係ないので普通に記事を書いて まいります。タイル状に並べられた画像 ギャラリーをそのままドラッグで動かせる というmootoolsのプラグイン・The Wall が結構クールで素敵でし...2011.07.18 | 11時25分00秒cssやプログラミングWebデザイン
簡単手軽にモーショングラフィックスっぽいGIFアニメを作れるiPhoneアプリ・Gif Shopが割と楽しい たまたま見かけて思わず衝動買い したiPhoneアプリのご紹介。たまに 見かけるパラパラ漫画のような動画、 モーショングラフィックスと言うんです が、これっぽいGifアニメを手軽に作る ことが出来るiPhoneアプリです。2011.07.17 | 10時35分46秒iPhone / iPad
WordPressのログインURL(wp-login.php)をサクッと変更できるプラグイン・Stealth Loginでプチセキュリティ強化 WordPressのログインURLは何もしなければ 知っている方にはバレバレです。個人サイト なら気になりませんが、納品物だと少し不安 ではあるかなと思います。URLを変更するには .htaccessを触る必要がありますが、ハードル...2011.07.15 | 10時50分48秒WordPressプラグイン
タブやアコーディオンなど、様々なUI構築用のjQueryプラグイン30個以上をセットにしたフレームワーク・ jQuery EasyUI 普段からよく見かけるjQueryによる タブやアコーディオンなどのUIの構築 を簡略化するためのフレームワーク・ jQuery EasyUIのご紹介です。プラグ インは30個以上あり、どれもシンプル なものになっています。2011.07.14 | 10時19分56秒cssやプログラミングjQueryWebデザイン
レイアウトや配色等をインタラクティブに設定できるWordPressテーマを作る為のフレームワーク・PressWorkちょっとやばい その場でインタラクティブにレイアウトや配色を 調整出来るようなテーマを作る為の開発者向け WordPressテーマフレームワークのご紹介。 久々に凄いなーと感じて脊髄反射的に記事に。 PressWorkで作られたテーマならユーザーが...2011.07.13 | 10時55分52秒WordPressテーマ
ベーシックで汎用性のありそうなjQueryイメージスライダー・The Lof JSiderNews クロスブラウザに対応したベーシック で汎用性のありそうなスライダーを 実装出来るjQueryプラグインのご紹介。 The Lof JSiderNewsは派手な装飾も 無く、シンプルで欲しい機能は揃え てくれている印象です。2011.07.12 | 11時15分18秒cssやプログラミングjQueryWebデザイン
Media QueryでiPhoneやiPadにも自動でレイアウトを調整するHTML5製のWPテーマ・BLASKAN 過去にも何度かご紹介していますが、 Media QueryでiPhoneやiPadを含め た、様々なデバイスにレイアウトを調整 済みのWordPressテーマ・BLASKAN のご紹介。シンプルで良かったので 備忘録です。2011.07.08 | 10時28分21秒WordPressテーマ
スクロールに応じて要素がアニメーションする、視差効果(パララックス)を取り入れたWebデザイン例とTipsいろいろ 最近ちょくちょく見かけるようになったので調べた事をメモ。スクロールすると、複数要素が、それぞれアニメーションするようなWebデザイン。視差効果を生み出すようなパララックス効果を取り入れたものや、ユニークにアニメーションするものなどなど。2011.07.06 | 11時13分36秒cssやプログラミングjQueryWebデザインインスピレーション