Loading...
HTML5+CSS3で実装された、さまざまなUIエレメントのコレクション
パラグラフ・リスト・見出しなど [ad#ad-2] UIパーツの使い方 下記の3つのステップで、これらのUIを自分のページで利用できます。 IEへの対応 IEにHTML5を理解させるために、2つの重要なファイルを使用します。 <!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <link rel="stylesheet" href="ie.css" type="text/css" /> <![endif]--> CSSのインクルード スタイルシートファイルをインクルードしてください。もし使用するエレメントが限られているのであれば、その箇所のみで大丈夫です。 <link rel="stylesheet" href="reset.css"
Webサイトの基本要素 見出し・リスト・引用文のスタイルを整える
2014年8月20日 CSS Webサイトを装飾していく時に無視できない要素、見出し・リスト・引用文。特にWordPressでオリジナルのテーマを作る時は、ブログ用にこれら基本の要素すべての装飾もすると思います。そんな時に使うコードのバリエーションをメモしていたので記事にしました。少し変えるだけで応用できると思うので、ぜひ使ってみてください！ ↑私が10年以上利用している会計ソフト！ 色、フォント、サイズなどを変えるだけで、どんなサイトでも使える見出し・リスト・引用文用のHTMLとCSSコードを紹介します。そのままコピペして使っちゃってください。少しはコーディングの手間が省ける…かもしれません。ちょいちょい使っている画像も保存して使ってもらってもOKです :) サンプル画面内の「HTML」「CSS」タブをクリックでコードが表示されます。IE6, 7, 8, FF, Chrome, Safa
国産のWebデザインギャラリーサイトが一番参考になるのでまとめた - かちびと.net
Webデザインのギャラリーは沢山 ありますが、結局感性の近い国産 のギャラリーが一番参考になるの でまとめました。探してみると結構 いろいろあるんですね。助かります。 やはりギャラリーは国産がいいですね。沢山あるので、ある程度厳選しています。 io3000 最近知りました。すごくいいですね、ここ。見やすいし、使いやすいです。おすすめ。 io3000 straightline bookmark とにかくクールでクオリティの高いサイトをブックマークしているギャラリー。 straightline bookmark Web Design Clip こちらも個人的にオススメのギャラリーサイトです。目的のデザインも直ぐに見つかりますよ。 Web Design Clip Good Design Web こちらは他ではあまり見かけない良デザインのサイトを紹介してる貴重なギャラリーです。 Good Desi
スーパーWebブランドの色使いが一目でわかるインフォグラフィック：In the looop：オルタナティブ・ブログ
印象的なインフォグラフィックを見つけたのでご紹介を。 その名も The Colors of the Web。Alexaにおけるアクセストップ100のWebブランドが、ロゴにどんなカラーを使用しているかを俯瞰するチャート。情報元は COLOURlovers だ。 やはり青系と赤系は王道だ。ソーシャル系はFacebookやTwitterがあるので青が優勢のよう。またGoogleやMSN, eBayなどトッププランドでは多色使いも多い感じだ。 このロゴを、アクセスの大きさに比例させ、カラーで分類したチャートはこちら。情報元は別で、NMAP.ORG だ。 ペースにしているのは、やはりAlexa2010年アクセスデータ。そして、なんとこの中には30万ほどのロゴが含まれているという超大作だ。 最大のアイコン、多色使いのグーグルがなぜか赤サイドによっていることもあり、これを見るといくぶん赤系のほうがアク
18 Most Professional Social Bookmarking Icon Sets | PSDFan
Social Bookmarking icons have become increasingly popular, with a huge increase in the number of blogs and websites using social bookmarking accounts. However, with so many icon sets around it can be really hard to find a truly professional one. Luckily, we’ve narrowed it down for you. Whilst many roundups post hundreds of icon sets, many of which are very average, we’ve compiled our all time favo
女子のための情報サイトデザイン21+4 – Commit Lab
現在業務で女性向けの情報サイトのような物を作ってるのですが、デザインで少々詰まってましまいました。情報サイトとなると自然と文字数も多くなってゴチャゴチャしがちなうえに、元々女性的なデザインを意識して行った事があまりないので中々アイデアが出てこなくて困っていました。 いつも通りGoogle先生に訪ねてみたものの、案外見つからないんですよね。どうしようかなと悶々と悩んだ末に、ググれカスと言われるのを覚悟してwdscratchのフォロワーさん達に参考になりそうなサイトを教えて頂きました。 という事で今日はGoogle先生とwdscratchのフォロワーさん達が教えてくれた女子向け情報サイトをご紹介したいと思います。 今回協力して頂いた皆さん、本当にありがとうございました。助かりました。 追記1：ひとつ掲載漏れがありましたので修正しました。 追記2：コメント欄でご紹介いただいたサイトを追加いたしま
20 Beautiful Out of the Box Web Design Interfaces - DJ Designer Lab
Today Web Design is changed. Its not all about making a layout, its about making a interface or you can say environment for any product/service etc. In Mid 90’s no one knows about Web 2.0. And now Web Design is far beyond Web 2.0. The term Out of the Box was meant to be for Extraordinary IDEAS. Now We Web Designers has break that wall too. In this article I am going to share some Out of the Box We
50 High Quality Fonts Every Designer Must Download | Creative Nerds
August 16th, 2010 Freebies There are so many free fonts all around the web these days and sometimes it makes me think is their any really point purchasing fonts. I’ve decide to collect 50 fonts which are suitable for web, print, etc just overall high fonts which can be used in design projects. This is just personal collection of our free fonts to date, i hope you enjoy and free to leave a comment
Google Font API - Google Code
How do I start? Read the Getting Started guide. Choose fonts from the Font Directory. Optionally, use the WebFont Loader library for more control over font loading. What are the Google Font API and the Google Font Directory? The Google Font Directory provides high-quality web fonts that you can include in your pages using the Google Font API. The Google Font API helps you add web fonts to any web
ウェブ配色ツール Ver2.0
基本的な使い方 左上のカラーピッカーを使って、任意の1色を作れば、それに合わせた配色が作れるツールです。またロゴの文字や色は任意の物を指定できるようになっています（ただしフォントは変更出来ません）。 カラーピッカーの下のスライダーを利用すれば、メイングラフィックの変更や色相幅も変えることが出来ます。動きが必要な配色の場合には、2つめのスライダーを右に動かしてください。補色配色に近い配色が出来上がります。 色の一覧を押すことで、出来上がった色の一覧を表示しますので、コピー&ペーストしてお使いください。 この配色ツールについて この配色ツールはフォルトゥナによって提供されています。リンク等は当然のことながら自由にしていただいて構いませんが、無断で複製・転載するのはおやめください。 取材・執筆等のお申し込み このツールに関してのご質問、あるいはその他の色に関する取材・業務や講演などは、フォルトゥ
CSS3とHTML5でつくるテンプレート集「15 Useful CSS3 and HTML5 Templates and Frameworks」
TOP > WebDesign > CSS3とHTML5でつくるテンプレート集「15 Useful CSS3 and HTML5 Templates and Frameworks」 言葉自体ははかなり浸透してきた次世代のWEBの標準的なになっていくとされているHTML5とCSS3。ブラウザも対応してきて、一部のWEBサイトで使われ始めてきていますが、今回紹介するのはCSS3とHTML5で制作されたテンプレートを集めたエントリー「15 Useful CSS3 and HTML5 Templates and Frameworks」です。 RamblingSoul 19 CSS3 Template 様々なテンプレートが公開されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■Ampersand HTML5 HTML5で制作されたテン
プロフェッショナル用のHTML5+CSS3+jQueryのテンプレート -HTML5 Boilerplate
プロフェッショナル向きに開発された、HTML5+CSS3+jQueryなど直接実装に関わるファイルから、robots.txt, .htaccessなどサーバー関連のファイルも一式にまとまったテンプレートを紹介します。 HTML5 Boilerplate 昨日、当サイトで紹介した「HTML5 Reset」もHTML5+CSS3をベースに開発されたテンプレートセットですが、こちらはよりプロフェッショナル向けに開発されたものとなっています。 下記にその特徴を。 HTML5 Boilerplateの主な特長 クロスブラウザ対応（IE6も） HTML5対応 キャッシュの最適化と圧縮でGrade-Aのパフォーマンス モバイルブラウザへの最適化 クロスブラウザ対応のためにIEでは特定のclassを用意 プリント用のスタイルシート、パフォーマンスの最適化 HTML5でより早いページロードにする「.htac
どのOSやソフトにどのフォントがバンドルされているか一目瞭然の『Font Matrix』 | IDEA*IDEA
ドットインストール代表のライフハックブログ
人気フォントのランキング表 – creamu
「Periodic Table of Typefaces」というタイトルで、人気フォントのランキング表が公開されています。 1位がHelvetica、2位がFutura、3位がBodoni・・という感じですね。 ランキングは、「The 100 Best Fonts Of All Time」などの複数のサイトを参考に決定しているようですね。 表の見方は、以下のようになっていて、 面白いのが、フォントのデザイナーやデザインされた年がわかる点。「Family」からはサンセリフなどのフォントの種類がわかりますね。 例えば、Helveticaは「Max Miedinger」さんが1957年に作った、Futuraは「Paul Renner」さんが1927年に作ったなどといったことがわかります。 一度見てみてください☆ » Periodic Table of Typefaces なんかいろいろいまいちだ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iPhoneデザインボックス
http://e0166nt.com/blog-entry-817.html
新着記事
https://quarter4.info/inspiration/dtp-designed-by-web-designer.html
https://bluefaqs.com/2009/07/100-clever-designer-logos/