TOP  >  CSS

Tag : CSS

2008年10月18日

ハイクオリティなWordPressテーマ15選「 15 High Quality Premium-Like Free WordPress Themes」

海外ではかなりレベルの高いテーマが配布されているWordpress。本当に様々なテーマが出回っていますが、今日紹介する「15 High Quality Premium-Like Free WordPress Themes」は数あるWordpressテーマのなかでも有料の物に引けを取らない素晴らしいテーマを15個、選び抜いたエントリーです。


1. Agregado Lifestream

有名なのもあり、よく見かけるテーマもありますが、今日はその中でもあまり見かけない物を中心にいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

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

WEBデザイナーのためのリソース集のまとめ「10 Websites with huge list of resources」

前回「WEBデザイナーに役立つリンクを集めた「455 helpful links for webdesigners」」という記事で、Ajaxからブログ、CSSまでWEBデザイナーのためのリソースを集めたリンク集を紹介しましたが、今日紹介する「10 Websites with huge list 」はそういったリソース集をまとめたエントリーです。


BLUE VERTIGO | Web Design Resources Links

全部で10のリソースサイトが集められていて、designdevelopでお伝えしたものもありますが、今まで紹介したことが無いものを中心にあらためて、いくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 12:12  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2008年09月20日

ハイクオリティな厳選CSSデザインテンプレート集「Free CSS Templates」

フリーのCSSデザインテンプレートを配布しているサイトは多々存在し、Designdevelopでも「フリーのテンプレート配布サイトをまとめた「40 Free Web Template Resources」」や「クールな無料CSSテンプレート集「CSS 4 Free」」などと取り上げてきましたが、玉石混合で数が膨大すぎて探すのはなかなか大変な作業です。

そこで今日紹介するのは、様々なCSSフリーデザインテンプレートサイトからクオリティの高いCSSデザインテンプレートをピックアップしたエントリー「Free CSS Templates」です。その中からさらに気になったCSSデザインテンプレートを紹介したいと思います。

詳しくは以下

(さらに…)

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

実用的なCSSテーブルデザイン集「Top 10 CSS Table Designs」

テーブルと言えば、今やあまり使われなくなった感じがしますが、それでも何かを比較したり、情報を整理したりといった用途には非常に便利に使えます。今日紹介する「Top 10 CSS Table Designs」はCSSでデザインされた、使いやすいシンプルなテーブルサンプルが多数収録されているエントリーです。

いくつか公開されていますが、その中から気になったテーブルデザインをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 04:24  |  
Category: vector , WebService   
tag: CSS webdesign
このエントリーをはてなブックマークに追加
2008年08月16日

CSSを条件分岐させ、環境によって切り替える「Conditional-CSS」

通常CSSはプログラミングのようなifのように条件付けなどはできませんが、今回紹介する「Conditional-CSS」はCSSで条件分岐を実現する画期的なものです。

ブラウザや環境が多様化しているなかでは非常に便利な仕組みだと思います。ブラウザ毎に条件を個別に設定する事もできますし、あらかじめ定義しておけば、cssA、cssXなど複数条件をまとめておく事もできます。

詳しくは以下

Conditional-CSSの「デモ」はこちらからどうぞ、IE、firefox,opera,safariでそれぞれ表示が異なります。コード自体は簡単で公式サイトを見ればすぐにわかるかと思いますが、実装にはサーバー側でプログラムを走らさないといけません。プログラムのダウンロードは「Conditional-CSS | Download」からどうぞ。

かなり便利なものでコチラを使えば、様々な環境で表示を最適化する事が出来るかと思いますが、毎回プログラムを読み込む仕組みなので、アクセスが多いサイトでは注意してください。実装の手順として詳しく説明されているサイトをいくつか紹介しておきます。使ってみたいと言う方はそちらを参考にしながら試してみてください。

【参考サイト】
[CSS]スタイルシートに「if」を使った条件式が利用できる -Conditional-CSS | コリス
CSSの記述に条件文が使えるようになる「Conditional-CSS」:phpspot開発日誌

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

CSSで実現するアコーディオン「Concertina menu」

最近ではスクリプトでHTML上でも様々な動きを実現できるようになっていますが、今日紹介するのはスクリプトを一切使わずCSSのみで実現するアコーディオン「Concertina menu」です。

上記の画像は投じている時の状態です。スクリプトのような滑らかな表現みたいな所はさすがに実現は出来ませんが、見事にアコーディオンをCSSのみで実現しています。

詳しくは以下

(さらに…)

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

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

2012年04月24日

デザインの表現力を高める新しいフリーフォントまとめ「55 Latest Free Fonts for Professional Designers」

デザインの印象を決める重要な要素であるフォント選びには、誰もが力を入れるもの。そんな中今回紹介するのが、新しく発表されたクオリティの高いフリーフォントをまとめた「55 Latest Free Fonts for Professional Designers」です。


free font Drebeden on the Behance Network

デザイン性の高いフォントからシンプルなフォントまで、さまざまなフォントが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 04:15  |  
Category: Design , Font   
2011年12月28日

2011年に人気の高かったテクスチャパックまとめ「Awesome Free Texture Packs from 2011」

