IE6〜IE8をCSS3に対応させるスクリプト「Kick-ass CSS3 Support in IE6, 7, and 8」
TOP > WebDesign > IE6〜IE8をCSS3に対応させるスクリプト「Kick-ass CSS3 Support in IE6, 7, and 8」 WEBサイト構築においてもはや常識となったCSS。新たな仕様のCSS3が整備されつつあり、表現の幅をさらに広げてくれるものになっていますが、最新のブラウザのみ対応しており、IE6のようなシェアがある旧世代のブラウザは対応していないというのが現状です。そこで今日紹介するのはIE6〜IE8をCSS3に対応させるスクリプト「Kick-ass CSS3 Support in IE6, 7, and 8」です。 全てのCSS3のプロパティが適応されるのではなく、角を丸くしたり、ボックスに影を入れたりテキストに影を入れたりといったCSS3の機能をスクリプトにｙほって再現するというものです。 詳しくは以下 スクリプトを読み込ませると言
ブラウザ間の問題をjavascriptで回避する8つのTips「8 Javascript solutions to common CSS problems」
TOP > WebDesign > ブラウザ間の問題をjavascriptで回避する8つのTips「8 Javascript solutions to common CSS problems」 WEBデザイナーやWEB開発者なら一度は苦悩するブラウザの違いによるレイアウトの問題や形式の問題。業務の上で一つの障壁ともなり得ない問題です。今日紹介するのはそんなブラウザ間の表示に対しての問題を解決してくれるjavascriptを集めたエントリー「8 Javascript solutions to common CSS problems」を紹介したいと思います。 透過pngによる背景の問題だったり、カラム間の高さの問題などなど、レイアウトに関して起こりうる問題を簡単なjavascriptで回避する方法を示しています。今日はその中からいくつかピックアップして紹介したいと思います。 詳しくは以
ECサイトに使えそうなアイコン素材集「Shopping Cart Icons」
ECサイトのデザインに欠かせないのがカートなどのショッピングに関連したアイコン。今日紹介する「Shopping Cart Icons」はそんなECサイト構築の際に役立つアイコン集をさらにまとめたエントリーです。 Shopping Cart Icon かなりデザインされた立体的なカートやショッピングバッグからシンプルで汎用性の高そうなアイコン集など幅広く紹介されています。今回は公開されているアイコンの中から気になったものをいくつか紹介したいと思います。 詳しくは以下 Free eCommerce icons Shopping Cart Icons E-shop Icons アイコンのような細かいクオリティもECサイトの信頼感やブランディングといった所に少なからず影響を与えるかと思いますので、自分で画像を作るのが苦手と言う方には種類も豊富にありますので、良い素材集だと思います。 WEBでお店を
新人デザイナーのためのillustrator+αショートカットキー一覧のまとめ
ショートカットキーを使えば、すぐできること、改善できることというのが沢山あります。しかしなかなか慣れてくるまではどうしてもUIに頼って、ショートカットキーを使わないなんて人も多いかと思います。そこで今回は操作に慣れていない人向けにillustoratorのショットカットキーを覚えるために役立つWEBサイトを紹介したいと思います。 photo by laffy4k 探してみるとものすごい数のチートシートがありますが、今日は使えそうなものをいくつかピックアップして紹介したいと思います。 詳しくは以下 ■デザインの裏技blog Illustratorショートカット一覧 ツールバー選択のショートカットキーを一枚の画像にまとめたもの、一回一回マウスを動かしている人は必見です。 ■Illustrator CS3 キーボードショートカット 50 一覧性の高いショートカットキーリスト。机の片隅に置いておく
プレビューしながらテキストのCSSスタイルを簡単に設定できる「CSS Type Set」
TOP > WebDesign , WebService > プレビューしながらテキストのCSSスタイルを簡単に設定できる「CSS Type Set」 CSSに慣れてくるとコードを見ただけでだいたいどんなように見えるかわかったり、その逆で、こんな風に見せたいと思ったことをコードにすることもできると思いますが、覚え立ての頃はそうは行きません。今回紹介する「CSS Type Set」は実際反映された後のデザインのプレビューとCSSのコードを同時に見ながら設定できるWEBサービスです。 見た目をプレビューしながらテキストのスタイルを決めていけるので。自分の理想に近づけることも簡単で、横にCSSのコードが表示されているので、その見た目を自分のサイトに簡単に反映させることもできます。 詳しくは以下 使い方は簡単で、テキストボックスが二つ並んでいる下のフォントサイズ、フォントカラーなどの設定項
クオリティの高いフリーXHTML/CSSテンプレート集「Template World!-Free」
TOP > WebDesign > クオリティの高いフリーXHTML/CSSテンプレート集「Template World!-Free」 XHTML/CSSやFLASH、WordPressのデザインテンプレートを制作、販売している「Template World!」が公開しているフリーのテンプレート集が今回紹介する「Free xHTML/CSS Templates 」です。 現在40個のXHTML/CSSテンプレートが公開されていて、元々販売を前提に制作している所だけあって、フリーと言えどもクオリティの高い物が揃っています。いくつか気になった物を下記にピックアップしてみましたのでご覧ください。 詳しくは以下 APPLEWEB シンプルながらもメリハリが効いたビジネス向けテンプレート INTER CRAFT 白く透明感のあるワンカラムのシンプルスタイル NEW RISE 加工した紙が背景
日付表示のデザイン集と素材集「Gallery Of Date Stamps And Calendars」
ブログと言う言葉もかなり定着してきて、個人でも多くの人がブログを持っていて、何かしらの形で利用しているかと思います。名前の通りログを残していくという概念ですので、ブログには日付表示が必ずと言っていいほどあるかと思います。今日紹介するのはブログの日付表示のデザインを集めたデザイン集「Gallery Of Date Stamps And Calendars」です。 単純に参考画像として乗っているだけではなく日付アイコンやカレンダーアイコンのPSDの素材が用意されていて、さらにチュートリアルまで公開しています。 詳しくは以下 当ブログではシンプルにアイコン＋日付、曜日、投稿時間が表示されるようになっていますが、上記のような感じの日付表示アイコンを使うのもわかりやすく、さらにデザイン的にも華やかになるので良いかもしれません。 沢山のデザイン見本があり、素材とチュートリアルまで公開されていますので、
和にこだわったphotoshopパターン集を公開する「星宿海 渡時船」
海外でカスタムシェイプやブラシをフリーで公開しているサイトはDesignDevelopでもいくつか紹介してきましたが、今回紹介する「星宿海 渡時船」さんはphotoshopカスタムブラシと和風なパターン集を公開しています。 公開されている和風パターンの一部 ブラシは主に葉っぱや雪の結晶など自然系の物が中心に公開されていて、パターンは唐草や亀甲など着物の柄などに使えそうな和風のパターンが公開されています。 詳しくは以下 和風のパターンを使うシーンはなかなか無いかもしれませんが、いざ必要になったときにはなかなか見つけることができないので貴重な存在だと思います。こちらのパターンは印刷にも耐えれるようにパターン素材は高解像度（300dpi）でダウンロードできるようになっています。 使用についてはアマチュアの制作支援として作成された素材と言うことで基本的に商用利用は有料となっています。またCG素材と
スプレー、ペンキを表現するフリーphotoshopブラシ集「Free Hi-Res Spraypaint Photoshop Brushes」
スプレー、ペンキを表現するフリーphotoshopブラシ集「Free Hi-Res Spraypaint Photoshop Brushes」 photoshopでのデザインをさらに広げてくれそうなのが、今回紹介するスプレー、ペンキを表現する高解像度のフリーphotoshopブラシ集「Free Hi-Res Spraypaint Photoshop Brushes」です。前回紹介した「リアルな壁面を作り出すphotoshopブラシ「Free High Res Photoshop Brushes」」と組み合わせて使えばグラフィティ的な壁面を簡単に表現することが可能です。 上の6つがver1、下がver2のブラシ描写サンプルです。 ブラシセットは2つ公開されていて、種類違いで二つ合わせて11のブラシが収録されています。どちらもスプレーやペンキを表現していますが、微妙にハネ感やインクの質量が違っ
高解像度のphotoshopブラシやチュートリアルをまとめた「Luxa」
先日photoshopのカスタムシェイプやアクションなどのphotoshopに便利な物をまとめたサイトを「アクション、シェイプ等、photoshopで使える便利な素材が揃う「ladyoak」」という記事で紹介しましたが、今回紹介する「Luxa」もおなじようにphotoshopのブラシやチュートリアルなどphotoshopを使う上で役立つ物を集めたWEBサイトです。 コンテンツはチュートリアル、ビデオチュートリアル、 ブラシとなっています。基本的にはまとめサイトみたいで「Luxa」自身で配信している物ではなく、チュートリアルやブラシの公開元にリンクされています。 詳しくは以下 ブラシのライセンスについては基本的にはフリーの物を集めてきているので、個人で使う分には問題ありません。ただ公開されているブラシによっては商用利用の場合は作者に連絡が必要な物もあるみたいです。参考までに下記にチュートリア
ロゴマークの素材になりそうなPSDを100個集めた素材集「75 PSD Logos」
TOP > Design , Photoshop > ロゴマークの素材になりそうなPSDを100個集めた素材集「75 PSD Logos」 簡単にロゴマークを作ってくれ、ロゴマークのアイデアのインスピレーションを得たい。そんな時におすすめなのが、今回紹介する素材集「75 PSD Logos」です。こちらはロゴマークになりそうなモチーフが75個集められて配布されています。 配布されているPSDのデザインは全体的に少しゴッテリとしったデザインが多いように見受けられます。使えるとするとIT系、WEB系などそっち方面には良く合うデザインだと思います。タイトルには75とありますが配布されているzipには100個のPSDが同封されていました。 詳しくは以下 使いどころは難しいかもしれませんが、少しカスタマイズしたりデザインのインスピレーションを得たりと、色々と使い道がありそうな素材集だと思いま
CSSでデザインする基本テンプレートを56個集めた「100 Percent Pure CSS Layouts」
TOP > WebDesign > CSSでデザインする基本テンプレートを56個集めた「100 Percent Pure CSS Layouts」 前回「代表的な12のCSSレイアウトテンプレートを配布する「Nice and Free CSS Templates」」という記事でCSSで作られた基本のセットともなるテンプレート集をお伝えしましたが、今回紹介する「100 Percent Pure CSS Layouts」もそんなベースのレイアウトになりうるテンプレートを集めたCSSテンプレート集です。 名前の通り100パーセントCSSだけで作った、デザインはいっさい無しでレイアウトだけ区切っているテンプレートをひたすら集めています。 詳しくは以下 750px、900px、または100%とワイドのサイズ違いで、カラムの大きさを調整したテンプレートが並んでいます。CSSはサムネイルのレイア
モダンでクリエイティブななフォームデザイン集「Web Form Design: Modern Solutions and Creative Ideas」
TOP > Design > モダンでクリエイティブななフォームデザイン集「Web Form Design: Modern Solutions and Creative Ideas」 今までコメント欄のデザイン集や日付表示のデザイン集をなど部分的なデザイン集を「コメント部分のデザイン集「30 Must See Comment Designs」」や「日付表示のデザイン集と素材集「Gallery Of Date Stamps And Calendars」」と取り上げてきましたが、今日紹介するのもそんな部分的なデザインをひたすら集めたデザイン集「Web Form Design: Modern Solutions and Creative Ideas」です。 こちらのデザイン集はWEB上のフォームのデザインをひたすら紹介するエントリーです。機能的なものなのでなかなかこだわって作る機会が無い
クオリティの高い20のフリーWordPressテーマ「20 More Free First-Class WordPress Themes」
TOP > WordPress > クオリティの高い20のフリーWordPressテーマ「20 More Free First-Class WordPress Themes」 今まで何回かWordPressのテーマについてはお伝えしてきましたが、今回紹介する「20 More Free First-Class WordPress Themes」はクオリティの高いフリーのWordPressのテーマを20個集めたエントリーです。 Going Global | preview こういうまとめエントリーはよく見かける物が多いのですが、わりとクオリティが高いとい割れているテーマの定番以外が紹介されていましたのでエントリーしました。今回はその中から気になったテーマをいくつかピックアップしてお伝えしていきたいと思います。 詳しくは以下 ■Stilbruch 黒一色にシンプルなワンカラム、背景にはド
商用可！パターン背景素材集「DINPATTERN」
WEBサイトの重要な要素の一つ背景。今日紹介する「DINPATTERN」はパターン背景に特化した素材配布サイトです。作り込まれた背景から、シンブルなものまでありとあらゆるパターン背景が公開されています。 背景画像は上記のようにサムネイルで表示されていて、サムネイル下の「Preview」を押すと背景がページに反映されるような作りになっています。 詳しくは以下 背景素材は基本的にはzipで圧縮して配布されていて、画像ファイルとRead meファイルが同封されています。配布されている背景素材は全て無料でダウンロードでき、商用利用、個人利用に関わらず、自由に使用できます。また利用規約には可能であればリンクとクレジット表記をしてくださいと添えられています。 ここまでのバリエーションで商用利用、個人利用に関わらず、自由にと言うのはありがたい限りですね。サイトに背景をと考えている人は一度じっくりと見てみ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
