TOP  >  CSS

Tag : CSS

2009年07月04日

WEB開発者の為のチートシート「40+ Essential Front End Web Developer Cheat Sheets」

WEBの制作、開発に必要な知識は多岐にわたり、毎回使うものは大体覚えていたりしますが、その都度ちょっとしたところを調べて制作していると言う事をされている方も多いのではないでしょうか?今日紹介するのはそんな人に便利なWEB制作者、開発者のために作られたチートシートをまとめたエントリー「40+ Essential Front End Web Developer Cheat Sheets」です。

cheetsheet01
Gosquared CSS help sheets

全部で40ものチートシートが公開されていますが、今回はその中から気になったものをいくつか公開したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:08  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2009年07月03日

クリエイティブなフォームをCSSで実現する為のTips「20+ Resources and Tutorials for Creative Forms using CSS」

お問い合わせやアンケートなどユーザーとの窓口に様々なWEBサイト、WEBサービスで利用されているフォーム。今日紹介する「20+ Resources and Tutorials for Creative Forms using CSS」はクリエイティブなフォームをCSSで実現する為のTipsをまとめたエントリーです。

cssform01
20+ Resources and Tutorials for Creative Forms using CSS

今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:24  |  
Category: WebDesign   
tag: CSS webdesign
このエントリーをはてなブックマークに追加
2009年06月19日

フリーCSSテンプレート配布サイトのまとめ「35 Excellent Websites for Downloading Free CSS Template」

WEBサイトを制作する際とても便利なテンプレート。そこからカスタマイズしていったり、部分的に利用したりと様々な使い方があるかと思います。今日紹介するのはフリーCSSテンプレートをいくつかまとめて配布しているサイトをさらにまとめたエントリー「35 Excellent Websites for Downloading Free CSS Template」を紹介したいと思います。

csstmpmato01
Styleshout

全部で35個のフリーテンプレートサイトが紹介されていますが、今日はそのなかでも使えると思ったサイトをいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:01  |  
Category: WebDesign   
tag: CSS webdesign
このエントリーをはてなブックマークに追加
2009年06月17日

クロスブラウザのためのCSSのテクニック10選「10 astonishing CSS hacks and techniques」

WEBを制作されている方は日々工夫をこらしているCSS。多々あるブラウザ環境の中で、統一した見た目を保つ為に色々な努力を積み重ねている事かと思います。今日紹介するのはクロスブラウザのためのCSSのテクニックを紹介するエントリー「10 astonishing CSS hacks and techniques」を紹介したいと思います。

csstipscss
Cross browser inline block

ツールチップやギャラリー表示、選択したテキストのカラーを変える等、様々なテクニックがソースコード付きで紹介されています。今日はその中からいくつか気になったテクニックを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 06:16  |  
Category: WebDesign   
tag: CSS webdesign
このエントリーをはてなブックマークに追加
2009年05月26日

ジャンル別にCSSのテクニックを収録したTips集「40 Outstanding CSS Techniques And Tutorials」

WEBを制作するにあたって欠かせない技術の一つCSS。工夫や発想次第で様々な表現が可能ですが、今日紹介するのはCSSを使ったテクニックをジャンル別に紹介するエントリー「40 Outstanding CSS Techniques And Tutorials」です。

csstips40-01
Cross Browser Multi-Page Photograph Gallery

イメージギャラリー、ナビゲーション、ボタンなどシーンに併せたテクニックが全部で40個紹介されています。今日はその中からいくつか気になったものピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 03:07  |  
Category: WebDesign   
tag: CSS webdesign
このエントリーをはてなブックマークに追加
2009年04月17日

CSSで作る素晴らしいナビゲーションテクニック「30 Exceptional CSS Navigation Techniques」

サイト構築には書かせないナビゲーションメニュー。頻繁に使う部分だけにデザインや使い勝手でサイトのクオリティーにも影響を与える重要な要素の一つです。今日紹介するのはCSSで作るナビゲーションのテクニックとサンプルをまとめたエントリー「30 Exceptional CSS Navigation Techniques」です。

13-09_menu_menu01
The Menu menu

様々な種類のCSSを使ったナビゲーションが公開されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 09:08  |  
Category: WebDesign   
tag: CSS webdesign
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2016年01月10日

好きな写真のカラーを簡単にパレット変換できるサイト「ColorFavs」

デザインでイメージしている色を配置したいと頭で想像していても、実際にその色を数値などで出そうと思うとなかなか難しいもの。今回はそんな時に活用できそうなサイト「ColorFavs」を紹介したいと思います。

colorfavs

好きな写真のカラーを簡単にカラーパレット変換することができる、好みのビジュアルからのカラー抽出を可能にした便利なwebサービスとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: WebService   
2015年02月15日

ボールド系・見た目に印象的なフリーフォントが揃った「40 Free Beefy And Bold Fonts You Should Grab」

フォントは太さや全体のバランスによって、見た目の印象やインパクトがかなり変わってくるもの。目を引きたい、デザインを強調したい時には太めのフォントが有効です。今回はそんな時に使用したい、ボールド系・見た目に印象的なフリーフォントが揃った「40 Free Beefy And Bold Fonts You Should Grab」を紹介したいと思います。

boldfont1
Sail Font · 1001 Fonts

比較的太さがあったり、しっかりとした形をしているなど、デザインを力強く演出してくれそうなフォントが紹介されています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Font   
2012年07月03日

