Snippets」デザインの主役となるコンテンツを考えるとき、簡単に取り入れることができるコードスニペットがあると便利ですよね。Snippets」を紹介します。Jellyfish自然の風景をテーマにHTMLやCSS、JavaScriptで作られたコードスニペットがまとめられています。気になったものをいくつかピックアップしましたので、下記からご覧ください。Snippets」Webサイトにはアラートメッセージが必要な場面がいくつかあります。多くはJavaScriptのアラートを使用して行われていますが、カスタムCSSとJSコードを使って簡単に表現することができます。Snippets」の紹介です。Alertベーシックな表現からPOPなものまで10種類が紹介されています。Snippets」だんだんと対応するブラウザも増えてきて業界の中では利用され、案件も増えてきたHTML5。Snippets」です。スニペットとは、よく利用する短いコードの断片に分かりやすい名前を付け、ソースに利用しやすくするためのもの。Snippets」では、基本的なフレームから、細かなパーツまで、様々なスニペットが共有されています。いくつか気になったスニペットをピックアップしてご紹介致します。Explorer多くのユーザーを持ち、そのシェア故に現状多くのバージョンが混在して使われているという特殊なブラウザでもあります。Explorer9のプレビュー版が公開されていましたので紹介したいと思います。IE8から大きく変わった点はJavaScriptのパフォーマンス向上とHTML5、DOM、CSS3などの標準規格への対応。繊細で美しい表現を可能にしてくれる水彩画は、手描きで制作すると時間も手間もかかってしまうもの。Field」を今回は紹介します。鳥や花の描写が美しいイラストがさまざまなパターンが描かれており、セットでダウンロードできるようになっています。PSD)」サイトデザインには欠かせないアイコン。上記のように、立体的で光沢がある可愛らしいアイコンがセットになって配布されています。同封されているのは5種類の大きさのPNG画像と、photoshopで編集可能なpsdファイル。psdファイルがあるため、サイトのテイストに合わせて自由にカスタマイズできるのがイイですね。Designers」Webサイト閲覧中によく見かけるプログレスバーですが、最近は動きや形も様々で遊び心のあるものも増えてきています。Designers」の紹介したいと思います。pluginベーシックなものから、ちょっと変わったものまで9種類のプログレスバーがピックアップされています。Kits」Webやアプリケーションのデザインに欠かせないUI設計。使いやすく最適なUIデザインを一から考えるのは中々手間がかかるもの。WebCSSやHTMLの知識が必要にはなりますが、使いやすく多彩なシーンで活躍できるUIデザインキット25種類が紹介されています。その中から幾つかおすすめのUIキットをピックアップしてみましたのでご覧ください。Tutorials」デザインをより印象的に、効果的に見せるためのグラフィック作りは、アイデア+ハイレベルな制作技術が必要になってくる場合があります。Tutorials」を今回は紹介したいと思います。多彩な表現を可能にするphotoshopの機能を駆使し、さまざまな表現を可能にした実例が多数紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。Vectors」デザインに質感を与えてくれるグランジ素材。デザインをイラストレーターだけで完結させたいけど、ちょっと演出でグランジ感を出したい時には非常に便利に使える素材だと思います。全部で15のグランジベクターデータが収録されていてプレビューがまとめられていましたので、一部にはなりますが下記に貼付けておきます。Icons」いろいろなシーンで活躍してくれるアイコンは、種類が豊富であるほど重宝するもの。Icons」を紹介したいと思います。1つのテーマごとにもたくさんのアイコンを取り揃えた、チェックしておけばきっと役立つであろう魅力的なラインナップとなっています。Plugins」Webサイトの機能を考えたりコーディングに落とし込む時、いつも決まった方法を取ってしまいがち。時には違う手法を取り入れることで、知識は更に深まるかもしれません。Plugins」を紹介したいと思います。tabsCSSのみで実現できるもの、jQueryで実現するもの、両方を使うものなど、様々な手法が紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。Designs」を紹介したいと思います。design手染めの風合いがあるファブリックから、素材感を感じるファブリックまで、さまざまなテクスチャが紹介されています。中でも特に気になったものをピックアップしましたので、下記よりご覧ください。icons」このブログを購読するDesigndevelopについてデザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。※本ブログの「プライバシーポリシー」です。関連サイトDesigndevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。MEDIAは拡張する現実から未来を探るBLOGです。※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。DesignDevelop.。