WEBデザイナー、開発者が使えるWEBツール集「8 Useful Online Tools for Web Designers and Developers」
WEBデザイナー、開発者が使えるWEBツール集「8 Useful Online Tools for Web Designers and Developers」 多くの業務が必要となるWEB構築、できることなら少しでも時間を短縮したい物。今日はWEBを構築する上で便利なツールを集めたエントリー「8 Useful Online Tools for Web Designers and Developers」を紹介したいと思います。 0 to 255 設計の部分から、デザインの部分、パーツの生成など様々なオンラインツールがまとめられていました。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■Frame Box ワイヤーフレームをドロップ＆ドラッグで開発できるサービス。画像系で制作するよりはるかに素早く制作することができます。 ■Super Conver
様々なRESET CSSを集めた「CSS Reset.com」
様々なブラウザがリリースされており、CSSの解釈は各ブラウザで異なり、多くのWEB制作者が悩まされていますが、そんな問題を回避してくれる対策の一つが、Reset CSS、ブラウザ間の見栄えを少しでも揃えるために、ブラウザ固有のスタイルシートを初期化してくれるものですが、今回紹介するのはそんなReset CSSを集めたサイト「CSS Reset.com」を紹介したいと思います。 サイトからは様々な種類のResetCSSのコードをコピーできたり、それぞれのドキュメントが参照できたりと、ResetCSSを便利に利用出来るようになっています。 詳しくは以下 Yahoo! CSS Reset (YUI 3)など国内でもよく利用されているReset CSSもありました。その他にも、「CSS Tutorials – CSS Reset」ではCSSに関してのチュートリアルも公開されていました。 今だに続く
高いデザイン性を誇る タイポグラフィロゴ集「Creative & Beautiful Designs with Typography」
TOP > Design > 高いデザイン性を誇る タイポグラフィロゴ集「Creative & Beautiful Designs with Typography」 ロゴデザインにも、シンプルなものから凝ったデザインのものまで、さまざまなテイストのものが存在していますが、今回紹介するのは、高いデザイン性を誇る タイポグラフィロゴ集「Creative & Beautiful Designs with Typography」です。 （HBO ‘Unexpected’ on the Behance Network） 見ているだけでも楽しくなるような、アーティスティックなロゴが多数紹介されています。中でも特に気になったものを選んでみましたので、以下よりご覧ください。 ■Money, Success, Fame, Glamour on the Behance Network キャンディのよう
様々な用途に使えるフリーDingbatFontをまとめた「Typography – 46 Cool & Useful Dingbat Fonts」
TOP > Design , Font > 様々な用途に使えるフリーDingbatFontをまとめた「Typography – 46 Cool & Useful Dingbat Fonts」 アルファベットのフォントではなくて、グラフィックが割り当てられている「DingbatFont」。様々なDingbatFontがリリースされていますが、今日紹介するのはそんなDingbatFontを集めたエントリー「Typography – 46 Cool & Useful Dingbat Fonts」を紹介したいと思います。 We Spray こちらのエントリーでは、枠、グラフィック、ワンポイントに使えそうなポイントデザインなど、様々な絵柄のフォントがまとめられています。今日はその中から幾つか気になったものを紹介したいと思います。 詳しくは以下 ■Adhesive Seven 様々な型著のリボ
新しくリリースされたjQueryプラグインを集めた「10 New jQuery Plugins You Have to Know」
TOP > WebDesign > 新しくリリースされたjQueryプラグインを集めた「10 New jQuery Plugins You Have to Know」 軽量で高機能なjavascriptライブラリjQueryその手軽さから、多くのWEBデザイナーに利用されており、世界中でそのライブラリを使い、様々なプラグインが開発されリリースされていますが、今回紹介するのは最近リリースされたjQueryプラグインを集めた「10 New jQuery Plugins You Have to Know」です。 Ajax Scroll スライダーから、ボタンエフェクトなどなど様々なプラグインが公開されていました。今日はそのなかから幾つか気になったものをピックアップしてご紹介したいと思います。 詳しくは以下 ■Animated Share Button 特定の要素を空間的に配置してグルグル
CSS3で作るナビゲーションメニュー集「15 CSS3 Navigation and Menu Tutorials and Techniques」
TOP > WebDesign > CSS3で作るナビゲーションメニュー集「15 CSS3 Navigation and Menu Tutorials and Techniques」 次世代のコードとして、すでに利用している所も徐々に増えてきたCSS3。従来のCSSと比べて格段に表現できる幅が広がっており、今までどうしても画像を利用したり、FLASHで表現していた部分がCSSのみで実現できるようになっています。今日紹介するのはそんなCSS3を使ったナビゲーション集「15 CSS3 Navigation and Menu Tutorials and Techniques」を紹介したいと思います。 jQuery Style Vertical Menu with CSS3 – No Javascript 様々な表現のCSS3ナビゲーションがまとめられています。今日はその中からいくつか気に
シェイプから写真コラージュを自動生成してくれるフリーソフト「Shape Collage」
写真を数多く集めてつくるデザインコラージュ。今も多くの場所で使われている、昔からあるデザイン手法の一つですが、今回紹介するのは決められた形に任意の写真をパーツとして作る事ができるフリーソフト「Shape Collage」です。 実際アプリケーションを利用しているスクリーンキャストが公開されていますので、下記に貼付けておきます。 動画は以下から YouTube – Shape Collage -スクリーンキャスト 様々な図形に対応させる事ができ、文字からだったり、自分で描いた絵だったり、制作したシルエットデータだったりとかあんり自由にコラージュを制作する事ができます。 写真の密度や重なりもコントロールできかなり細かい所までコントロールできます。一から作るとかなり大変ですが、こちらがあればかなり助けられますね。フリーでもダウンロードできますが、商用利用する為にはPro版（25ドルが必要みたいで
便利に使えるイラストレーターパターン集「30+ Free Adobe Illustrator Pattern Sets」
TOP > Design , vector > 便利に使えるイラストレーターパターン集「30+ Free Adobe Illustrator Pattern Sets」 グラフィックの制作で必須とも言えるデザインツールイラストレーター。多くの人が利用しているかと思いますが、今回紹介するのは便利に使えるイラストレーターパターン集「30+ Free Adobe Illustrator Pattern Sets」です。 幾何学的なパターンから、POPなもの、レトロなものなどなど様々なパターンが集められています。今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■Halftone Madness ハーフトーンなパターンをあつめたパターンセット。写真の上から、グラフィックの上から、または背景にと様々な使い道がありそうです。 ■25 Woven Plaid Swat
Wiifit風なフィットネスベクターデータ「KEEP FIT」
健康系の仕事だったり、まさしくフィットネスやスポーツジムの仕事にものすごく重宝しそうなベクターデータが今回紹介するWiifit風なフィットネスベクターデータ「KEEP FIT」です。 様々なポーズがベクターデータが収録されています。上記の他にもポーズがありますので、下記に紹介したいと思います。 詳しくは以下 基本的にFlickrで公開されているヨガのポーズの写真からトレースしてデータを起こしているみたいなので、再現性も高いものになっています。 カラーリングが今回完璧にwiifitを意識したものになっていますが。ベクターデータなので、デザインに合わせて様々な形で利用できると思います。ベクターファイルの形式はAiファイルとepsファイルで公開されています。 ライセンスについては一部のポーズについては大元が存在し「Creative Commons — 表示-非営利-継承 2.0 一般」で公開され
JQueryを使ったスライド表現を集めた「10 Best jQuery Sliders」
一枚のページにたくさんの情報をまとめたい時に便利なのがスライド表現。今日紹介する「10 Best jQuery Sliders」はコンパクトで高機能なAjaxライブラリjQueryを使って実装するスライド機能を紹介するエントリーです。 loopedSlider いくつかのスライド表現のサンプルが公開されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■Easy Slider 様々なタイプのスライドを制御できるスライド表現。用途に応じて使い分けができそうです。 ■ Introducing Coda-Slider スタンダードなタイプのスライダー。応用が利きそうなつくりになっています。サンプルをダウンロード可能。 ■CrossSlide – A jQuery plugin to create pan and cross-fade ani
商用可！WEB制作用途に特化したアイコンを6200個以上をまとめた「The Best Icons Always」
TOP > WebDesign > 商用可！WEB制作用途に特化したアイコンを6200個以上をまとめた「The Best Icons Always」 WEBの制作には書かせないアイコン。デザイン感を統一させて用いれば、全体のクオリティを押し上げてくれます。今日紹介するのはWEB制作で使えるアイコンに特化したまとめサイト「WebIconSets.com- The Best Icons Always at Your Fingertips」を紹介したいと思います。 それぞれのアイコンセットごとにまとめられていて、それぞれかなりの数が収録されています。アイコンの総数は全部で6200個以上となっています。今日は紹介されているセットの中からいくつかピックアップして紹介したいと思います。 詳しくは以下 ■FamFamFam Silk: 700+ icons in PNG format (16×1
商用可!オフィスのワンシーンのシルエットベクターデータ「silhouettes of business people」
広告表現でも何かと便利なシルエット想像させる部分を残しながら、具体的に伝えてくれる使い勝手の良い素材ですが、今日紹介するのはオフィスの様々なワンシーンを描いたシルエット素材集「silhouettes of business people」です。 一般的なシルエットからハイタッチなどの動きのあるシルエットまで様々なシルエットが収録されています。 詳しくは以下 収録されているシルエット素材は全部で41個でAI形式とphotoshopカスタムシェイプのCHS形式で配布されています。ライセンスは「Creative Commons Attribution 3.0 Unported」で保護されており、その条件下であれば自由に利用する事ができます。 ちなみにこのシルエット素材のラインで働く女性のシルエットを集めた「business people women」と言うベクターデータ集もあり、「Busines
Ajaxで軽快に動作するニュースレターモジュール「Fantastic AJAX Newsletter Module」
TOP > WebDesign > Ajaxで軽快に動作するニュースレターモジュール「Fantastic AJAX Newsletter Module」 皆さんは複数の相手にニュースを伝えたいときどのようにメールを送っているでしょうか？今日紹介するのはニュースレターやメールマガジンを配信する時に使えるモジュール「Fantastic AJAX Newsletter Module」です。 Ajaxで作られていて軽快に動作します。電子メールアドレスとカテゴリーを管理でき、添付もできるようになているみたいです。 詳しくは以下 インターフェイスもかなり直感的で迷う事無く使う事ができるかと思います。こちらのモジュールはフリーで利用する事ができ、ソースファイルも「Fantastic AJAX Newsletter Module 」からダウンロードすることができます。作り自体もシンプルなのでサーバ
写真補正の手間を軽減してくれるphotshopアクション集「30 Photoshop Actions for Touch Ups」 | DesignDevelop
TOP > Design , Photoshop > 写真補正の手間を軽減してくれるphtoshopアクション集「30 Photoshop Actions for Touch Ups」 以前Designdevelopで「写真を美しくするphotoshopアクション60選「60 Photoshop Actions for Photo Touch-Ups and Enhancements」」と言う記事で紹介したアクション集のpart2に当たるエントリー「30 Photoshop Actions for Touch Ups」を紹介したいと思います。 50 Photoshop Postwork Actions 今回もちょっとした手間の部分を簡単にできるアクションが全部で30用意されています。今回も紹介されているアクションの中から気になったアクションをピックアップして紹介したいと思います。
CSSで実現する様々テクニック集「35+ very Useful And Powerful CSS techniques」
WEBをデザインしていく上で欠かせないCSS。厄介な部分もありますが、アイデアとテクニックしだいで様々な表現を可能にしてくれます。今日紹介するのはそんなCSSのテクニックをあつめた「35+ very Useful And Powerful CSS techniques」です。 10. CSS Curves 様々なTipsが公開されていますが、今日はその中からいくつか気になったテクニックをピックアップして紹介したいと思います。 詳しくは以下 ■6. Magazine StyleDROP CAPS テキストベースで雑誌のように頭文字だけ大きく表示するテクニック ■8. Link List Block Hover リンクを領域でHober指定するテクニック ■23 . CSS3 Multi-Column Module 2段組みを可能にしてくれるCSSモジュール 上記の他にも様々なCSSのテクニッ
汚れを表現したフリーブラシセット集「250+ Stains Brushes for Photoshop」
TOP > Design , Photoshop > 汚れを表現したフリーブラシセット集「250+ Stains Brushes for Photoshop」 風合いを出す為にあえてデザインの中に落とし込む汚れ。今日紹介する「250+ Stains Brushes for Photoshop」はそんな汚れを表現する為のフリーブラシセット集です。 Stains コーヒーの染みから油汚れ、テープの跡や塗料の汚れ等、様々な風合いを演出できるphotoshopブラシが揃っています。今日は紹介されているものの中からいくつかピックアップして紹介したいと思います。 詳しくは以下 ■Stains and Scotch Tape テープのあとの詰め合わせ。アナログ感を演出できるphotoshopブラシです。 ■Water Stains Brushes 水の染みを表現したphotoshopブラシ。紙と
ハーフトーンのフリーベクターデータ集「28 Halftone Vectors」
POPで爽やかな印象から、グランジのようなハードな印象から様々な事を表現できるハーフトーン。デザイン制作では便利なものですが、今日紹介するのはそんなハーフトーンを集めたフリーベクターデータ集「28 Halftone Vectors 」です。 細かなものから、粗いものまで様々なハーフトーンパターンがベクターデータで紹介されています。収録されているハーフトーンのパターンは以下の通りです。 詳しくは以下 上記のように様々なパターンが収録されているので、かなり表現の幅が広がりそうです。こちらのフリーベクターデータは「Commons Attribution Share Alike license」 で保護されていて、クレジット表記さえすれば、自由に利用する事ができます。 ベクターデータはzipで圧縮されていてepsで配布されています。汎用性がある素材なのでどんなデザインでも使い方次第で活かせそうです
ニュースサイトやWEBマガジンで使えるwordpressフリーテーマ集「27 Stunning Yet Free Premium WordPress」
TOP > WordPress > ニュースサイトやWEBマガジンで使えるwordpressフリーテーマ集「27 Stunning Yet Free Premium WordPress」 WordPressでWEBマガジンやニュースサイトなどのメディアを作りたいそんな方にピッタリなのが今回紹介するニュースサイトやWEBマガジンで使えるwordpressフリーテーマ集「27 Stunning Yet Free Premium WordPress」です。 Comfy Magazine Style Theme – Live Demo スタンダードでキレイ目なものが多く汎用性があるテーマが多い気がします。これなら自分のサイトに併せてカスタマイズもしやすそうな気がします。沢山のテーマファイルが公開されていますが、今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■
動物から昆虫まで様々なシルエットベクターデータ「Animal Silhouettes in Vector Format」
TOP > Design , vector > 動物から昆虫まで様々なシルエットベクターデータ「Animal Silhouettes in Vector Format」 汎用性のあるシルエットデータ。使い方次第で様々なツールに使えます。今日紹介するのは動物から昆虫まで様々なシルエットベクターデータを集めた「Animal Silhouettes in Vector Format」です。 Vector Birds – Vector Birds 沢山のベクターデータが公開されていますが、今回は気になったベクターデータをいくつかピックアップして紹介したいと思います。 詳しくは以下 ■Safari and Zoo Animals – DOWNLOAD LINK 動物園にいるベクターデータコレクション。商用非商用問わず利用する事ができます。 ■Free Vector Birds – DOWNL
人間のシルエット素材の決定版！「People Silhouettes photoshopBrushes & vectors」
TOP > Design , Photoshop , vector > 人間のシルエット素材の決定版！「People Silhouettes photoshopBrushes & vectors」 商業広告、グラフィック制作に良く使われる人のシルエット。デザイナーの皆様は一度は写真から描き起こした事があるかと思います。今日紹介するのはそんな人間のシルエットを集めたエントリー「Free Photoshop Brushes: People Silhouettes」と「People Silhouettes in Vector Format that You can Download for Free」です。 かなりの数が集められていて、シルエット化されているポーズも職業も多岐にわたるため、様々なシーンで利用できるかと 思います。今日は紹介されているものの中からいくつかピックアップして紹介
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