さまざまな花のベクター素材が揃う「70+ Free Graphics: Vintage Vector Flowers and Floral Ornament Sets」

女性らしい雰囲気やデザインを華やかに演出したい時に利用しやすい花のモチーフですが、繊細な表現が多い花の素材を自ら制作するのは大変。そんな中今回紹介するのが、さまざまな花のベクター素材が揃う「70+ Free Graphics: Vintage Vector Flowers and Floral Ornament Sets 」です。


Free Flower Design Vector | QVectors Free Vector Graphics

レトロな雰囲気が楽しめる素材から花の美しさが感じられる素材まで、さまざまな素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:41  |  
Category: Design , vector   
2010年02月17日

プロの現場でも使えるハイクオリティなフリーフォント「35 Latest High-Quality Free Fonts for Professional Designers」

フォントのがデザインに与える影響はとても大きく、フォントの選び方でデザインの感覚がガラリとかわったりします。今日紹介するのはプロの現場でもプロの現場でも使えるハイクオリティなフリーフォントを集めたエントリー「35 Latest High-Quality Free Fonts for Professional Designers」です。

lhqfffpd01
Kilogram

今日は今までDesigndevelopで紹介した事が無いフォントを中心にいくつか気になったフォントをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 08:28  |  
Category: Design , Font   
tag: Design Font
2010年10月30日

つなげて使えるPhotoshopパターン集「Lots Of Patterns To Be Downloaded Below」

いくつあっても嬉しいPhotoshopで使用できるパターン、今回はシンプルなものからクールなもの、かわいらしいものまでさまざまな種類のつなげて使用することができるパターンを集めた「Lots Of Patterns To Be Downloaded Below」を紹介したいと思います。


Honeycomb Patterns for PS6+ by ~C130 on deviantART

そのまま使用するだけで十分な存在感を発揮してくれるものから、背景として使用できる、デザインに表情を出したい時などあらゆるシーンで活躍してくれることでしょう。気になったものをいくつかピックアップしてみましたので、以下よりどうぞ。

詳しくは以下

(さらに…)

続きを読む
2014年04月03日

ハイクオリティなフリーテクスチャを集めた「Free High Quality Texture Packs」

デザインの背景素材の定番でもあるテクスチャはとても種類が豊富なのも魅力の一つ。いろいろなバリエーションのデザインを簡単に作り上げることができます。そんな中今回紹介するのは、ハイクオリティなフリーテクスチャを集めた「Free High Quality Texture Packs」です。

tex140403_1
GOLDEN GLOW – WATERCOLOR STOCK PACK X by AuroraWienhold on deviantART

デザイン性の高いテクスチャセットがたくさんまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2009年08月10日

レトロ、幻想的、シンプル様々なphotoshopパターンを集めた「200+ free beautiful Photoshop patterns」

photoshopで背景を作り込む時に便利なパターン素材。キャンパスのサイズに応じてパターンを展開できるかなり便利なものです。今日紹介するのはレトロ、幻想的、シンプルなどといった、様々テイストのphotoshopパターンを集めたエントリー「200+ free beautiful Photoshop patterns」を紹介したいと思います。

aphotoshodesign01
Micro Patterns

今日は今までDesigndevelopで紹介した事が無いもののなかからいくつかピックアップして紹介したいと思います。

詳しくは以下から

(さらに…)

続きを読む
posted 11:27  |  
Category: Design , Photoshop   
2014年01月01日

モバイル・web制作に活躍するPSD UIキット「Web and Mobile UI Kits with PSD Files for Designers」

スマートフォンデザインのモックアップ、web制作の企画・設計などを行う時、一からパーツのデザインを行っていると時間と手間がかかってしまうもの。今回はそんなシーンに活躍してくれるPSD UIキット「Web and Mobile UI Kits with PSD Files for Designers」を紹介したいと思います。

psdkit2013_1
Dribbble – Flat UI kit /.PSD Freebie/ by George Vasyagin

さまざまな箇所に使える多彩な種類のPSDファイルが多数紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:18  |  
Category: Design   
2017年06月12日

ブログを成功させるために必要なヒントをまとめた「20 Blog Design Tips for Creating Successful Blogs」

最近ではブログを始める人も多く、そんな中で自分の記事を広めていくことはなかなか難しいことですが、ちょっとしたことを改善するだけで意外と簡単に自分のブログを広めることができるのかもしれません。今回はそんなシーンで参考にしたい、「20 Blog Design Tips for Creating Successful Blogs」を紹介したいと思います。

blog_hint_top
The Complete List of Resources I Used To DIY My Blog Design – Where My Soul Belongs

ブログの成功のために必要なテーマの選択やグラフィック要素の使い方など、成功するためのヒントが紹介されています。いくつか気になったものをピックアップして下記にご紹介していますので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: WebDesign   
2012年09月28日

さまざまなテイストのカレンダーアイコンまとめ「30 Beautiful Sets Of Free Calendar Icon」

スケジュールや日付表記などをデザイン上で表現するのに役立つカレンダータイプのアイコン。ベースがシンプルなだけに、デザインに工夫を凝らしたさまざまバリエーションが存在しています。今回はそんなカレンダーアイコンをまとめた「30 Beautiful Sets Of Free Calendar Icon」を紹介したいと思います。

詳しくは以下

テイストによって使い分けができる多彩な種類のアイコンがまとめられています。中でも気になったものをまとめてみましたので、下記より御覧ください。

(さらに…)

続きを読む
posted 11:58  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る