プログラミング

PCサイトではタブによる切り替え、スマフォ等ではアコーディオンで実装できるスクリプト・Easy-Responsive-Tabs-to-Accordion

必要になりそうだったのでメモ。通常のPCサイトではタブ、スマフォ等の画面の狭いデバイスではアコーディオンで実装するスクリプトのご紹介です。jQuery依存になります。

WYSIWYGエディタを実装するjQueryプラグイン・jQuery TE

WYSIWYGを実装するjQueryのプラグイン、jQuery TEのご紹介です。WYSIWYGエディタの割に軽量との事です。触って見たいけど時間無いので備忘録的にメモ。

PCではマウスホバー、スマフォではタップで動作するレスポンシブなドロップダウンメニューを実装するjQueryプラグイン・FlexNav

レスポンシブWebデザイン対応サイト向けのドロップダウンメニューを実装する為のスクリプト・FlexNavのご紹介です。なかなか使い勝手も良さそうな印象でした。
Ads

オープンソースで公開されているPinterestクローンのソフトウェア・Pinry

OSSで公開されている、Pinterestクローンソフトウェア・Pinryのご紹介です。すでに類似サイトも沢山あるので今更感あるかもですけど、アイデア次第で用途の幅も広がると思うのでメモ。

Web制作関連のニュースレター配信サイトいくつか

週一でメールマガジンを配信するニュースレターサイトをよく見かけるようになったのでいくつか登録してみました。その週のダイジェスト的な内容なので割と分かりやすいし、毎日見る必要が無いので色々楽です。

新Gmailライクな、オーバーレイを利用したシンプルなWebサイトツアーっぽいのを実装するスクリプト・Chardin.js

なかなか良さそうだったので備忘録。最近GmailでUIが少し変更されましたが、その際に使い方をオーバーレイで教えてくれるようになっていました。そんなシンプルなサイトツアーを実装できる、というスクリプトです。

チェックボックスとラジオボタンをスタイリングする為のjQueryプラグイン・iCheck.js

checkboxesとradioボタンをスタイリングするjQueryのプラグインです。カスタマイズ性に優れており、使い方も手軽そうだったので備忘録的にご紹介します。

実践しながらjQueryを学べるオンライン学習サイト・Try jQuery

実際にコードを書いて学べる学習コンテンツ・Try jQueryのご紹介です。jQuery公式のオンライン学習サイトっぽいですね。英語ですけどこれから学ぼうという方にはうってつけかもしれません。

WordPressのショートコードで誕生日から現在の年齢を表示させる

現在の案件でご要望いただいたので方法をメモ。ショートコードで現在の年齢を表示させる、という方法です。確かに毎年更新するのは面倒な部分ではありますので自動化出来ると楽ですかね。

jQueryベースの軽量UIライブラリ・w2ui

jQueryベースの軽量なUIライブラリ・w2uiのご紹介。軽量な理由が、IE8以下に非対応にしている、との事なので、利用シーンはやや限られるかもしれませんが、これはこれで。

ページ内の目次を自動作成するWordPressプラグイン・Table of Contents Plus

Wikipediaのように、ページ内の目次を自動で作成するWordPressのプラグイン・Table of Contents Plusのご紹介です。長いコンテンツが多いサイトでは結構便利なんじゃないかなと思います。セッティングも色々と出来ま...

緩いライセンスで提供された、モバイルファーストなWebサイト制作用フレームワーク・Kraken

モバイルファーストなWebサイトの制作向けに作られたフレームワークです。ライセンスはあまり聞きなれないWTFPLというもの。かなり緩いので使いやすいのでは無いかと思います。

ショートコードでiOSやAndroid等にだけコンテンツを表示させられるようにするWordPressプラグイン・Mobile Content

便利そうなので備忘録。iOSやAndroid、タブレットやPCサイト等にだけ、限定したコンテンツをショートコードで表示可能にする、というWPプラグインです。記事部分は共通になってしまうので、こういった方法をショートコードで出来るのは楽ですね...

様々なJavaScriptライブラリをコレクションしているWebサイト・JSDB.IO

様々なJSライブラリのまとめサイトのご紹介。主にクライアントサイドのJSライブラリを中心にコレクションしているみたいです。シンプルで探しやすかったのでメモ。

Dribbbleで無料配布されているリソースだけをまとめたWebサイト・Freebbble

Dribbbleで公開されているフリーのリソースをまとめているWebサイト、Freebbbleのご紹介です。ライセンスはそれぞれ異なるので、必ずご確認をしてからご利用下さい。責任は負いかねます。

タッチデバイスにも対応したシンプルなLightboxを実装するjQueryプラグイン・Swipebox

タッチデバイスに対応したLightboxを実装するスクリプトのご紹介です。jQueryに依存します。多機能なものではありませんが、使いやすくて良さそうです。ただ、実機での動作テストをしていませんのでその程度の記事。

Subtle Patternsのパターン画像を閲覧中のサイトの背景として表示確認できるブックマークレット・SubtlePatterns Bookmarklet

使いやすいデザインのパターン画像を公開してくれているサービスのSubtle Patternsの画像を閲覧中のWebサイトの背景として表示確認が出来る、というブックマークレットです。愛用している方は如何でしょう。

各種コンポーネントのスタイルも用意されたレスポンシブWebデザイン対応フレームワーク・Groundwork

タブやフォーム、ボタンなど、各種コンポーネントのスタイルも用意されているレスポンシブWebデザイン対応のフレームワークのご紹介。SASSを使って構築しているそうです。レイアウトも数種用意済みです。

WordPressの投稿フォーマットの選択項目を分かりやすく表示するプラグイン・wp-post-formats

投稿フォーマットの選択項目を、分かりやすく表示する、というプラグイン、wp-post-formatsのご紹介です。ラジオボタンをタブにするだけですが、Tumblrっぽくなるので使いやすい気はしました。投稿フォーマット自体あまり使われてない感...

Pinterestライクなレンガ風のレイアウトを構築する為のライブラリ・Nested

よく見かける、Pinterestのようなレンガを積み重ねた感じのレイアウトを実装するためのスクリプトのご紹介です。既に先発スクリプトは沢山あるので選択肢の一つとして、という感じですね。

ツールチップタイプのメニューバーを実装するjQueryプラグイン・Toolbar.Js

ツールチップでメニューバーを実装する為のスクリプト・Toolbar.Jsのご紹介です。Webアプリ等でたまに見かけるやつ。省スペース化できていいですね。スマフォとの相性もいいかもしれません。

Lettering.jsを併用して、任意のテキストにCSS3のアニメーションエフェクトを実装するスクリプト・textillate.js

ちょっと面白かったのでメモ的に。タイポグラフィ用のライブラリ、Lettering.jsを併用して、テキストにCSS3によるアニメーション効果を容易に与える事が出来る、というスクリプトのご紹介。
Ads