Webデザイナーおよび開発者向けの新鮮なリソース（2012年10月）

毎月、WebデザインおよびWeb開発コミュニティの非常に寛大な人々によって共有されている何十もの無料のものがあります。これらすべての新しいものについていくのはほとんど不可能です。それにもかかわらず、あなたは心配するべきではありません。この記事では我々は選択しました コードスニペットからツール、フレームワーク、プラグインまで、10の便利な「もの」 Webデザイナーや開発者としての仕事や生活をより簡単にするため.

チェックしてみましょう.

すべての私たちの新鮮なリソースをチェックしてください（月別）：

• 2012年10月
• 2012年11月
• 2012年12月

CSSS

CSSS これは「CSSベースのSlideShow System」の略です。 リーヴェロー （CSSの第一人者として知られている）。基本的に、このフレームワークを使用すると、HTMLおよびCSSのWeb標準を使用してプレゼンテーションスライドを作成できます。このスライドショーは、次のようなキーボードショートカットをサポートしています。 ←, →, ↓ そして ↑ スライドをナビゲートする.

あなたがCSSとHTMLをするなら、このフレームワークは私がMS PowerPointのような高価なソフトウェアのための（より良い）代替品だと思う.

盆栽JS

盆栽は直感的なAPIを持つ軽量のJavaScriptグラフィックライブラリです。このライブラリを使用して、長方形、三角形、円形、または複雑なグラフィックなどの単純な図形を描画できます。このライブラリは、フォールバックとして、サポートされていないブラウザでScalable Vector Graphic（SVG）レンダリングを提供するためにも使用できます。.

さらに、盆栽はまた、これらのグラフィックスをよりインタラクティブに機能させるために、アニメーション、イベントおよびフィルタを含むいくつかの機能を提供します。.

応答パターン

レスポンシブパターンは、レスポンシブWebサイトを構築するために使用できるパターンのコレクションです。このコレクションには、画像、ビデオ、表、フォームなど、一般的なWebコンポーネントのいくつかのレスポンシブパターンを含むレスポンシブレイアウトとナビゲーションの例がいくつか含まれています。.

エフィンツールセット

これはおそらくあなたがあなたのウェブサイトを開発するのを手助けするのに必要なすべてです。 Effin ToolsetsはWeb開発者のための1ダースの便利なツールの集まりです。.

私が個人的に非常に役立つと思うこのコレクションの中のツールの1つは、 識別子, このツールはこれらの文字を変更します, < そして >, あなたのコードスニペットが正しく内部にレンダリングされるように、それらのHTMLコードに

 タグ.
 
 
スージー
 
SusyはCompassのレスポンシブグリッドです。他のレスポンシブグリッドフレームワークと同様に、いくつかの定義済みスタイルで構成されていますが、SassとCompassで構築されているため、このフレームワークははるかに設定変更が容易です。.
 
Susyを使用すると、列番号、列幅、溝、およびグリッドの余白をカスタマイズして、Webサイトに適した独自のグリッドにすることができます。スージーはすべての大変な仕事をします： 計算. もしあなたがSassやCompassと一緒に仕事をするのを楽しんでいるスーパーオタクなら、このエクステンションは間違いなくあなたのためです。.
 
 
無限ドロップダウンナビゲーション
 
ドロップダウンメニューは、Webサイトでよく見られるコンポーネントです。それでも、ドロップダウンナビゲーションを作成することは見かけほど簡単ではありません。. ハリーロバーツ 幸いなことに、CSS Wizardryの “マジックコード” 無限のドロップダウンナビゲーションを作成する（これは素晴らしいです）.
 
 
バーボンニート
 
きちんとはあなたが簡単にレスポンシブWebサイトを実行するのに役立ちますレスポンシブグリッドフレームワークです。それはSassとBourbon、Sassのための有用なmixinのコレクションの上に構築されています。このフレームワークはRuby gemです。このコマンドラインでターミナルまたはコマンドプロンプトからインストールできます。 宝石インストールきちんと.
 
 
活字体
 
アイコンには足りません。文字は、約88文字のフォントアイコンのセットです。これらのアイコンを追加することができます @フォントフェイス CSS疑似要素を使用してWebサイトにルールを適用したり、HTML文字を直接埋め込んだりする.
 
webfontを使用してアイコンを配信することで、CSSスプライトを展開する必要がなく、アイコンを表示するための背景の位置を調整でき、高解像度の画面に対応し、技術的にビットマップアイコンよりもhttpリクエストが少なくなり、帯域幅が狭くなります。.
 
 
アノテーター
 
このライブラリはあなたがあなたのWebコンテンツにコメント、タグそしてマークダウンを追加することを可能にし、そしてAnnotateItと共にあなたは無料であなたのアノテーションを保存することができます.
 
 
空港
 
あなたが空港にいるとき、あなたはそれの至る所でひっくり返るテキストでフライトインフォメーションボードを見るでしょう。このjQueryプラグイン、Airportを使って、同じフィルテキストエフェクトを作成することができます。.
 
 
結論
 
今月はこれで終わりです。あなたはこれらのものを試したことがありますか？どれがあなたのお気に入りですか？あなたが私たちがこのリストから逃したWebデザイナー/開発者のための他の素晴らしいものを見つけましたか？?.
 
下のコメントボックスで気軽に共有してください, あなたの考えも聞きたいです.