Books"キーワード指定なし"CSS3による多層グラデーションを使った背景を作れるjQueryプラグイン・SHARDSちょっと面白かったので備忘録。CSS3で多層グラデーションの背景を手軽に作れる、というスクリプト。jQueryに依存します。レイヤーはランダムに組まれるみたいですね。2013.07.26jQueryWebデザインJPEGminiのWindows版が出てたので購入してみたjpg画像を画質を変えずにダイエットしてくれるWebツールのJPEGminiにWindows版が出ててそこそこ安かったので購入してみました。お蔭様で随分楽になりました。Meよく見かけるフィードバック用のコンタクトフォームを実装するスクリプトのご紹介です。外部サービスだと使い勝手がアレなのでこうして独自で設置できるといいですね。2013.07.22jQueryWebデザイン汎用性の高そうなjQueryイメージスライダー・Fotoramaよさ気だったので備忘録。jQueryで作るスライダーです。画像や動画にも対応、レスポンシブWebデザインにも対応しており、マークアップもシンプルで済みます。2013.07.20jQueryWebデザインボックスの高さを指定して「続きを読む」リンクを付けられるjQueryプラグイン・READMORE.JSちょっと便利そうだったので備忘録。テキストが長いコンテンツをコンパクト化するスクリプトです。方法はいろいろありますけど、こちらは高さ指定という点がシンプルで良かったです。2013.07.18jQueryWebデザイン学生向けに作られた国産プログラミング学習サイト・コーディング道場たまたま見つけたのでご紹介。プログラミング学習サイトです。学生さんの就職活動の支援サイトとして作られたそうですよ。現在はPHPとRubyが学べるみたいです。2013.07.16Webサービスその他jQueryやMootoolsとほぼ同等の機能を持った、パブリックドメインの軽量JavaScriptライブラリ・Minified.jsちょっと気になったので備忘録。jQueryやMootools、ZeptなどのJavaScriptライブラリとほぼ同じ機能で、且つ軽量なライブラリのようです。一覧表を見る限りでは完全互換では無いようです。2013.07.14jQueryWebデザイン500px.comライクな写真共有サービスを構築できるオープンソースのソフトウェア・photographer-iophotographer-ioは、写真共有サイトを構築できるOSSです。500px.comのようなレイアウトや機能が備わっています。Rubyで作られているみたいですね。2013.07.10オープンソースソフトウェア高品質なWordPressの有料/無料テーマをひたすらまとめている・Themegraphyコメントで教えて頂いたのでご紹介。素敵なWordPressテーマを紹介するサイト。無料と有料がありますので結構な数になっています。見てるだけでもインスピレーションが向上しそうですね。PluginD&Dを可能にするZeptoのプラグインのご紹介。スマフォ向けに開発されたjQuery互換のライブラリ、Zeptoをコアとしてドラッグ&ドロップを実装するスクリプトです。2013.07.08jQueryWebデザインMarkdown記法で書けるシンプルなブログサービス・RoonMarkdown記法で書けるシンプルなブログサービス・Roonのご紹介。スマフォでも閲覧可能なRWD対応のサービスです。メモ感覚で書けるので手軽でいいかもしれません。2013.06.27Webサービスその他アイコンを表示させる際にSVGスプライトとPNGのどちらが重いかをテストした動作サンプルSVGで書いたアイコンとPNGとで、どちらが重いかを調べた動作サンプルがあったので備忘録としてメモします。要素をフリップさせるためのライブラリ・Flippant.js要素をフリップ(回転)させるためのライブラリのご紹介。CSS3の記事なんかでたまに見かけますね。使用シーンは限られそうですけど動きは面白いです。TourBusWebサイトツアーを実装できる、というスクリプトのご紹介。jQueryに依存します。ある類のものと変わりませんが個人的に使いやすい印象だったので備忘録として。2013.06.17jQueryWebデザインselect要素の使い勝手を向上させる(かもしれない)UIを実装するスクリプト・Selectize.jsselect要素の使い勝手を良くする事が出来るかもしれないスクリプトのご紹介。モノによっては逆に分かりにくくなりそうなので使いどころを気をつける必要がありそうです。2013.06.11jQueryWebデザインミニマルなデザインで見やすいRSSリーダー・YoleoRSSリーダーを探してたんですけど、好みのものがようやく見つかりました。デザインもミニマルでGoogleリーダーに近い印象なのでこちらを代替として利用させて頂こうと思います。Easy使いやすそうなモーダルウィンドウのスクリプトがあったので備忘録。VimeoやGoogleマップにも対応しており、ファイル自体も圧縮版で2KB程度と軽量なのも嬉しいですね。Columntable要素の幅をドラッグでリサイズ出来る様にする、というスクリプトのご紹介です。用途は少なそうですけど、テーブルの内容次第では便利かも。2013.06.03jQueryWebデザイン要素を自動でセンタリングさせる為のスクリプト・Midway.js要素をセンタリングさせる為だけのスクリプトです。CSSだけでも出来る事は出来るので無くても困りませんけど・・軽量で手軽に使えるのであっても困らないのでメモ的に。Bootstrap向けに作られた、select要素の複数選択を分かりやすくするjQueryのプラグインのご紹介。個人的にBootstrapの使用率が減りましたので利用させてもらう機会は無いかもですけど・・2013.05.27jQueryWebデザインPCサイトではタブによる切り替え、スマフォ等ではアコーディオンで実装できるスクリプト・Easy-Responsive-Tabs-to-Accordion必要になりそうだったのでメモ。通常のPCサイトではタブ、スマフォ等の画面の狭いデバイスではアコーディオンで実装するスクリプトのご紹介です。jQuery依存になります。2013.05.26jQueryWebデザインフォーラムを作成して任意のWebサイトに埋め込めるWebサービス・Mootディスカッションの場を作成して投稿内容を埋め込める、というWebサービスのご紹介。Disqusとちょっと似た感じかもしれません。ResourceAds。