サイトやブログで使用しているスタイルシートをリファクタリングし、可読性・保守性を高めたCSS（Sassも）に変換してくれるオンラインサービスを紹介します。

Ajax AutoComplete for jQuery UIがカッコいいオートコンプリート実装jQueryプラグイン「Ajax AutoComplete」 次のような、Ajaxでサーバからサジェストを引っ張って表示するサジェスト実装プラグイン。 検索文字列がハイライトされるところが分かりやすいです。 , や　or を入れることで複数ワードのサジェストにも対応しているみたい 関連エントリ クールなタグ入力＆オートコンプリート機能付きフィールド実装jQueryプラグイン「TextExt」 スマホの入力が超楽になりそうなjQueryモバイル用のオートコンプリートプラグイン

Teamwork Gantt ガントチャートとタスクツリーが作れるjQueryコンポーネント「Teamwork Gantt」。 次のようなガントチャートを作成できる無料サービスに加えて、実装コンポーネントをダウンロードすることができます。 開始日、終了日の指定がカレンダーで指定できたり、入力も楽々。 この手の使いやすいUIを自分で作るとなると骨が折れそうですが、これをカスタマイズ等して便利に使うことが出来そうです 関連エントリ コンテンツ毎にサイドバーを固定配置できるjQueryプラグイン「Stick ’em」 Amebaっピグっぽい物が作れるjQueryプラグイン「pp3Diso」 使いやすい複数選択エレメントを実現するjQueryプラグイン「multiselect.js」 jQueryでブレットグラフを作れるjQueryプラグイン「jquery bullet graph」

16 Ridiculously Impressive CSS3 & HTML5 Experiments | Free and Useful Online Resources for Designers and Developers これは見ておくべきCSS3＆HTML5の実験１６サイトまとめ 数年前なら誰もがFlashで出来ていると疑わなかったようなデモがHTML5＆CSS3で実現されています。 これだけのことがWEBでできるんだという部分を把握しておく意味でも見ておいたほうがよさそうです これだけ出来ることが増えていくと自由な反面、WEBも開発コスト等があがっていきそうで怖いところがありますね 関連エントリ WebCamで撮影をHTML5で実現するデモ HTML5を使ったクールなサイトデザイン集２１ HTML5のゲームエンジン「Quintus」

25 Free Dropdown Menus in HTML5 and CSS3 HTML5＆CSS3なフリーのドロップダウンメニュー２５ 色々なタイプのドロップダウンがありますが、実装の際に参考に出来そうです。 クールなものからシンプルな物、ユニークなデザイン等、サイトに応じて使い分けられそうです 関連エントリ 紙がペラペラめくれる感じの3Dドロップダウンメニュー「Makisu」 シンプルだけどデザインがよいドロップダウンメニュー実装チュートリアル FacebookスタイルのシンプルなドロップダウンをjQueryで実装するサンプル

jQuery Stick ’em: Make Content Sticky on Scroll, to a Point | Viget コンテンツ毎にサイドバーを固定配置できるjQueryプラグイン「Stick ’em」。 最近よくある、ページをスクロールしてもついてくるサイドバー。position:fixedなどを応用して綺麗についてくるようにできますが、コンテンツが大きく３つに分かれている場合はちょっと実装が難しいかも。 そんな時に使えるのがこのプラグイン。デモページを見て頂ければ分かりますが、コンテンツごとに固定されるサイドバーをわけられるようです。 スクロールしても、サイドバー「Heading」と書かれた部分は右側に固定されて表示されます。 更にスクロールするとコンテンツが別れるので、それ以上は下に来ません。 １から実装するとなるとpositionの切り替えが結構大変で挫折しがちな

Toolbar.js - jQuery plugin to create tooltip style toobars 吹き出し風にポップアップするツールバー実装jQueryプラグイン「Toolbar.js」 次のように、初期化位置にカーソルを合わせるとポップアップするツールバーを設定でき、そこからアクションを選べます。 ありそうであまり無かったプラグインかもしれませんね。 縦バージョンにもできます これは便利に使えそう 関連エントリ UIがカッコいいオートコンプリート実装jQueryプラグイン「Ajax AutoComplete」 使いやすい複数選択エレメントを実現するjQueryプラグイン「multiselect.js」 コンテンツ毎にサイドバーを固定配置できるjQueryプラグイン「Stick ’em」 普通のテーブルをExcel風に超カッコよくしてくれるjQueryプラグイン「Par

私はかつて自分の間違いを直視しませんでした。まるで、そうすると取り返しのつかない傷がつくかのように...しかし、それは世界の誤った見方であると気づきました。そして、「やっちまったリスト」を作りはじめたのです。 誰もが間違いを犯します。わずかなミスもあれば、致命的な失敗もあります。また、わかっているのに何度も繰り返してしまう馬鹿げた過ちもあります。「失敗しちゃった...次からは気をつけよう」と口で言うのは簡単です。しかし、自分が犯した間違いを書き出し、きちんと向き合うことは容易ではありません。「やっちまったリスト」を始めよう！ 私の「やっちまったリスト」は、米Lifehackerの記事を書く上でよくやる間違いをメモすることから始まりました。最初は「Thorin（私）がよく間違える言葉」なるテキストファイルを作り、時制を誤ったり、文頭の大文字化を忘れたりなど、よくやってしまう文法の誤りを書き込

新人のころなどは、与えられたことをやるので精一杯かもしれませんが、ずっとそういうわけにもいきません。 仕事を見つける・仕事をつくるという視点を常に持っていれば、自分のやりたい仕事ができるチャンスがあるかもしれませんね。 心理的にも、仕事を強制されているよりはるかに自由です。 2. 会社は最高のビジネス・スクールと考える会社は学校ではありませんが、とはいえ、実務を通じて自分のスキルを上げることもできますし、経験を積むことができます。少し大きな会社なら、いやベンチャー企業でも人材育成に熱心な企業なら研修も充実しています。 若く仕事に悩んでいた頃、私は本『会社とことん活用術 』で「会社を利用する」という考え方を知り、心が救われました。 「会社に使われる」のではなく「会社を利用する」という考え方をすると、大きく意識が変わりました。様々なことが見えてくるのです。 かったるいと思っていた研修も、「会社