全12カテゴリー。分野別で見る、Webサイトを構築する上でそれぞれ注意すべきポイント / Maka-Veli .com
やはりサイトの存在目的は必ずあります。デザインやシステム的な部分も重要ですが、 その前にもう一度目的を考えなければなと・・・ そう思ったので書いてみました。 色々と皆さん、それぞれに考え方があると思いますが、個人的に注意したいポイントを以下の分野別に書いていきます。 大体サイトとしては ブログ 一般企業 Webサービス IT・プロダクト・ゲーム オンラインショップ 教育・学校 病院・老人ホーム 飲食 デザイン・ファッション・音楽 金融・証券・保険 美容・健康 アダルト とか、その他色々ありますがこのような感じでしょうか？ ※ちょっとカテゴライズが不思議な感じですが、説明しやすくしたい為です。すいません。 これらのサイトはもちろんケースバイケースで設計や装飾などが変わってきますが、 共通する注意点があると思います。 それぞれ、コンバージョンは必要ですよね。 ゴールを必ず決
[CSS]hr要素をおしゃれにスタイリングする8つのテクニック
デモページ CSS3を使った8つのテクニック デモページの8つの実装方法を個別に見てみましょう。 HTML HTMLは全デモ共通で、hr要素にclass名を付与するだけのシンプルな実装です。 <hr class="style-one"> [ad#ad-2] CSS スタイルシートは各デモのキャプチャとともにご紹介。 繊細なグラデーションを使ったデザインです。 hr.style-one { border: 0; height: 1px; background: #333; background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); background-image: -ms-linear-gr
Webサイトの配色を行うために手元に置いておきたい10冊の本 | フォルトゥナ ブログ
photo credit: eliazar 配色の参考になる本はたくさんありますが、Webサイトの配色に関連が強いもの・使いやすいもの、に限ると、それなりに有益な本は絞られてきます。デザインの初中級者向けに、役に立ちそうな本をジャンル別にまとめてみました。色だけで解決しないことも多いので、 総合 Web配色に関する書籍は、色のイメージを中心とした見本帳のようなものがほとんどで、デザイン・マーケティング・ユーザビリティ・アクセシビリティなどを総合的に紹介している本はほとんどありません。それが私の本が世の中に存在する理由となっています。 まずざっくりとWebの配色について学びたいのであれば、自著で恐縮ですが、まず以下の2冊挙げることになります。基本的な事項は押さえられるように書いたつもりですし、それなりにまとまっていると自負しております。 上記の2冊は出版時期も出版社も異なるのですが、2冊合わ
クリエイティブなタンブラーテーマ20選「20 Astonishing Free Tumblr Themes」
国内での知名度はまだTwitterやfacebookなどと比べると格段に劣りますが、それでも多くの方が利用しているスクラップブック的なWEBサービスtumbler。テーマを設定でき、思い思いなデザインで利用することができますが、今日紹介するのはクリエイティブなンブラーのテーマを集めたエントリー「20 Astonishing Free Tumblr Themes」。 POSTAGE 沢山のテーマが公開されていますが、今日はその中から幾つか気になったテーマをピックアップして紹介したいと思います。 詳しくは以下 ■SILO 黒を記帳としたグリッドデザインタンブラーテーマ。 ■FLUID 透明感のあるタンブラーのテーマ。 ■PAPERCUT シンプルですが、暖かみとアナログ感があるテーマ。 上記の他にも様々なタンブラーのテーマが公開されています。タンブラーをもっと個性的に、クリエイティブに使いたい
iPhoneやAndroidなどのモバイルアプリ紹介用Webサイトのテンプレートがなかなか良さそう
cssやプログラミングアプリ紹介サイト 開発してるけどデザインは苦手、 というモバイルアプリ開発者向け にアプリ紹介用のテンプレートが 公開されていましたよ。なかなか よさ気です。ちょっといじれば素敵 な紹介ページになりそう。 開発してるけどデザインは苦手、 というモバイルアプリ開発者向け にアプリ紹介用のテンプレートが 公開されていましたよ。なかなか よさ気です。ちょっといじれば素敵 な紹介ページになりそう。 モバイルアプリ以外でも使えそうですね。テンプレートはiPhoneとかAndroidアプリの開発者さん向けで、シンプルにアプリを紹介できるように作られています。 Making a Slick MobileApp Website with jQuery & CSS 中身はHTMLとcssファイル、画像とjsが含まれています。 端末の画像がくるくる回るようになっています。 App Sto
ウェブデザイナーのための実用的なデザインとコーディングテクニック集
Five Useful Design Techniques and Coding Solutions For Web Designers [ad#ad-2] 下記は各ポイントを意訳したものです。 PHPはWordPressでのものとなっています。 1. 複数の項目がある棒グラフのエフェクト 2. ホバー時に追加情報を表示 3. カテゴリごとに異なるカラーを適用 4. ちょっと面白い画像のキャプション 5. ウェブのための印刷風デザイン おわりに -developersではなく、designers 1. 複数の項目がある棒グラフのエフェクト 下記のサイトで使用している棒グラフでは、上：タグの種類と数、下：コメントのついた記事と数、をそれぞれ素晴らしいエフェクトで実装しています。 こういった数値化されたデータは、ユーザーに対して有用なコンテンツの手がかりを提供し、ユーザビリティを改善することに
Webサイトのフッター２００個とフッターデザインの考え
フッターの美学。 そんな素敵サイトを紹介しようといくつかチョイスしていたら海外ブログのDWSが「The 200 best footers on the web」なんていう化け物エントリーをさらっと出してきたもんだから驚きだ。 しかもクオリティもめちゃ高い。 なので今回はこのエントリーを紹介して終わろうかなって・・・。 参考までにネタ帳が好きなフッターを７つほど紹介します。 たま、フッターまとめサイトの楽しみ方も一応書いておきます。 以下からどうぞ。 すばらしいフッターデザイン２００ The 200 best footers on the web « Web Design Shock もはやひとつのショーケースというか一冊の本になってもおかしくないクオリティの記事です。 ご堪能あれ！ 中でもネタ帳がお気に入りのフッター７つ Tomáš Pojeta | kreativní grafik ここ
綺麗なフッターデザイン集 – creamu
フッターをデザインしたい。 そんなときに参考になるのが、『Beautiful Footers in Modern Web Design for Inspiration』。綺麗なフッターデザイン集です。 かっこいいものが揃っていますね。 Bits And Pixels 滴が垂れたようなデザイン。グラデーションも綺麗です Urban Pie 背景のテクスチャとイラストがかわいい「Urban Pie」 Miss Web Lash マルチストライプとテクスチャが綺麗な「Miss Web Lash」 Kailoon フッターにポートフォリオの画像を配した「Kailoon」 Straw Poll Now 木のイラストがかわいい「Straw Poll Now」 フッターのデザインを変えてみたいときに、一度見てみてください。 Beautiful Footers in Modern Web Design f
ウェブデザインコンプレックスは克服できるか - GIGAZINE
幽霊の正体見たり枯れ尾花。これが結論である。 デザインセンスや技術力は努力だけで90％まで到達できる。後残りの10パーセントがその人の持って生まれた才能やセンスの問題、後は好み。あるいは、生まれ育った生活環境や諸々のもの。とにかく、努力では変えようのないものが残り10パーセントを占めている。 だが、努力だけで到達可能な90パーセントまで達すれば、一流のプロとして通用するレベルである。今から定年までにこの技術を磨いておけば一つの芸として成立するし、あなたの老後はバラ色だ。そのためには、ほふく前進で努力をすることが必要となる。一体、デザインの現状というものはどのようなものなのか？以下、述べてみよう。そして、ウェブデザインコンプレックスを克服する方法を教えよう。 なんとなく、目に触れる美術環境が戦後の日本は貧しくなっている。大量生産で画一的なデザインがいっぱいになっている。日本の生活風習で「ひと
Pixel Fonts and Super Pixel Fonts - Fonts For Flash - Download bitmap and free pixel flash fonts
This page is generated by Plesk, the leading hosting automation software. You see this page because there is no Web site at this address. You can do the following: Create domains and set up Web hosting using Plesk. Plesk is a hosting control panel with simple and secure web server and website management tools. It was specially designed to help IT specialists manage web, DNS, mail and other service
[JS]アニメーションのタイミングが絶妙なナビゲーションのスクリプト
マウスオーバーすると、下からパネルとアイコンをアニメーションでスライド表示するナビゲーションを実装するチュートリアルをCodropsから紹介します。 A Fresh Bottom Slide Out Menu with jQuery デモページ ナビゲーションのインタラクションにはjQueryが使用されており、シャドウや角丸のエフェクトにはCSS3が使用されています。 パネルやアイコンの表示位置、アニメーションのタイミングは変更が可能です。 パネルとアイコンのタイミングを異なる値にするのがポイントです。 チュートリアルではHTML、CSS、JavaScriptのコードが解説付きで紹介されており、全ソースをダウンロードすることもできます。
WordPress オリジナルテーマの作り方
2013年12月25日 Wordpress WordPressのオリジナルテーマの作り方について説明していきます。慣れると簡単なのですが、初心者には少し難しいWordpressのカスタムデザイン。Wordpressのテーマがどのように動くのか、スタティックのHTMLテンプレートにどうやってWordpressの機能をつけるのかを説明していきます。PHPの知識は必要ありませんが（もちろんあった方が楽ですが）、自分でデザインをするためのPhotoshopとCSSの知識は必要です。前回に引き続き、Nick La氏によるWeb Designer Wallを参照しています。 ↑私が10年以上利用している会計ソフト！ ※これはWordpress旧バージョンのオリジナルテーマの作り方です。最新版Wordpressを使用してのオリジナルテーマの作り方は「WordPress オリジナルテーマの作り方 3.0+
自転車通販ショップhakkle（ハックル）
5アームの110PCDクランクに適合するナローワイドチェーンリング。シルバーカラーもあります！ 8,910円円 12mmスルーアクスル対応のシングルスピードリアハブです。仕様は限られますが効果は絶大！ 33,000円 潤滑性と低フリクション性を備える、ドライタイプのチェーンルブです。ロードやMTBに。 480円 15度のバックスイープが付けられた、クロモリ製のフラットバーハンドル。生産は日東が担当しています。 8,800円 軽さと積載量、安定感と剛性を備えたグラベルロード。レースシーンやバイクパッキングに。 499,950円 ステンレス製で錆に強いボトルケージ。取付け位置が2箇所あり、フレームバッグとの干渉を防ぎます。 4,290円 Smithのヘルメットの代名詞と言えるKoryodシステムを搭載。高い衝撃吸収性と軽さを両立しています。 35,200円
500 colors × questions｜FELISSIMO 500色の色えんぴつ｜フェリシモ
ご利用にあたって ご使用のブラウザ環境では、本サイトが正しく表示できない可能性があります。 以下の注意点を確認し、必要な設定を行った上で再度表示してください。 ブラウザの JavaScript 設定を有効化してください。 最新の Adobe Flash Player をインストールしてください。 [ Built on Progression - Framework for Flash ]
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
FireworksLab.com is for sale | HugeDomains
http://www.designwalker.com/2010/06/redesign.html
http://www.designwalker.com/2010/04/call-to-action.html
Photoshop Vip » 半透明のデザインを使ったオシャレなウェブサイト35個まとめ
新着記事
IDEA * IDEA
