reset.cssやnormalize.css、box-sizingなどを選んでシンプルなHTMLのスターターセットを作れるSiimpler
日曜なので軽い話題。シンプルで小さめなプロジェクト用のテンプレを作成するツールです。reset.cssとかnormalize.cssなどを選択してスターターセットとしてDLする事が出来ます。
"キーワード指定なし"
まとめて読みたい記事や薦めたい記事をリスト化してKindleやiPad、iPhoneなどに送信出来るWebサービス・Readlists
ちょっと良さそうだったのでシェア。 好きな記事やレシピなど、あとで まとめて読みたいページをリスト化 してKindleやiPad、iPhoneなどに送信 したり、ePubに出力させる事も可能 なWebサービス・Readlistsの...
impress.jsを使ったユニークなプレゼンをオンラインで生成出来るWSIWYGライクなWebツール・Impressionist
ユニークなHTML製のプレゼンを生成 出来るライブラリ、impress.js使用 のプレゼンテーションをオンラインで 作れるWSIWYGライクなWebサービス・ Impressionistのご紹介。まだアルファ 版のようです。
ページ内でどれくらいスクロールされているかをGoogleアナリティクスで解析する為のjQueryプラグイン・Scroll Depth
ユーザーにどれくらいページ内で スクロールされているかをGAの イベントAPIを使って解析する為 のjQueryプラグイン・Scroll Depth のご紹介。
超シンプルなオリジナルの管理画面で記事を投稿できるWordPressテーマ・svbtleがちょっと面白い
こういう事も出来るんだなー、と ちょっと驚いたのでシェア。WPの テーマなんですが、既存の管理画面 を使用せず、新たに別の超シンプル な管理画面を用意し、管理できる ように設計されています。
jQueryでpre、code要素内に書いたコードをプレーンテキストで別窓表示できるようにする
<pre>と<code>内に書いたコード をプレーンテキストで別窓表示させるリンク をjQueryで作るコードです。Web制作者向けの Tipsになります。地味に便利そうだったの で備忘録。
Androidアプリ専門のUIギャラリー・Android App Patterns
Androidアプリ専門のUIギャラリー サイト・Android App Patternsの ご紹介。iPhoneのは多いですけど、 Android専門は初見でした。インス ピレーション向上に覚えておいて 損は無いかもですね。
チェックボックスやラジオボタンのデザインを変更可能な送信フォームを実装する為のフレームワーク・Ideal Formsにバリデーション機能が付いた
チェックボックスやラジオボタン、 セレクトボックスなどのデザイン を変更可能で、バリデーションも できる送信フォームのフレームワ ーク・Ideal Formsのご紹介です。
タブやフォームなどのUIもレスポンシブWebデザインに対応させた960グリッドシステム搭載のCSSフレームワーク・Gumby Framework
良く使われるUIキット付属の CSSフレームワークです。960 グリッドシステムも搭載して いますので、様々なレイアウト にも対応できる柔軟なフレーム ワークになるかもしれません。
WordPress管理画面のメニュー項目に使われるアイコンをオリジナルに変更する為のテンプレート素材
WordPressの管理画面のメニュー項目 に使用されているアイコンを変更する のに便利そうなテンプレートがあった のでご紹介。カスタム投稿タイプも 一般的に利用されてきている印象なの で、アイコンも投稿タイプに合わせて 作って...
APIと少しのjQueryコードでGoogle Mapの地図の色を変更する
Google MapのデザインをjQueryで変更する為のメモ書き。Google Map APIとjQueryでGoogle Mapの色合いを変更し、オリジナルのマーカーを付けてみます。こうする事で、既存デザインに合わせたGoogle Ma...
文章中の任意のキーワードをアニメーションしながら定期的に別のキーワードに置き換える軽量jQueryプラグイン・dynamo.js
珍しい感じだったのでご紹介。軽く 目を惹かせる事が出来そうな感じ。 文章中の特定のキーワードを、 定期的に別のキーワードに置き換える 事が出来ます。アニメーションさせ るので部分的に目立ちそうですね。
jQueryでフォームのlabel要素をinput内に表示し、フォーカスしたらスライド、入力中は非表示にする
説明的なタイトルですが・・input要素 の中にlabel要素のテキストを表示させ、 フォーカス時にはアニメーションで右に スライドし、入力中は非表示にする、と いうのを実装できるjQueryのプラグイン です。
WordPressの関数と、その使い方をまとめているリファレンスサイト・QueryPosts.com
WordPressの関数で検索できて、使い方 も掲載してくれているリファレンスが あったのでメモ。CODEXの方が情報は 確実ですけど、日本語版は稀に情報が 古い場合もありますので、保険的に 抑えておくことにしました。
CSSのプロパティを検索してブラウザのバージョンごとの対応状況を確認出来るリファレンスサイト・Browser Support
プロパティがどのブラウザに対応 しているかを調べられる、という 検索式のリファレンスサイトです。 バージョン別になっているので、 動かなくて困った、という時に調 べて見ては如何でしょう。
Webフォントにも利用可能なフリーの天気アイコンフォント・Climacons Font
土曜日なので軽い話題。天気 アイコン型のWebフォントです。 スマートフォンのアプリ向け に作られたみたいです。見た目 が可愛いのでアプリ以外にも 何かに利用したいですね。
Webに疎いクライアント向けにWordPressの管理メニューを使いやすくする為のプラグイン・CMS Dashboard
クライアントワーク向けのWordPressの プラグインです。管理画面のメニュー はWebに疎いクライアントさんには世辞 にも使いやすいものではありません。 そんな管理メニューを使いやすくする、 という目的で作られたプラグインです...
ドロップダウンするページ内スクロール用の固定ナビゲーションを実装するjQueryプラグイン・fixedTOC
個人的に使いそうなのでメモ。 よくあるページ内スクロールを 固定させてドロップダウン式に するjQueryプラグインです。 これはなかなか実用性があると 思います。
ダミー画像を超手軽に生成出来るWebサービス・PLACEHOLD.ITがやたら便利
昨日知ったWebサービスに久々に感激したので勢いでシェアします。Web制作で必ずと言っていいほど必用になるダミー画像を生成してくれるサービスなんですが、これが個人的にかなり便利でした。
カウントダウン終了後に任意のコードを実行できる軽量jQueryプラグイン・jquery-countdown
カウントダウンタイマーの実装と 終了後に任意のイベントを発生 させられるjQueryのプラグイン、 jquery-countdownのご紹介です。 たまに見かけるやつですね。使用 頻度は高くは無さそうですけど。
その場でiPhoneやAndroidのユーザーエージェントに切り替えられるChromeエクステンション・User-Agent Switcher
その場でサクッとUAを切り替える 事が出来るChromeエクステンション User-Agent Switcherのご紹介です。 iPhoneやiPad、Androidだけでなく、 FirefoxやIEなどのブラウザにも スイッチで...
羅列した要素をjQueryで徐々にランダム表示させる
羅列された要素をフェードイン しながら徐々にランダムで表示 させるエフェクトをjQueryで実装 出来る、というプラグインの ご紹介。割と短いコードで作れる エフェクトなので覚えておきたい ですね。