Webデザイナーおよび開発者向けの新鮮なリソース(2012年11月)
Webデザイナーや開発者に彼らの仕事に特別な力を発揮させるための新しい素晴らしいツールやリソースがいくつもあります。今月は素晴らしい 無料のツールとリソース クールな写真効果を作成するためのプラグインから、コンテンツと画像をスライドさせるためのプラグインまで、本当にクールなトランジションで試してみる価値があります。.
それでは、チェックしましょう.
すべての私たちの新鮮なリソースをチェックしてください(月別):
プロト
レスポンシブWebデザインは、Webサイトを作成する際の標準的な方法になりつつあります。これは作る この 仕事を終わらせるのに本当に役立つツール。 ProtoはSCSS上に構築されており、レスポンシブレイアウトを迅速にプロトタイピングするために用意されています。.
グリッド表示
BootstrapやFoundationなどのレスポンシブデザインフレームワークを使用している場合は、ブラウザでグリッドを追跡するためにこのブックマークレットが必要になる可能性があります。このツールはあなたが見ているウェブページ上にオーバーレイグリッドを表示します。それはとても便利です、それをあなたのブックマークバーにドラッグ&ドロップするだけです。グリッドを表示する必要があるときは、ブックマークレットをクリックするだけです。.
BootMetro
Windows 8はMetroデザイン言語のシンプルさを適用します。あなたがあなたのウェブサイトでこのスタイルを取り入れたいなら、BootMetroはおそらくあなたが必要とするものです.
アンダースコア
インターネットで利用可能なWordPressのスターターテーマはたくさんありますが、他にはアンダースコアほどすばらしいものはありません。それを使うと、あなたがテーマ名、説明、作者そして特にあなたがパッケージをダウンロードするとテーマ機能に適用されるテーマスラッグを指定して個人化することができるので、あなたは何かのようになるでしょう theme_slug_function
.
ジャララックス
あなたがこのようなウェブサイトで見るパララックス効果のように?あなたのウェブサイトに同様の効果を適用したい場合は、Jarallax、JavaScriptのアニメーションライブラリを使用してParallax効果を作成することができます(ほとんど短時間で)。.
風が強い
あなたは水平方向にのみ動くギャラリースライド効果に飽きていますか?それからWindyをチェックしてください。これは3D変換を使ってコンテンツを本当にユニークな方法で実行します。こちらのデモを見る.
TiltShift
要するに、写真撮影におけるtiltShiftは、写真を実際よりも小さく見せかけるようにするためのテクニックです。この記事でこのような写真のコレクションを確認してください。 “チルトシフト写真”. あなたのフォトギャラリーでそのような効果を適用したいならば、あなたは単にこのJavaScriptライブラリ、TiltShift.jsを使うことができます.
シーケンス
Sequence.jsは、いくつかの高度なトランジション効果を備えたレスポンシブjQueryスライダープラグインです。他のスライダーとは異なり、Sequenceには独自の組み込みテーマはありません。だから、私たちは完全に私たちのウェブサイトに合わせてルックアンドフィールをカスタマイズすることができます.
デルタ
jQuery UIは一般的なWebユーザーインターフェイスと対話の完全なセットで、使いやすいです。しかし、デフォルトのテーマは退屈です。したがって、jQuery UIの外観を変えたいが、CSSで手を汚したくない場合は、デフォルトのCSSスタイルをjQuery UIの滑らかなテーマであるDeltaに置き換えるだけで済みます。.