Mapsのご紹介です。Mapのデザインも変更しておきたいですね。Widgetsのご紹介です。クライアントさんが使いこなせれば喜んでもらえそうですね。Gridのご紹介です。大量のデータを扱うコンテンツ等で導入を検討したいですね。2013.11.20jQueryWebデザインコーディング不要でDropboxに保管している画像からプロトタイプを作成出来るツール・Marvelなかなか便利そうだったのでメモがてらご紹介。コーディング不要のプロトタイピングツールです。Dropboxに保管してある画像データやPSDから簡単に作成する事ができます。2013.11.14WebサービスWebツール画像を菱形状に並べるイメージギャラリーを実装するスクリプト・jquery.diamonds.js以前よく見かけたタイプのイメージギャラリーを実装出来るスクリプトがあったのでメモ。菱形状に並べる、というものです。実用性は置いといて、素敵な見せ方ですね。Bootstrap用の、目次生成スクリプト・tocify.jsのご紹介です。見出しを探し出して自動で目次を作る、みたいなやつ。実装も楽でユーザーにも優しい実装なのは素敵ですね。2013.11.05jQueryWebデザインiOSのドローアプリ・Inkpadがオープンソースとして公開されていますiOSのお絵かきアプリ・InkpadがOSSとして公開されていたので備忘録。今は無料になったとはいえ、丸ごと公開とは太っ腹ですね。今後も増えていくのかな・・・2013.11.04オープンソースソフトウェアinput要素に入力パターンを組み込めるjQueryプラグイン・formatter.js地味に便利そうだったのでメモ。input要素に入力パターンを組み込める、というスクリプトです。jQueryに依存しています。ユーザーの入力の補助によさそう。2013.11.03jQueryWebデザインcontentEditable属性対応の、オートコンプリートでテキストや絵文字の入力を補完するライブラリ・At.jsオートコンプリートでテキストや絵文字等の入力を楽にしてくれる、というスクリプトです。以前紹介したものと被りますが、選択肢は多いほうがいいですね、という事でメモ。Toページ内の目次を自動生成する、というスクリプトのご紹介です。見出しを検出してページ内のナビゲーションを作成出来ます。冗長なページにはあると良さそうですね。MarkdownBootstrap向けのMarkdownエディタを実装出来る、というスクリプトのご紹介です。Markdown対応のエディタで、タグ保管機能も付いています。2013.10.12jQueryWebデザインCSSのテストを行うためのリソースをまとめている・csste.stCSSのテストを行うためのリソースを収集、公開しているWebサイトがあったのでメモ。どのようにテストを行うか、なぜ行うか、ツールの紹介などなど。2013.10.11cssやプログラミングWebデザインデータベース不要でインストールも手軽に出来る、シンプルなオープンソースのCMS・Droppletsちょっと良さそうだったので備忘録。DB不要のOSSのCMSです。Markdown記法のブログエンジンみたい。インストールはサーバーにおくだけなので1分も掛かりません。2013.10.08オープンソースソフトウェアプロジェクト管理ツールをWeb上で実装出来るPHP製のソフトウェア・Soloプロジェクト管理ツールをWeb上で構築するソフトウェア・Soloのご紹介です。フリーランサー向けに作られたようですね。見た目も見やすいので使ってみたい。2013.09.29その他のソフトウェアソフトウェアフリップエフェクト付きのローディングインジケーターを実装するスクリプト・Flipload.jsフリップ(引っくり返す)エフェクト付きのローンディングインジケーターを実装する、というライブラリのご紹介です。目立つのでロード中というのをしっかり明示できそうです。FormsRWD対応のグリッドレイアト向けフォームを作る為のCSSフレームワークのご紹介です。表題のとおり用途はある程度限定されますが、覚えておいて損は無さそうです。2013.09.27cssやプログラミングWebデザイン画像内の部分的な明度を判定して、重ねたエレメントにclassを付与するライブラリ・BackgroundCheck画像の中の明度を部分的に判定し、そこに重ねられたエレメントにそれぞれclassを与える、というライブラリのご紹介。技術的に面白かったので備忘録です。2013.09.25cssやプログラミングWebデザイン複数ボックスを順に表示出来るモーダルウィンドウを実装するスクリプト・vex複数の要素をモーダルウィンドウとして表示し、順に表示させる事が出来る、というスクリプト。Rotator文章内のテキストをアニメーションエフェクト付きで別テキストに変更、ローテーションで回せるというスクリプト。利用シーンはある程度限られますが、訴求力の向上に役立ってくれるかもしれません。elementsのご紹介です。特定の画面サイズになるとclassが付与されるので、そのclassを使ってCSSを書きます。2013.09.19jQueryWebデザインシンプルで使いやすいレスポンシブWebデザインの確認ツール・Dimensionsシンプルで使いやすいRWDの表示確認ツール・Dimensionsのご紹介です。Chromeエクステンションもあるみたいですね。ドラッグで動かせるのは楽で良いです。2013.09.18WebサービスWebツール任意のテキストを、ユーザーがTwitterに投稿できるようにするスクリプト・jquery.tweetable.js任意のテキストを、閲覧しているユーザーがTwitterに投稿できるようにする、というスクリプトのご紹介。jQuery依存ですが、プラグイン自体は軽量です。ResourceAds。