jQuery UIをタッチデバイスに対応させるためのライブラリ・jQuery UI Touch Punch
jQuery UIをタッチデバイスに対応させる ライブラリ・jQuery UI Touch Punchの ご紹介です。いつか使うかも、と思った ので備忘録。これを見て、そういやスマ フォでjQuery UIを試したことが無いこと ...
レビュー
mootoolsをベースとしたオープンソースのモバイル向けフレームワーク・Moobile
いつもjQueryなのでたまには別のライブラリ の話題でもご紹介。mootoolsをベースとした モバイル向けフレームワーク・Moobileです。 mooltoolsベースのものは個人的には初見です が、他にもあるんですかね・・あま...
防犯グッズに見えないネコ型キーホルダー
結構前からあるみたいですけど、 ちょっといいアイデアだなって 思ったのでシェア。防犯グッズ に見えないネコ型のキーホルダー です。こういうアイデアは広め たいですねー。
ノイズのパターン画像をオンラインで生成出来るWebサービス・Noise Texture Generator
土曜日なので軽い話題でもご紹介。 ノイズっぽいテクスチャの背景を よく見かけると思いますが、そう いったパターン画像をオンライン で生成出来るWebサービスです。 地味に便利かも。
ベーシック且つシンプルなレスポンシブWebデザイン対応CSSフレームワーク・Exegesis-Framework
シンプルでベーシックなレスポンシブ Webデザイン対応のCSSフレームワーク をご紹介。シンプルなのでフレーム ワークとしてとても使いやすいイメージ でした。これはこれで覚えておくと いいかも。
スクロールすると左右から画像が集まってくるWebデザインのNizoっぽいやつをjQueryで作る
以前少し話題になった、Nizoというサイト がああります。このサイトで導入している、 スクロールに応じて要素をアニメーション させるエフェクトがちょっと素敵なんです が、これと同じような効果をjQueryで作る、 というのが今日の...
WordPressのカスタムメニュー（wp_nav_menu）を使って、サブタイトル付きのナビゲーションを実装する
ナビゲーションメニューに、よくリンクの詳細を短文で含めているのを見かけます。コーポレートサイトなんかでは定番のナビゲーションですが、これをWordPressで、テキストで実現しよう、という方法です。カスタムメニューで管理できるようにします。...
「この記事をお気に入りに追加」を実装できるWordPressプラグイン・WP Favorite Posts
Webサービスなんかでよく見かける 「お気に入りに追加」みたいなやつ を実装できるWordPressプラグイン・ WP Favorite Postsです。Cookieを 使ったシンプルなものですが、これ はこれで手軽で良いかと思い...
一輪バイク・・・
土曜日なのでちょっとしたネタでも。 一輪しかないバイク・・・マンガや 合成では見たことありますけど、実際 に製造して販売しているのは始めて 見ました。なんというか、需要がある か別にして実際に作っちゃうのが いいですね。
見た目がFacebookのLikeboxっぽいTwitterウィジェットを作成出来るjQueryプラグイン・Twitter Follow Box
使いそうだったので備忘録。Facebook で恐らく最も利用されてると思われる ソーシャルプラグインのLikeboxと似た ようなものを、Twitterアカウントで 作成するjQueryプラグインです。デザ イン的にもバランスが取...
デジタルコンテンツのダウンロード販売に特化したECサイト向けのWordPressプラグイン・Easy Digital Downloads
珍しいタイプだし、普及して欲しいな、 という願いも込めて記事にします。デ ジタルコンテンツの販売に特化した、 ECサイトを構築できるWordPressのプラ グイン、Easy Digital Downloadsです。 こういうのも...
擬似クラスや属性セレクタ等でフィルタリング可能なCSSセレクターのシンプルなリファレンス
作りが良かったので参考としてメモ。 CSSのセレクターを、擬似クラスとか 属性とかでフィルタできるリファレ ンスサイトです。自分のチートシート の作りが微妙なので使いやすそうなら 参考にしたい。
CSS3で作る、ドロップダウン⇔アコーディオンの切り替えをするレスポンシブWebデザイン対応のグローバルメニュー
JSを使わず、CSSのみでドロップダウン メニューとアコーディオンメニューを 特定のブレークポイントで切り替える レスポンシブWebデザイン対応のグロー バルメニューのサンプルです。これは なかなか良いのでは。
スマフォのフリックにも対応しているカルーセルを実装できるJSライブラリ・inflickity
フリックに対応したカルーセルを 実装するライブラリ・inflickity です。動きもかなり軽快ですので、 使いどころも多々ありそうです。 よくあるUIキットにも似たような ものが含まれてますけど、こうして 単体で使えるのも欲し...
穴埋め問題を解くような形式でPHPを学べる勉強サイト・(un)classroom
プログラミングを学べる、みたいなサイト が凄く増えている印象ですが、また似たよ うなサイトを見かけましたのでご紹介です。 実践しながら学べるサイト・(un)classroom。 実践といっても、穴埋め問題っぽい感じで、 手を動かし...
1つの記事に対して、執筆者を複数ユーザー割り当てられるWordPressプラグイン・Co-Authors Plus
一昔前に比べてWordPressを利用したマルチ ユーザータイプのサイトがかなり目立って きた印象なので、需要も増えてくるかと思い ご紹介してみます。1つの記事に対して、 複数ユーザーを執筆者として割り当てられる プラグインです。...
商用利用もWebフォントも無料で利用出来るサンセリフ系フォント・Subtle Sans
英字フォントですが、なかなか良さそう だったのでシェア。商用利用もWebフォント も無料でリンクなども不要と、結構自由 に使えるのと、個人的にサンセリフの 利用頻度が高いので即DLしてみましたよ。 太さも3種用意されています。
省スペースで印象的なプレゼンができる・Presenteer.js
省スペースで印象的なプレゼンを行える jQueryのプラグインです。ちょっと見た 事のないタイプだったのでご紹介してみ ました。用途はかなり限られそうですが、 印象的ではありますね。省スペースで ある必要は無いかもですがｗ
li要素で作ったナビゲーションリンクを、Media Queriesで設定したブレークポイントでselect要素にする軽量ライブラリ・TinyNav.js
シンプルで使いやすそうだったので 備忘録。Media Queriesと併用して、 ナビゲーションリンクをselect要素 に変換するjQueryのプラグインです。 圧縮版だと300バイトほどと、超軽量で、 様々なブラウザにも対応で...
CSS3による様々なエフェクトが選択可能なレスポンシブWebデザイン対応イメージスライダーを実装するjQueryプラグイン・REFINESLIDE
3Dやスライスなど、様々なアニメーション エフェクトを使用できて、且つレスポンシブ Webデザインにも対応可能なイメージスライ ダーを実装できるjQueryプラグインのご 紹介。REFINESLIDEというプラグインです。 覚えて...
画像の任意の箇所にツールチップを配置出来るjQueryプラグイン・iPicture
画像内の任意の箇所に自由にホバーで テキストを表示するツールチップを 配置出来るjQueryプラグイン・iPicture のご紹介。この手のライブラリは、 実務でかなり有効的に使えますので 覚えて置いて損は無いのでは。
WordPressにアップロードしてリサイズされたJPG画像の画質を1行のコードで改善させる
覚えておきたいTipsだったのでメモ。WordPressでのJPGの画質を少しでも改善させよう、という方法です。手軽に出来るので覚えて置いて損は無いかと思います。設定されている圧縮比を変更する、という方法。