macky1207のブックマーク - はてなブックマーク

Compass/Sassを監視して自動でCSS生成·Scout MOONGIFT
ScoutはCompassで生成されたCSS群を監視して自動でCSSを生成してくれます。 CSSのフレームワークにCompassやSassを使っているWebデザイナー&プログラマーにお勧めなのがScoutです。フォルダを監視してファイルを修正すれば自動でファイルを生成してくれます。インストールです。Windows、Mac OSXに対応しています。起動しました。まず左下のプラスアイコンをクリックします。フォルダを追加します。スタイルシートの入力元、出力先を指定します。監視を開始するとファイルの編集をチェックして自動的にCSSを生成してくれます。 ScoutはCompassを使っている場合のみ利用できるのが特徴です。これを機にCSSフレームワークに飛び込んでみるのはいかがでしょう。 ScoutはAdobe AIR製、Windows/Mac OSX用のソフトウェア（ソースコードは公開され
macky1207 2012/01/07
scout

css

sass
リンク
お役立ち！PC/スマートフォン/ガラケー/IE6のみとしてWebサイトを検証するブックマークレット·mecalint MOONGIFT
mecalintはPC/スマートフォン/ガラケー/IEのみという視点でWebサイトを検証してくれるブックマークレットです。 mecalintはPC/スマートフォン/ガラケー/IE6のみとして任意のWebサイトを評価してくれるブックマークレットです。W3Cの検証とはまた異なる基準でWebサイトを検証してくれます。ブックマークレットを実行しました。ページ下にツールバーが表示されます。 PC向けで評価したところです。IEのPNG、classの小文字キャメルケースで大きな減点が… スマートフォン向けとして評価したところです。若干低いといった程度です。 PC向けサイトを携帯電話向けとして評価するとやはりすごい点数が。 mecalintでは全部で20項目のテストを行ってくれます。ついやってしまいがちなミスを防ぐのに役立ちそうです。特にスマートフォンとガラケーの違いをまとめてチェックしてくれるのが便利
macky1207 2011/12/07
リンク
MOONGIFT: » Flashムービー形式でデスクトップ録画「JING」:オープンソースを毎日紹介
チャットなどをしていると、デスクトップを見せたくなる時がある。ヘルプをしている時は特にそうだ。あれこれ口で説明するよりも、見せたほうが理解は早い。また、場合によっては静止画よりも動画のほうが分かりやすいこともある。そのどちらにも対応した共有ソフトウェアがこれだ。今回紹介するフリーウェアはJING、スクリーンキャプチャ、スクリーンキャストの双方に対応したデスクトップ録画ソフトウェアだ。 JINGはMac OSX、Windowsに対応している。指定範囲のスクリーンキャプチャはもちろん、指定範囲でのスクリーンキャストにも対応している。録画された内容は音声付でFlashムービー形式で保存される。このデータをScreencast.comを通じてシェアするには有料になっている。JING自体の利用は無料なので、アップロードスペースが別であれば問題ない。何より、各種Flash動画プレーヤを使って再生
macky1207 2008/02/27
リンク
MOONGIFT: » タブ切り替え機能を簡単に「Tabber」:オープンソースを毎日紹介
WindowsやMac OSXなどのOSで見慣れているので、Webサイトの画面をタブで切り替えるようにするインタフェースを採用している所は多い。単純にリンクだけであれば難しいものではないだろう。だが、JavaScriptを使って、画面遷移無しに切り替えて欲しいと言われたらどうしよう。一から作るか…いや、そんな必要はない。今回紹介するオープンソース・ソフトウェアはTabber、タブ切り替え式インタフェースを手軽に作成できるJavaScriptライブラリだ。 Tabberを使うとタブ切り替え機能が容易に実装できる。予めHTML内に各タブの内容を記述しておく方式はもちろん、Ajaxを使ってコンテンツを取得、表示する方式も選択できる。選択状態をCookieに保存しておくことで、次回に見た際に同じタブから開始するサンプルもある。よく使うインタフェースだけに、こうして手軽に実装できるメリットは大
macky1207 2007/06/06
リンク
1