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専門は初見でした。インス ピレーション向上に覚えておいて 損は無いかもですね。
タブやフォームなどのUIもレスポンシブWebデザインに対応させた960グリッドシステム搭載のCSSフレームワーク・Gumby Framework
良く使われるUIキット付属の CSSフレームワークです。960 グリッドシステムも搭載して いますので、様々なレイアウト にも対応できる柔軟なフレーム ワークになるかもしれません。
文章中の任意のキーワードをアニメーションしながら定期的に別のキーワードに置き換える軽量jQueryプラグイン・dynamo.js
珍しい感じだったのでご紹介。軽く 目を惹かせる事が出来そうな感じ。 文章中の特定のキーワードを、 定期的に別のキーワードに置き換える 事が出来ます。アニメーションさせ るので部分的に目立ちそうですね。
jQueryでフォームのlabel要素をinput内に表示し、フォーカスしたらスライド、入力中は非表示にする
説明的なタイトルですが・・input要素 の中にlabel要素のテキストを表示させ、 フォーカス時にはアニメーションで右に スライドし、入力中は非表示にする、と いうのを実装できるjQueryのプラグイン です。
WordPressの関数と、その使い方をまとめているリファレンスサイト・QueryPosts.com
WordPressの関数で検索できて、使い方 も掲載してくれているリファレンスが あったのでメモ。CODEXの方が情報は 確実ですけど、日本語版は稀に情報が 古い場合もありますので、保険的に 抑えておくことにしました。
CSSのプロパティを検索してブラウザのバージョンごとの対応状況を確認出来るリファレンスサイト・Browser Support
プロパティがどのブラウザに対応 しているかを調べられる、という 検索式のリファレンスサイトです。 バージョン別になっているので、 動かなくて困った、という時に調 べて見ては如何でしょう。
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などのブラウザにも スイッチで...
CSSを書くとLESS形式にリアルタイムで変換するWebサービス・Css2Less
CSSを書くと即座にLESS形式に変換 するWebサービス・Css2Lessのご紹介 です。使えるかどうかは別にして、 まだLESSに慣れてない方には練習用 になる・・・かもしれない。LESS も慣れるのが大変ですよね。
Gistに書いたCSSやJavaScriptのコードを表示し、その場で実行出来るjQueryプラグイン・Intelligist
Gistのコードを表示させるだけでなく、 その場で実行出来るようにする、という jQueryのプラグインです。あんまり 用途は浮かばないかもですけど、珍しい ので一応メモ的に。Gistは複数指定 可能です。
Facebookのように、顔文字を絵文字に変換するjQueryのプラグインと、絵文字の作成、共有が出来るサービス
参考になったのでついでにシェア。 顔文字を絵文字の画像に置換する プラグインです。Facebookで特定 の顔文字を入力すると絵文字に自動 で変換されますが、そんな機能を 加える事が出来ます。
オープンソースのPHP+jQuery製オンラインファイルマネージャ・elFinder
OSSのファイルマネージャが良さそう だったのでご紹介。結構高性能っぽい です。こういうのは手軽なものがあま りない印象なので使う機会は無いけど 一応抑えておきたいところです。うま く使いたいところですけどね・・
指をフォーク代わりにできるFinger Food Picks
ゴールデンウィークを如何お過ごし でしょうか。お休みなので軽めの 話題。指にはめるフォーク、みたい なのがあったんですが、意外と便利 なのでは、と思ったのでシェアして みます。