TOP  >  CSS

Tag : CSS

2008年04月11日

CSSのカーソル指定が一目でわかる「CSS Cursors」

普段は矢印のカーソル。CSSである程度コントロールできるのは皆さんご存じかと思いますが、普段そこまで使わないので、突然聞かれてもパッと出でこない人も多いんじゃないでしょうか?「CSS Cursors 」では下記のようなCSSで指定できるカーソルの一覧表が公開されています。


画像は一覧表の一部です。

全てのカーソルがInternet Explorer 4、Netscape 6以上のいずれかでサポートされています。またTESTのリンクにマウスカーソルをあわせるとブラウザでどう見えるのかを実際に表示してくれます。対応ブラウザまで表示してくれているのが嬉しいですね。

詳しくは以下

(さらに…)

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

カスタマイズに最適なシンプルなフリーXHTML/CSSテンプレート集「Mantis-a templates」

クールなデザインにブログをカスタマイズしたいそう思っていても、なかなか0から作り上げるのは難しく手間がかかる物です。そこで今日紹介するのはカスタマイズに便利そうなシンプルなXHTML/CSSテンプレートを配布する「Mantis-a templates」です。

シンプルで機能性があるデザインテンプレートを数多く配布しています。デザインもレイアウトも癖がなく洗練されていますので、カスタマイズのベースにするにはもってこいのテンプレート集だと思います。配布されているテンプレートの中からいくつかピックアップして下記に記しておきます。

詳しくは以下

(さらに…)

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

サイトのギャラリーに最適なスマートなギャラリーライブラリ「Galleria」

WEBで画像を表示するようなギャラリーはよく見かけるし、作品紹介や、写真紹介など様々な用途で使われる場合が多いです。Flashなどを使ってギャラリーページを作っても良いのですが、もっと手軽にかっこいいギャラリーを作りたいそんな時におすすめなのが、今回紹介するJavaScriptベースのライブラリ「Galleria」です。

gallryjquery02.jpg

「Galleria」はJQueryを使ったライブラリで、シンプルながらも画像表示にフェードをかけたり画像の表示もスマートで、導入も比較的簡単にできるようになっています。

詳しくは以下

(さらに…)

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

CSSでデザインする基本テンプレートを56個集めた「100 Percent Pure CSS Layouts」

前回「代表的な12のCSSレイアウトテンプレートを配布する「Nice and Free CSS Templates」」という記事でCSSで作られた基本のセットともなるテンプレート集をお伝えしましたが、今回紹介する「100 Percent Pure CSS Layouts」もそんなベースのレイアウトになりうるテンプレートを集めたCSSテンプレート集です。

CSSのベーステンプレート

名前の通り100パーセントCSSだけで作った、デザインはいっさい無しでレイアウトだけ区切っているテンプレートをひたすら集めています。

詳しくは以下

(さらに…)

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

オンラインCSSメニュージェネレーター「IzzyMenu」

CSSのメニューを生成してくれるWEBサービスは今まで「プレビューしながらテキストのCSSスタイルを簡単に設定できる「CSS Type Set」」や「CSSベースのクールなリストが簡単に作れる「List-O-Matic」」と紹介してきましたが、今回紹介する「IzzyMenu」はWEB上で簡単にプレビューしながらCSSメニューが作れるWEBサービスです。

CSSメニュー

基本言語は英語ですが、わかりやすいく明快なインターフェイスですので英語が苦手なんて言う方もあまり苦なく使えるかと思います。AJAXを使用しているみたいでスムーズに生成結果を見ることができます。

詳しくは以下

(さらに…)

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

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

2011年06月26日

【商用可】様々な印象を演出できるカラービンテージテクスチャ「Colored Vintage Paper: Texture Pack」

デザインの雰囲気をガラリと変えてくれるテクスチャ。今回紹介するのは、グランジ感のあるシンプルなカラービンテージテクスチャ「Colored Vintage Paper: Texture Pack」です。シンプルながらもカラーバリエーションが豊富なので、使いやすく、どんなデザインにでも活躍してくれそうです。

全部で20種類のカラーリング収録されています。いくつかのカラーをピックアップして紹介したいと思います。

詳しくは以下


Colored Vintage Paper Texture 01 (Aqua)
 
 
 
 
 

Colored Vintage Paper Texture 03 (Brown)
 
 
 
 
 

Colored Vintage Paper Texture 14 (Moss Green)
 

テクスチャは3600×3600pxと高画質なので、WEBから紙まで幅広いクリエイティブに利用できそうです。ライセンスも「Commercial and personal work under」となっており、商用デザインから、個人用途まで利用することが可能です。

Colored Vintage Paper: Texture Pack

続きを読む
posted 01:37  |  
Category: Design , Photoshop   
2010年12月23日

クリスマスを演出するphotoshopパターン「10 Beautiful Christmas Photoshop Patterns Packs」

もうすぐクリスマスということで、クリスマスカードや、クリスマス関連の制作をしているなんて人もいるかもしれません。今日紹介するのはクリスマスを演出してくれるphotoshopパターン「10 Beautiful Christmas Photoshop Patterns Packs」です。


Vintage-Retro Xmas Patterns (30 Patterns)

ポストカードや、ラッピングなどなど、様々なものに利用出来るphotoshopパターンが全部で10個公開されています。今回はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
2012年01月19日

ドラゴンのイラストを手軽に描けるブラシコレクション「30 Collection of Dragon Photoshop Brushes」

