[CSS]角丸やシャドウだけではないCSS3の大切な三つのテクニック
CSS3って角丸とかシャドウとかグラデーションでしょ、という人に知っておいてほしいCSS3の大切なテクニックを紹介します。 3 Advanced CSS3 Techniques You Should Learn デモページ（※キャプチャはChrome） [ad#ad-2] 1. Advanced Selectors CSS3で最も重要といってもよい特徴の一つが「Advanced Selectors」です。簡単に説明すると、特定のHTMLエレメントに対してIDを使用しないで、スタイルを適用できるものです。 リスト要素で配置した下記のデモを見てください。 背景色を奇数番目はブルーに、更に5番目はレッドにしています。
ウェブデザインに磨きをかけるテクスチャの効果的な使い方
テクスチャの用途は単に背景に配置するだけではありません。最近のウェブトレンドでもある繊細なテクスチャを使用して、ウェブデザインに磨きをかける方法を紹介します。 How the use of textures can improve your web design 下記は各ポイントを意訳したものです。 はじめに 1. イラストの強調 2. エレメントのグルーピング 3. コンテンツの強調 4. リアリティとデザインの奥行き 5. 独創的な魅力 テクスチャを活用したウェブサイト集 はじめに ウェブデザインに必要なのは確かなる知識と創造性、そして情熱です。そして、素晴らしいウェブデザインを産みだすテクニックはたくさんあります。その中の一つ、テクスチャの使い方を紹介します。 1. イラストの強調 繊細なテクスチャは、イラストにより強い個性を与えることができます。下記のサイトにあるテクスチャは、イラ
170種類のアイコンを同梱した高品質かつ実用性のあるフリーのアイコンセット「WooCons #1」などいろいろ
32×32ピクセルのPNG形式のアイコンが170種類詰まっており、GPLライセンスで提供されています。 ちなみにこのアイコンセットを提供している「WooThemes」は有料のWordPressテーマを作成して販売しているサイトなのですが、その過程でできあがったアイコンや最初から無料で配布するためのアイコンセットなどを時々出してきており、どれもこれも非常に高品質で実用性のあるものばかりです。 ダウンロードは以下から。 WooCons #1: 170 Free Web Icons | WooThemes Pictos: Free Tumblr Icons | WooThemes Simple & Bold Social Media Icons | WooThemes Twitter Birdie Icon | WooThemes WooFunction: 178 Amazing Web Des
パンくずのデザイン集と概要やデザインのポイント
ウェブデザインで使用しているパンくずのデザイン集とパンくずの由来や概要、特長をはじめ、設置の判断基準、実装のよくある間違い、デザインのポイントを紹介します。
無料ですさまじく使い勝手が良く参考にもなるPSDファイルのウェブデザインテンプレート10種類
ネット上には時として「こんな高品質なものが無料でよいのか？」というオドロキがありますが、まさに今回のPSDファイルはそれです。実際に使うのも良し、デザインの参考にするのも良し、非常に価値あるものとなっています。 ダウンロードは以下から。 10 Beautiful PSD Web Templates Of July 2010 For Free Download ◆その1：FreePSDTheme >> Free “Black Eve” PSD 以下の6種類で構成されています。 about.psd blog.psd contact.psd index.psd media.psd services.psd ◆その2：FreePSDTheme >> Free “PixelStudio” PSD themeforest_pixelstudio.psdが1つあり、その中に全部入っています。 ◆その3：
立体感がいい感じのiPhoneにも採用されているボタン実装CSS3サンプル:phpspot開発日誌
Make CSS3 buttons that are extremely fancy - The Official Posterous Tech Blog 立体感がいい感じのiPhoneにも採用されているボタン実装CSS3サンプル。 iPhoneをお使いの方はご存知の次のようなボタンの実装例です。 hover時、クリック時にちゃんと押した感じが出てます。 -webkit〜プロパティ使用で基本、webkit系ブラウザ(Chrome, Safari)にしか対応していません。 つい押したくなるボタンなので、iPhone用サイトでサインアップとか押してもらいやすい部分に実装するとよいかもしれませんね。 関連エントリ 綺麗にデザインされたCSS3ボタンのまとめ CSS3なボタンをWEB上で作れる「Button Maker」 CSS3でクールなボタンを作るチュートリアル集いろいろ
無料で使える綺麗なWEBサイトPhotoshopテンプレート:phpspot開発日誌
10 Beautiful PSD Web Templates Of July 2010 For Free Download 無料で使える綺麗なWEBサイトPhotoshopテンプレートがまとまったエントリのご紹介です。 どう見てもデザイナーさんに頼んだようなテンプレート集がまとまっており、応用することでデザインの手間を削減したり、費用を抑えることができそうです。 便利な一方で、Photoshopテンプレートデザイナーの方は、プラスαで何か別のスキルを学んだほうがイイかもという危機感を覚えてしまうかもしれないぐらいクオリティが高いですね。 関連エントリ FacebookのGUIレイアウトのPhotoshopテンプレートファイル そのまま使えるWEBレイアウトのPhotoshopテンプレート40 ブルーが美しいWEBサイトレイアウト作成Photoshopチュートリアル３０ 用途別に色々と使える
ウェブ配色ツール Ver2.0
基本的な使い方 左上のカラーピッカーを使って、任意の1色を作れば、それに合わせた配色が作れるツールです。またロゴの文字や色は任意の物を指定できるようになっています（ただしフォントは変更出来ません）。 カラーピッカーの下のスライダーを利用すれば、メイングラフィックの変更や色相幅も変えることが出来ます。動きが必要な配色の場合には、2つめのスライダーを右に動かしてください。補色配色に近い配色が出来上がります。 色の一覧を押すことで、出来上がった色の一覧を表示しますので、コピー&ペーストしてお使いください。 この配色ツールについて この配色ツールはフォルトゥナによって提供されています。リンク等は当然のことながら自由にしていただいて構いませんが、無断で複製・転載するのはおやめください。 取材・執筆等のお申し込み このツールに関してのご質問、あるいはその他の色に関する取材・業務や講演などは、フォルトゥ
35 Purple Web Designs to Inspire You
23 Comments Thanks for sharing this post about purple website designs, I previously checked out your older post about nature websites, which was exactly what I needed at the time. I’ve not yet designed a website that uses these types of colours but I hope that I will get the opportunity to design a site using the colour schemes used in GoodBytes – as this is one of my favourites. These are great d
1stWebDesigner • Helping You Build a Better Web - For Web Professionals
Marketing & SEO A Better Google Analytics AlternativeOur recent migration to GA4 left a lot to be desired and led us to explore for better google analytics alternatives. We tried just about everything out there, including Plausible, Fathom, and several others, all with their own pros and cons. The biggest hurdles were: limited features and higher costs.… CSS offers an array of tools that, when use
色々なデザインの国旗アイコンのまとめ:phpspot開発日誌
Top 10 Country Flag Icon Sets :Speckyboy Design Magazine 色々なデザインの国旗アイコンのまとめ。 サイトを国際化対応するような場合に使えそうな国旗アイコン。デザインが色々とあって、好みのものを選べそうで便利です。 単に国旗アイコンといえど，色々なデザインの仕方があるものですね。
見えてきたECサイトの人気レイアウト
ECサイトのレイアウトは、ユーザーに情報を的確に届ける上で重要な役割を果たす。サポタントの調査結果から、ECサイトでトレンドになっている検索窓の設置場所やサイト幅のピクセル数が分かった。 Web・モバイル業界の人材事業を手掛けるサポタントは7月30日、EC（電子商取引）サイトのレイアウトのトレンドに関する調査結果を発表した。楽天市場（100サイト）、Yahoo!ショッピング（50サイト）に出展しているECサイトおよび企業が独自に運営するECサイト（100サイト）を7月に調査した。 70％がページ上部に「検索窓」を設置 Webページの上部に検索窓を設置しているECサイトは全体の70％だった。増加する商品点数に対し、検索性を向上させる目的で検索窓を設置するECサイトが増えているという。
Beautiful Collection Of HTML5 Websites
Beautiful Collection Of HTML5 Websites by Vikas on August 3rd, 2010 4 Comments » Share Html 5 is the new technology and web standard in web design. HTML 5 has tons of new features, elements and techniques which will be helpful for designers to create new design in short line code. Coding in HTML 5 is very easy compared to other programming language options available for designers. You can als
非デザイナーのためのデザイン基本テクニック その１ | 07design.blog
デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、実はデザインというものは数々のルールによって成立しています・・・デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。 デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、 実はデザインというものは数々のルールによって成立しています。 そのルールの知識があればデザイナーレベルとはいかないものの、見た目がきれいなグラフィックは作れるはずです。 デザインという言葉の定義やソフトの使い方から始めてしまうとややこしくなるので、 今回はあくまでも「とりあえず見た目をキレイにする」ということに重点を置いて説明します。 記事内で
Support Details | Tech Support Management
Welcome To SupportDetails.com SupportDetails.com has everything you need to know to keep tech support people happy: which computer you are using (PC or Mac), which operating system (Windows or OS X), which web browser (eg, Firefox, Chrome, Safari, Edge), your IP address and more system information. Customize Your Report Simply send a properly formatted URL with recipient, sender, or both to have t
背景画像に使えるシームレスなパターン画像500種:phpspot開発日誌
シンプルで色々な用途に使えそうな商用OKのアイコンセット「Reflection... 次の記事 ≫：2010年7月30日 管理人のブックマーク
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
noupe - THE magazine for webworkers and site owners
商用・非商用に関わらず使える７万以上のフォントまとめサイト「FontPark」:phpspot開発日誌
自然をうまく取り入れたサイトデザイン２５:phpspot開発日誌