次のレベルまでWEBサイトを引き上げてくれるCSS、javascriptテクニック集
CSSやjavascriptを利用してサイトをよりリッチな表現に変えていくというのは、WEB制作の現場では常に行われていて、様々なスニペットやライブラリが日夜リリースされています。今日紹介するのは次のレベルまでWEBサイトを引き上げてくれるCSS、javascriptテクニック「CSS and JavaScript tools to take your website to the next level」です。 Countable.js 様々なCSSやjavascriptによるテクニックがまとめられていますが、今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 iCheck クリックしたラジオボックスやチェックボックスから、返り値をとれるjavascript。それをキーにして何かを動かしたいときに。 Almost Flat UI フラットデザインUIを簡単に実装で
WEBデザインに質感を与えてくれるシンプルなフリーパターン素材15「15+ Free Patterns for your Designs」
背景やエリアなどに敷くパターン素材。無機質なWEBデザインに質感やクオリティをプラスしてくれる非常に便利な素材です。今日紹介するのはシンプルなフリーパターン素材を集めたエントリー「15+ Free Patterns for your Designs」です。 Subtle Light Tile Pattern Vol5 様々な素材のパターンがまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 Wood Pattern Background シンプルめな木目のパターンがセットになったパターン素材。 Subtle Grunge シンプルなシロ系のグランジ素材。ちょっとだけ質感を持たせたいときにおすすめです。 Lined paper ノートの罫線を表現できるパターン素材。コンテンツエリアに利用しても面白いかもしれません。 上記の他にも様
リアリティのあるスモークが表現できるPhotoshopブラシセット「Real Smoke Photoshop Brushes」
画像やデザインに手軽にシズル感を演出できるスモークは、デザイン制作の必須アイテム。そんな中今回紹介するのが、リアリティのあるスモークを表現できるPhotoshopブラシセット「Real Smoke Photoshop Brushes」です。 用途に合わせて雰囲気を自在に変えられる、豊富な種類のブラシがセットになったデザイナーに嬉しいブラシセットとなっています。 詳しくは以下 ミュアンスの異なるスモークブラシが100種類以上もセットになっているので、商品のテイストにぴったりのスモーク素材を利用することができそうです。また、近未来的な雰囲気やアナログな雰囲気など、デザインテイストに合わせて、自在に変化して使うこともできると思います。 Photoshopブラシを利用することでデザイン制作時間を短縮するとともに、新たなアイデアとも出会うことができそうです。是非チェックしておきたいブラシセットだと思
絶妙な質感を演出する Photoshopブラシパック「20 Subtle and Soft Textured Photoshop Brush Packs (225 Brushes)」
絶妙な質感を演出する Photoshopブラシパック「20 Subtle and Soft Textured Photoshop Brush Packs (225 Brushes)」 デザイン制作の中で非常に便利なPhotoshoのブラシ。デザインの幅が広がる、クオリティの高いブラシは非常に心強い味方です。今回は、そんなブラシのパックを集めた「20 Subtle and Soft Textured Photoshop Brush Packs (225 Brushes)」をご紹介します。 （Dribbble – Speckle Brushes made of Cocoa (free download) by Maleika E. A.） 穀物や、錆、ウッドなど、用途や仕様によって活躍するブラシが豊富にまとめられています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧くだ
木の表現力がアップする!手軽に利用できるPhotoshopブラシまとめ「12 A Collection of Useful Tree Brushes for Photoshop」
木の表現力がアップする!手軽に利用できるPhotoshopブラシまとめ「12 A Collection of Useful Tree Brushes for Photoshop」 効率的なデザイン制作には欠かせないPhotoshopブラシ、特にクオリティの高いブラシは豊富にストックしておきたいもの。そんな中今回紹介するのが、さまざまな木を表現できるPhotoshopブラシをまとめた「12 A Collection of Useful Tree Brushes for Photoshop」です。 （Tree-Brushes V.1 by ~King-Billy on deviantART） 美しいシルエットが印象的なブラシからリアルな風景を再現できるブラシまで、豊富なPhotoshopブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳
多彩な表現をイラストレーターで可能にするブラシセット「30 High Quality Adobe Illustrator Brush Sets」
TOP > Design > 多彩な表現をイラストレーターで可能にするブラシセット「30 High Quality Adobe Illustrator Brush Sets」 イラスト表現に長けたソフト・イラストレーターは、デザイナーにとっては必須とされる技術でもあります。しかし、高度なイラストの作成は時に難しく、デザインの幅に行き詰まることもあるのではないでしょうか。そんな中今回紹介するのは、多彩な表現をイラストレーターで可能にするブラシセット「30 High Quality Adobe Illustrator Brush Sets」です。 （Free Illustrator Brushes and Vectors: Foliage | BittBox） さまざまなテイストやテーマのブラシが多数収録されています。中でも気になったものをいくつかピックアップしてみましたので、下記より
レトロなスタンプを表現できるPhotoshopブラシまとめ「30 Free Stamp Photoshop Brushes」
TOP > Design , Photoshop > レトロなスタンプを表現できるPhotoshopブラシまとめ「30 Free Stamp Photoshop Brushes」 古い切手やスタンプなどは手軽に手に入れることのできない素材ですが、デザインのクオリティを一気に高められる重要なアイテム。そこで今回紹介するのが、フリーで利用できるレトロスタンプPhotoshopブラシをまとめた「30 Free Stamp Photoshop Brushes」です。 （Tickets and Labels Brush Set by ~FidgetResources on deviantART） 普段なかなか目にすることのできない貴重な切手や、質感を感じられるスタンプが、多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Ol
PhotoshopやIllustatorでカスタマイズできるパターン素材まとめ「Ultimate Round Up of Free and Fresh Photoshop Patterns」
PhotoshopやIllustatorでカスタマイズできるパターン素材まとめ「Ultimate Round Up of Free and Fresh Photoshop Patterns」 デザイン制作に欠かせないパターン素材は、デザインソフトでカスタマイズできる状態だと、制作のさまざまなシーンで利用しやすいもの。そんな中今回紹介するのが、PhotoshopやIllustatorでカスタマイズできるパターンを集めた「Ultimate Round Up of Free and Fresh Photoshop Patterns」です。 （22 Hexagon Photoshop Patterns (PAT) | Photoshop Patterns） 幾何学模様のキレイなパターンから、アイテムをモチーフにしたパターンまで、さまざまなパターン素材が紹介されています。中でも気になったものをいくつ
WEBデザインに使いやすいPSDパーツ素材をまとめたサイト集「10 Awesome Websites With Free PSD Resources for Download」
WEBデザインに使いやすいPSDパーツ素材をまとめたサイト集「10 Awesome Websites With Free PSD Resources for Download」 webデザイン制作で便利に活用できるpsd素材ですが、都度インターネットなどを検索し、欲しい素材を探すのには手間と時間がかかってしまいます。そこで今回紹介するのが、さまざまなテイストのデザインパーツ素材サイトを集めた「10 Awesome Websites With Free PSD Resources for Download」です。 （Free web design resources & layered PSD files on Freebies Booth） シンプルな素材に強いサイトから、可愛らしいデザイン素材を取り扱うサイトまで、さまざまなサイトが紹介されています。中でも気になったのもをいくつかピックア
Photoshopで使えるフリーデザインパターン集「Free Photoshop Patterns for Your Creative Designs」
TOP > Design , Photoshop > Photoshopで使えるフリーデザインパターン集「Free Photoshop Patterns for Your Creative Designs」 デザイン制作時に良く利用するパターン素材。印象的なデザインを制作する為には、特にこだわって選びたいものです。そこで今回は、Photoshopで利用できるさまざまなデザインパターンを集めた「Free Photoshop Patterns for Your Creative Designs」を紹介したいと思います。 （Free Dotted Photoshop Patterns | free Brushes） シンプルなデザインから、ポップなデザインまで、さまざまなパターン素材が紹介されています。中でも特に気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以
多彩な水の動きを表現できるPhotoshopブラシ集「100+ Absolutely Free Refreshing Photoshop Water Brushes」
多彩な水の動きを表現できるPhotoshopブラシ集「100+ Absolutely Free Refreshing Photoshop Water Brushes」 1から作り出すことの難しい水を用いた表現を利用したい時におすすめの、多彩な水の表現を可能にしてくれるPhotoshopブラシ集「100+ Absolutely Free Refreshing Photoshop Water Brushes」です。 （Water Brushes by ~seiyastock on deviantART） 水滴などの細かい表現から、水しぶきのようなダイナミックな表現まで、さまざまなブラシが紹介されています。中でも特に気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Water II Photoshop Brushes by *redheadstock on dev
表現の幅が広がる Illustrator用ベクターブラシまとめ「50 Beautiful Free Adobe Illustrator Vector Brushes」
表現の幅が広がる Illustrator用ベクターブラシまとめ「50 Beautiful Free Adobe Illustrator Vector Brushes」 思い通りのイラストやデザインを作成できるllustratorですが、操作性が難しく、十分に活用できていないとお悩みの方も多いのではないでしょうか？そこで今回紹介するのは、洗練されたベクター画像を簡単に作成できるブラシをまとめた「50 Beautiful Free Adobe Illustrator Vector Brushes」です。 （30 Illustrator Pattern Brushes for Making Flowers and Circular Designs | BittBox） テイストの異なるラインブラシから、モチーフとして利用できるブラシまで、様々なブラシが紹介されています。中でも気になったものをピッ
赤色のパターン素材集「40+ Captivating Red Patterns for Extraordinary Designs」
TOP > Design > 赤色のパターン素材集「40+ Captivating Red Patterns for Extraordinary Designs」 主にデザインの背景素材として活躍してくれるパターン素材。そのデザインバリエーションは豊富で、持っているととても重宝するかと思います。そこで今回紹介するのは、赤色のパターン素材集「40+ Captivating Red Patterns for Extraordinary Designs」です。 （DinPattern – Free seamless patterns» Red Hallway Runners） 赤色をテーマにデザインされたさまざまなパターン素材が収録されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Red Leaves | Pattern8 秋の
PSDで利用出来るフリーWEBパーツ集「Fresh and Useful Free PSD Web Elements」
TOP > WebService > PSDで利用出来るフリーWEBパーツ集「Fresh and Useful Free PSD Web Elements」 WEBではそれぞれのパーツに意味があり、その用途に合わせて分かりやすくするデザインする必要があります。今日紹介するのはWEBの特定の部分に使えるパーツを集めたフリーWEBパーツ集「Fresh and Useful Free PSD Web Elements」。 WEB UI Treasure Chest v 1.0 by *LazyCrazy on deviantART ボタン、バッジ、404、ステッププロセスなどなど、WEBに関わる様々なパーツが、まとめられています。今日はそのなかからいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■404 Error Template – design3edg
ジャンル別にフリーテクスチャ素材を集めた「100 Useful Free Textures」
いろいろな種類が公開されているテクスチャ。デザインのクオリティを高めたい時にも役に立つ、デザイン制作に欠かせない素材ですが、今回はさまざまなジャンルのフリーテクスチャ素材を集めた「100 Useful Free Textures」を紹介したいと思います。 Free High Resolution Textures – Lost and Taken – 8 Colorful Grunge Textures + L&T News! グランジやメタル、ウッド、布、レンガ、ペーパーなど、使い勝手の良い素材がジャンル別に分類され公開されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 ■Canadian Texture by ~AbdoHad on deviantART モノトーンがクールな印象のウッド素材のテクスチャ。主張しすぎない素材感で、幅広いデザインに
WEB制作で使えるパターン集「50+ Pattern Sets To Spice Up Your Website’s Background」
TOP > Design , Photoshop > WEB制作で使えるパターン集「50+ Pattern Sets To Spice Up Your Website’s Background」 WEBのクオリティをグッと上げてくれるパターン。使いどころにもよりますが、上手く使えば、つくりこんだ感じと、デザインの世界観をより引き出してくれます。今日紹介するのはWEB制作で使えるパターンを集めた「50+ Pattern Sets To Spice Up Your Website’s Background」です。 Pixel Pattern ドットやストライプなシンプルなものから花柄などガーリーな印象のものまで様々なフリーで利用出来るパターンがまとめられています。今日はその中から幾つか気になったパターンを紹介したいと思います。 詳しくは以下 ■Victorian Pattern 落ち着
プレゼンのためのパワーポイント&キーノートのデザインテンプレート集「40+ Awesome Keynote and PowerPoint Templates and Resources」...
プレゼンのためのパワーポイント&キーノートのデザインテンプレート集「40+ Awesome Keynote and PowerPoint Templates and Resources」 プレゼンのための資料作りやスライド作りでは定番のパワーポイントとキーノート。どちらも強力なツールですが、デザイン性が悪いと見難かったり、企画の趣旨を伝えきれなかったりしますが、今回紹介するのはプレゼンのためのパワーポイント&キーノートのデザインテンプレート集「40+ Awesome Keynote and PowerPoint Templates and Resources」 {Silver} ちょっと固いデザインから柔らかめのデザインまで、様々なテンプレートがまとめられています。有料のものも紹介されていますが、今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■Busines
HTMLのインデントをキレイにしてくれるWEBサービス「Ham Cutlet」
HTMLを書いていて、心がけていても時間に追われているとだんだんと乱れてきて、インデントされていなかったり、ルールがバラバラなソースになってしまうなんてことも多いと思いますが、今日紹介するのはHTMLのインデントをキレイにしてくれるWEBサービス「Ham Cutlet」です。 利用方法は非常に簡単で、WEB上で、HTMLをコピペ、その後設置されている「COOK!ボタン」をクリック。これだけです。 詳しくは以下 このサービスにはHamlというHTML/XHTMLを生成するためのマークアップ言語が使われているみたいで、「HTML → 一旦hamlにする → HTMLに戻す」という流れでインデントの整頓を実現しているとのこと。hamlに興味のある方は「日本Hamlの会」もどうぞ。 実際、インデントが無くても問題なく、動作しますし、整ったからと言ってオモテ面に影響があるわけでないのですが、メンテナ
DesignDevelop
旧ホームページドメイン(designwork-s.com)を利用し、当ブログの名称を利用し、文中のリンクからオンラインカジノの紹介サイトへ誘導するWEBサイトが発見されました。当該WEBサイトは、当ブログとなんら関わりのない第三者の手によって作成されたもので、当ブログとは一切関係ございません。 旧ドメインについては、現在、管理・運用を行っておらず、当ブログの運営元とは無関係の第三者が取得・管理しており、無関係となります。 そのため、旧ドメインへアクセスすることにより、何らかの被害等が生じても、一切責任を負いません。 現在のDesignWorksホームページドメインはdesignwork-s.netとなります。 ご注意のほど、どうぞよろしくお願い致します。
ベクターデータのグランジ素材「15 Free High-Quality Subtle Grunge Vectors」
TOP > Design , vector > ベクターデータのグランジ素材「15 Free High-Quality Subtle Grunge Vectors」 海外の素材系では定番のグランジを表現する素材。テクスチャやphotoshopブラシ等様々な素材が展開されていますが、今日紹介するのはベクターデータで使えるグランジ素材「15 Free High-Quality Subtle Grunge Vectors」を紹介したいと思います。 全部で15のグランジ表現に使えるベクターデータが公開されています。一部収録されているベクターデータが公開されていましたので下記に紹介したいと思います。 詳しくは以下 ベクターデータはzipで配布されていて、原文下部の「Download」からまとめてダウンロードすることが可能です。質感などは写真のテクスチャやブラシには劣る部分あるかもしれませんが
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