今年の干支でもある龍(ドラゴン)は、世界中で神秘的な存在として人気があり、さまざまなデザイン制作に利用されています。しかし、躍動感のある動きの表現は難しく、デザイン制作には時間もかかるもの。そこで今回紹介するのが、さまざまなテイストのドラゴンを表現できるPhotoshopブラシをまとめた「30 Collection of Dragon Photoshop Brushes」です。


draco brush by ~hanyasatu on deviantART

手書きタッチの美しいドラゴンから、モチーフとしても使いやすいアイコン的なドラゴンまで、さまざまなドラゴンが表現できるブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:14  |  
Category: Design , Photoshop   
2015年11月30日

クリスマスシーズンに最適な シームレスなニットパターンセット「6 Knitting Seamless Patterns」

もうすでに世間はクリスマスムード一色。キラキラと輝くイルミネーション、クリスマスカラーのオブジェなど、街中は賑やかなクリスマスデザインに包まれています。今回はそんなクリスマスシーズンデザインに導入したい、シームレスなニットパターンセット「6 Knitting Seamless Patterns」を紹介したいと思います。

knitpattern1

ニットの暖かそうなデザインが特徴。6種のシームレスに使用できるパターンがセットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

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

インスピレーションや参考に!最新のレタリング&タイポグラフィまとめ「34 Remarkable Lettering and Typography Designs for Inspiration」

文字を美しくグラフィカルに表現するタイポグラフィを上手に表現する手段は、デザイナーであれば高めておきたいもの。今回ご紹介するのは、そんなタイポグラフィを制作する際に参考になる作品をまとめた「34 Remarkable Lettering and Typography Designs for Inspiration」です。

34-remarkable-lettering-and-typography-designs1

Good Lettering and Typography Designs | Typography | Graphic Design Junction

サイトではインスピレーションを得るのに役立つ、最新のハイクオリティなタイポグラフィが34作品紹介されています。更にその中からおすすめの作品を幾つかピックアップしましたのでご覧ください。

詳しくは以下
(さらに…)

続きを読む
2019年02月10日

花を抽象的にイメージしたパターン素材「Art Dimension abstract patterns」

シンプルなデザインももちろん素敵ですが、気分を明るくしてくれる華やかで楽しげなデザインも、ぜひ生活の中に取り入れていきたいもの。今回はそんなシーンにぴったりのパターン素材「Art Dimension abstract patterns」を紹介したいと思います。

dimention1

花を抽象的にイメージしたようなカラフルな図形が並ぶ、ぱっと目を引く美しいパターン素材です。

詳しくは以下

(さらに…)

続きを読む
posted 11:03  |  
Category: Design   
2017年08月02日

デザイナーのためのクリエイティブな最新のフリーフォントまとめ17「Fresh Free Fonts for Designers (17 fonts)」

デザインにおいてフォントはとても重要。どんなフォントを選ぶかでデザインの印象が決まると言っても過言ではありません。そんな大切なフォントだからこそ、デザイナーであればしっかりとチェックしておきたいもの。今回ご紹介するのは、そんなデザイナーのための最新のクリエイティブなフリーフォントをまとめた「Fresh Free Fonts for Designers (17 fonts)」です。

fresh-free-fonts-for-designers01

手書き風の凝ったフォントから、シンプルで使いやすいフォントが17種類も紹介されています。その中から気に入ったフォントを数点選んでご紹介したいと思います。

詳しくは以下
(さらに…)

続きを読む
posted 09:00  |  
Category: Design , Font   
2013年04月11日

タイトルとしても使いやすいデザインフォントまとめ「22 Free Gothic Fonts For Designers」

デザイン制作時に欠かせないフォントはフリーで利用できるものも多く、デザインテイストに合わせて、さまざまなフォントを選択できるようになっています。そんな中から今回紹介するのが、タイトルとしても使いやすいデザインフォントをまとめた「22 Free Gothic Fonts For Designers」です。


Cartographer Font | dafont.com

ポップなテイストから、手書きのイラストのようなフォントまで、さまざまなデザインフォントが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 05:06  |  
Category: Design , Font   
2015年07月29日

SVG形式データの利便性を感じられる素材まとめ「The Benefits of SVG Images in Web Design」

ベクター形式でありながら、アニメーションタグやJSでのインタラクティブな操作ができたり、テキストエディタでの編集が可能だったりと、何かと便利なSVG。いろいろなシーンで活用されている方も多いと思いますが、今回はそんなSVG形式データの利便性を感じられる素材まとめ「The Benefits of SVG Images in Web Design」を紹介したいと思います。

svg0729_0
Reports – Calls Animation

JSやアニメーションなど、SVG形式を利用した多彩な表現を実現できるリソースや実例がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 03:11  |  
Category: Design   
2007年11月29日

サイト構築に便利な超シンプルなアイコン集「Free Website Icons」

サイトを構築する上でインターフェイスを向上させたりデザインのアクセスには欠かせないアイコン。今日紹介する「Free Website Icons」はサイトで良く使用する「ホーム」「サーチ」「メール」などのスタンダードなアイコンを配布されています。

シンプルなアイコン集

上記が配布されているアイコンです。どんなサイトでも全体的なデザインを邪魔しないかなりシンプルなものになっています。

詳しくは以下

(さらに…)

続きを読む
posted 06:28  |  
Category: WebDesign   
tag: 

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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