無料で使える、モバイル用Firefox OS向けに作られたリソース集 Firefoxのモバイル向けOSで使われているリソースがMozillaより配布されていましたので備忘録。実装コードではなく、PSDやフォントのみになります。2014.01.14 | 11時37分08秒Webデザインインスピレーション
Google Mapで任意の場所の周囲にある施設をマーカーで表示するjQueryプラグイン・WhatsNearby Google Mapで、任意のポイントと、そのポイントの周囲にある施設をマーカーで表示出来る、というスクリプトです。範囲の距離の指定や施設の種類、中心地に設定したマーカーなども設定出来るようになっています。2014.01.12 | 10時24分35秒jQueryWebデザイン
タッチデバイスにも対応の、要素をドラッグ&ドロップでソートできる軽量スクリプト・Sortable 要素をソートできるスクリプトのご紹介。タッチデバイスにも対応しており、軽量で非依存型となっています。なかなか便利そうですね。2013.12.25 | 11時19分56秒cssやプログラミングWebデザイン
Googleマップを、オートコンプリート機能付きで検索出来るようにするシンプルなjQueryプラグイン・Geocomplete Googleマップをオートコンプリート機能付きで検索出来るようにする、というスクリプトのご紹介。シンプルで良さそうですね。jQueryに依存します。2013.12.23 | 11時01分43秒jQueryWebデザイン
通知メッセージを実装する為のシンプルなjQueryプラグイン・notifIt! シンプルで使いやすそうだったので備忘録。アニメーションしながら表示される通知メッセージを実装するシンプルなスクリプト・notifIt!です。jQueryに依存します。2013.12.21 | 10時25分55秒jQueryWebデザイン
【献本御礼】HTML5マークアップ 現場で使える最短攻略ガイドをご献本頂きました まずはアスキーメディアワークスさんより献本御礼。同梱されているお手紙も拝見させて頂いております。有り難うございますー!2013.12.20 | 12時56分58秒その他もろもろプライベート
Twitter Bootstrap向けのUIキットを複数配布する・PixelKit-Bootstrap-UI-Kits Twitter Bootstrap向けのUIキットを配布するプロジェクトが素敵だったので備忘録。何種類か用意されており、どれもクオリティの高いものとなっています。2013.12.17 | 10時42分26秒cssやプログラミングWebデザイン
一文字ずつテキストにアニメーションエフェクトを加えるスクリプト・funnyText.js ユニークなスクリプトだったのでなんとなくメモ。一文字ずつエフェクトを加えてランダムに動かす、というもの。やりすぎるとアレですけどこれはこれで面白いですね。2013.12.12 | 11時08分54秒jQueryWebデザイン
コンテナのサイズに合わせて画像をフィットさせるスクリプト・imagefill.js コンテナのサイズに合わせて自動的に画像をフィットさせる、というスクリプトのご紹介です。jQueryに依存しています。RWDなんかと相性良さそうですね。2013.12.07 | 11時27分56秒jQueryWebデザイン
好みのアイコンを選択して一括ダウンロード出来るSVGアイコンのライブラリー・iconmelon 可愛らしいデザインのSVGアイコンをダウンロード出来る、というWebサイトのご紹介。好みのアイコンを選択して一括でDLする事が出来ます。2013.12.04 | 10時38分40秒Webデザインメディア関連
手軽にスマフォにも対応したプレゼンテーションを作成出来るツール・Swipe 手軽で良かったのでメモ。オンラインでプレゼンを作れるツールです。スマフォにも対応しており、シェアも容易に行えるみたいですね。2013.12.03 | 11時49分32秒WebサービスWebツール
オンラインの請求書発行システムを実装出来るPHP製のソフトウェア・FusionInvoice ちょっと気になったので備忘録です。オンラインの請求書発行システムを構築できる、というソフトウェア。OSSで配布されていますが、ライセンスは独自のライセンスのようです。2013.12.01 | 11時39分22秒オープンソースソフトウェア
リッチなテーブルを実装する為のjQueryプラグイン・Open JS Grid リッチーなテーブルを実装するjQueryプラグイン・Open JS Gridのご紹介です。大量のデータを扱うコンテンツ等で導入を検討したいですね。2013.11.20 | 10時30分41秒jQueryWebデザイン
コーディング不要でDropboxに保管している画像からプロトタイプを作成出来るツール・Marvel なかなか便利そうだったのでメモがてらご紹介。コーディング不要のプロトタイピングツールです。Dropboxに保管してある画像データやPSDから簡単に作成する事ができます。2013.11.14 | 10時06分31秒WebサービスWebツール
Bootstrap用の、ページ内の目次を生成するスクリプト・tocify.js Twitter Bootstrap用の、目次生成スクリプト・tocify.jsのご紹介です。見出しを探し出して自動で目次を作る、みたいなやつ。実装も楽でユーザーにも優しい実装なのは素敵ですね。2013.11.05 | 10時43分08秒jQueryWebデザイン
contentEditable属性対応の、オートコンプリートでテキストや絵文字の入力を補完するライブラリ・At.js オートコンプリートでテキストや絵文字等の入力を楽にしてくれる、というスクリプトです。以前紹介したものと被りますが、選択肢は多いほうがいいですね、という事でメモ。2013.10.24 | 11時46分08秒jQueryWebデザイン
ページ内の目次を自動生成するjQueryプラグイン・jQuery Jump To ページ内の目次を自動生成する、というスクリプトのご紹介です。見出しを検出してページ内のナビゲーションを作成出来ます。冗長なページにはあると良さそうですね。2013.10.23 | 10時48分52秒jQueryWebデザイン
Twitter Bootstrap向けのMarkdownエディタを実装出来るスクリプト・Bootstrap Markdown Bootstrap向けのMarkdownエディタを実装出来る、というスクリプトのご紹介です。Markdown対応のエディタで、タグ保管機能も付いています。なかなか良さそうです。2013.10.12 | 13時15分20秒jQueryWebデザイン
データベース不要でインストールも手軽に出来る、シンプルなオープンソースのCMS・Dropplets ちょっと良さそうだったので備忘録。DB不要のOSSのCMSです。Markdown記法のブログエンジンみたい。インストールはサーバーにおくだけなので1分も掛かりません。2013.10.08 | 10時29分58秒オープンソースソフトウェア
プロジェクト管理ツールをWeb上で実装出来るPHP製のソフトウェア・Solo プロジェクト管理ツールをWeb上で構築するソフトウェア・Soloのご紹介です。フリーランサー向けに作られたようですね。見た目も見やすいので使ってみたい。2013.09.29 | 12時36分18秒その他のソフトウェアソフトウェア
レスポンシブWebデザイン対応のグリッドレイアウト向けコンタクトフォームを構築する為のCSSフレームワーク・Grid Forms RWD対応のグリッドレイアト向けフォームを作る為のCSSフレームワークのご紹介です。表題のとおり用途はある程度限定されますが、覚えておいて損は無さそうです。2013.09.27 | 11時22分00秒cssやプログラミングWebデザイン
画像内の部分的な明度を判定して、重ねたエレメントにclassを付与するライブラリ・BackgroundCheck 画像の中の明度を部分的に判定し、そこに重ねられたエレメントにそれぞれclassを与える、というライブラリのご紹介。技術的に面白かったので備忘録です。2013.09.25 | 10時49分33秒cssやプログラミングWebデザイン