今年も残すところあと4日。Designdevelopでは2011年も、さまざまなデザイン展開が楽しめるテクスチャを多数紹介してきました。そんな中今回紹介するのは、2011年に人気の高かったテクスチャパックをまとめた「Awesome Free Texture Packs from 2011」です。


Geoff Muskett. Blog.

自然を感じられるものから、表現がユニークな素材まで、たくさんのテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2012年09月12日

Photoshopで利用できる鳥のブラシセットまとめ「30 Cool Bird Brush Sets for Photoshop」

デザイン制作シーンで欠かせない存在となっているPhotoshopブラシは、さまざまなコンセプトのものが発表されており、実際のデザイン制作に利用している方は多いのではないでしょうか?そんな中から今回は、Photoshopで利用できる鳥のブラシセットをまとめた「30 Cool Bird Brush Sets for Photoshop」を紹介したいと思います。


Bird Brushset by ~paranoidstock on deviantART

さまざまな種類の鳥が表現できるブラシ素材が多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 07:04  |  
Category: Design , Photoshop   
2012年11月12日

多彩なライン表現が可能なPhotoshopブラシまとめ「30 Sets of Free Lines Brushes For Photoshop Users」

デザイン制作をしていると単一なラインではなく、デザインに合わせたニュアンスのあるラインを使用する機会も多いと思います。そんな中今回紹介するのが、多彩なライン表現が可能なPhotoshopブラシをまとめた「30 Sets of Free Lines Brushes For Photoshop Users」です。


Speed Lines – 600 DPI by ~screentones on deviantART

美しい曲線を表現したブラシから、デジタル的な表現、アナログ的な表現など、さまざまなPhotoshopブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 08:45  |  
Category: Design   
2010年11月07日

WEBからスマートフォンまでワイヤーフレームのための素材キット30選「30 Fresh Web UI, Mobile UI and Wireframe Kits」

WEBサイトを制作するために作成するワイヤーフレーム。サイトの作りを決定する重要なものです。作り方は制作する人によって大きく変わると思うのですが、今日はワイヤーフレームをより簡単に作成するための素材キットを集めたエントリー「30 Fresh Web UI, Mobile UI and Wireframe Kits」を紹介したいと思います。


Website Wireframes Kit for Adobe Fireworks (.png)

手書き風のものから、キッチリ作られたものまで様々な素材キットが紹介されています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
2015年11月06日

2015年に紹介されたベストなフリーフォントまとめ集「70 Best Free Fonts Of 2015」

常に最新のフォントが公開され続けており、コレクションにしていくのも結構大変な作業だと思います。今回はそんなシーンで参考にしたい、2015年に紹介されたベストなフリーフォントまとめ集「70 Best Free Fonts Of 2015」を紹介したいと思います。

font1107_4
Daruma free font on Behance

非常にデザイン性のある、クオリティの高さが魅力のフォントが多数紹介されています。気になったものをピックアップしましたので、下記より御覧ください。

詳しくは以下

(さらに…)

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

商用可も有り!6000を超えるフリーフォントをダウンロードできる「GMK Free Fonts download」

様々なフォントが日々発表されており、Designdevelopでも様々なフォントを多々紹介してきました(Font)が今日紹介するのは6000を超えるフリーフォントをダウンロードできる「GMK Free Fonts download」です。

6000freefonts01

種類は様々ですが、POPな書体からキレイ目な書体、手書き風の書体などなどフォントが登録されており、ダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 04:51  |  
Category: Design , Font   
tag: 
2011年10月20日

素材感を感じさせる粒子の粗い壁のテクスチャ集「Grainy Wall: Texture Pack」

使用用途の広い、壁の質感を取り入れたテクスチャ素材は、展開の種類も非常に豊富です。そんな中今回紹介するのは、粒子の粗い粗雑なイメージの壁のテクスチャばかりを集めた「Grainy Wall: Texture Pack」です。

同じ素材の中でも微妙な違いを表現できる、粒子の粗さや表情の異なるテクスチャが豊富に紹介されています。

詳しくは以下

(さらに…)

続きを読む
posted 07:55  |  
Category: Design   
2014年07月03日

レトロテイストのデザインアイコンセット「36 Retro Multimedia Icons」

デザインアイコンには非常にさまざまな種類が存在しており、利用するデザインに合わせて選定することが必要となってきます。そんな中今回紹介するのは、レトロテイストのデザインアイコンセット「36 Retro Multimedia Icons」です。

36retro

レトロなデザインにぴったりマッチするデザインアイコンが36種セットになってダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 09:58  |  
Category: Design   
2018年07月18日

デザイナーのための フリーAdobe XD用UIキット20種「20 Free Adobe XD UI Kits for Web & Mobile App Designers」

数年前まで、UIデザインはPhotoshopとSketchを中心に行われていましたが、2017年に正式リリースをしたAdode XDが着実にアップデートを重ね、新たなUIデザインツールとして頭角を表してきています。今回は、WEBやUIデザインに役立つ、Adobe XDのUIキットを20種をまとめた「20 Free Adobe XD UI Kits for Web & Mobile App Designers」をご紹介します。

adobexd_ui_05
Free Adobe XD Collaboration App by Edwin Delgado – Dribbble

どのキットも、無料で利用できるので、チェックしておくと重宝してくれそうです。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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