日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイトです。
![Responsive Web Design JP(日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイト)](https://cdn-ak-scissors.b.st-hatena.com/image/square/0400002bd34f0985d5aa9c96edbe1bb9ff3dcda0/height=288;version=1;width=512/https%3A%2F%2Fresponsive-jp.com%2Fwp-content%2Fthemes%2Frwdjp%2Fimages%2Ffb_logo.jpg)
Technix Business Card ...
Joe Lifrieri is a designer in New York City.
原点回帰ということで、たまにはビジュアルデザインのことでも書いてみます。 僕が思うに、プロとアマのデザイン力の決定的な違いは細部の詰めだと感じるわけです。 もちろん、ごく基本的なレイアウトだったり、配色だったりといったデザイン力の向上が何より大事だし、そこさえクリアすれば、ユーザーに対して最低限のおもてなしはできると言っていいです。 ただし、他のモノとは何かが違うより優れたデザインを作り上げるためには、普通のユーザーは気にも止めないようなほんの些細なところに対する気遣いが必要になってきます。 まさに「神は細部に宿る」というやつです。細部を突き詰め出すとキリがなかったりしますが、ここに気づけるかどうかが一流のデザイナーとそうでない人の別れ目のひとつなんじゃないでしょうか。 見た目で揃える
The color scheme of a site creates its atmosphere. It should be fitting, good looking, and attractive. At the same time, it should not impede visitors to use the website and easily find all necessary information. No matter what kind of business you have, don’t be afraid to use bold color schemes for your website. Here I have showcased 50 fantastic websites with extremely bright color palette for i
ブラウザ上枠のすぐ下、ページの上部に、いい感じのシャドウを加えるスタイルシートを紹介します。 Chrome, Safari, Firefox, Operaでご覧ください、IEは9+で。 Depth 実装は簡単で、HTMLは特に変更することなく、下記のスタイルシートを加えるだけです。 position: fixed;なので、スクロールしてもシャドウが表示されています。 body:before { /* top shadow */ content: ""; position: fixed; top: -10px; left: -10px; width: 110%; height: 10px; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8); -ms-box
Webデザイン手書き風デザイン 個人的に大好物の手書き風な Webデザインを作りたい時に 役立ってくれそうなフォントや テクスチャ、アイコンなど、無料 のリソースをメモしておきます。 個人的に大好物の手書き風な Webデザインを作りたい時に 役立ってくれそうなフォントや テクスチャ、アイコンなど、無料 のリソースをメモしておきます。 手書き風と言っても色々あるのでこのまとめは偏ったものになっているかも知れません。参考程度にして頂ければ幸いです。全ては掲載出来ないので個人的に好みのリソースを厳選します。 日本語フォントふい字 かなり使用条件を緩くしてくれている有名な手書きフォント。 ふい字 みかちゃんフォント こちらもかなりオープンに配布してくれています。 みかちゃんフォント あんずもじ 縦書き用も含まれています。こちらも有名なフォント。 あんずもじ ひま字 基本的には商用でも利用可能ですが
年末は買い物をする機会が増える為、ECサイト運営者も忙しさがピークに達する時期ですね。 さて、Eサイトは基本的に売り上げが立ってこそ成り立つ物。時期や世間のトピックによって大体の業種が売れる期間にばらつきがあります。 しかしECサイトの場合は通常の店舗とは異なり24時間ユーザーからの注文を受けることが出来るというメリットがあります。当然の事ながら人が受付をしない代わりにサイトの構成や商品によってユーザーを取り込めるか否かという差が発生します。 商品の内容はお店の仕入れで良質の物を仕入れてもらうしかありませんが、サイトの構成に関してはデザイナーが仕入れた商品を自社のサイトにうまく掲載することで売り上げを上げる事が出来ます。デザイナーが商品をうまく見せれるか否かポイントになってきます。 問題点と改善すべき点 よくあるのは仕入れ担当者や、オーナーなどから「この商品を目立たせてほしい」と言われつづ
2012年 10月 19日 食品系ECサイトのランディングページ最適化について、6つのサイト紹介とランディングページまとめサイト4つのご紹介。 カテゴリ: Webサイト紹介 タグ:ECLPOまとめランディングページ 飲食関係のランディングページを運用しないといけないので色々見ています。ブックマークにも少し溜まってきてるのでちょっとだけブログの方にも書いておこうと記事にしました。 1.ランディングページとは? 2.食品関係のランディングページ 3.ランディングページまとめサイト ランディングページとは? ランディングページと言うのはリスティング広告といったWeb広告や、グーグルやヤフーなどの検索エンジンから遷移してくるページを指します。 このページに対して、ユーザーが求める情報を正しく伝えられるよう最適化することをLPO(Landing PageOptimization・・・ランディングペー
2011年 05月 24日 ECサイトを成功に導くプロセスをUSTREAM配信番組「大なごや」にて語ってきました。そのまとめ #daiNagoyaWeb カテゴリ: EC 交流 タグ:EC 前々から番組を視聴していたのですが、以前大阪で開催されたPHPカンファレンスに名古屋から参加されたきよっちさん(@kiyotch)とお話ししている際に今度出ますという約束の元、今回のトークが実現しました。 そもそもきよっちさんとは以前からツイッターで相互フォローしていて色々お話をしている間柄なのですが、彼はECのシステムを構築する事を仕事にしており、一方私はECサイトをデザインをメインに制作・運営をしているという関係から、番組でトークをすれば面白いんじゃないの?という事を構想しました。 ですので今回のトークは僕ときよっちさんを中心としたトークになりました。 大なごや今回参加メンバーの紹介 きよっちさん(
スライドはズルい スライドってズルいですよね!w web制作においてはコンテンツを閲覧させる障壁とも言われるクリックを150回とか強いるのに、こんなにも読ませるコンテンツ!!すごい!ズルい! たまに思うんですが、私の長文もスライド形式にしてしまえば読んでもらいやすいんじゃない?とか考えます。フリーのwebデザイナーのたえさん(@ken_c_lo)も同じこと考えてたみたいでひじょーに嬉しかったですw なんかそのうちブログをスライド化して見られるプラグインでないかなー、もしくは作ってみようかなと思っている今日この頃です。 webデザインに関するスライドまとめ 本題です。世間的には少ないと言われているwebデザインにおける「デザイン」にフォーカスを当てたスライドで私がブクマしていたものを集めてみました。 タイトル的にうん?と思うものもありますが、全て考え方等を含めデザインを考えることについて参考
岡山 玉野 総社 水島エリア 玉島エリア 真備・船穂エリア 児島エリア 倉敷エリア 岡山 玉野 総社 水島エリア 玉島エリア 真備・船穂エリア 児島エリア 倉敷エリア
webサイトやスマホアプリなどの色の決め方について。 60-30-10Ruleの話。 Kulerで色の基本について説明。 こんなふうにアクセントの色が決められるよね、っていうスライドです。 ----- 以前に社内LTで行ったスライドの改変です。
この記事は、Webデザインが短期間で上達した2つの方法として、新たに書き直しました。 WEBデザイナーとして10年ちょっと経過。 未だにデザイナーとして足りないものは多いですが、 どうにかクライアントにも満足してもらえる デザインが提供できるようになったと思います。 これは、自分が新米デザイナーだった頃にやっていた、デザインの上達方法です。 「上手くデザインができない!」「上手くなるにはどうすればいいの?」など、 どうすればデザインが上達するのかわかならい人の参考になれば幸いです。 新米デザイナーの頃、ダメなデザインをして先輩からよく叱られていました。 クライアントからデザイナーを交代してくれと言われ、 激しく落ち込んだこともあります。 いまになると恥ずかしいですが、 その頃の自分には、 プロのデザイナーとして最低限の能力がなかったのです。 クライアントの満足するクオリティのデザインを 期
先日擬似要素のまとめを書きましたが、用途の説明に留まり不完全燃焼だったので…今回それを使った表現のコツなんかを突き詰めてみました。サンプルコード付きですー!★ 擬似要素で出来ることを考えていて、先日[CSS]擬似要素の実用的な使用用途のまとめ – WEBCRE8.jpというまとめを書きましたが、やっぱり自分で作ったりしたかったですw 今回は実際に擬似要素などを使ってCSSのみでどんな表現が出来るのか、どこが難しいのか、どんなことなら出来るのかを掘り下げてみました。その過程で出来たサンプルも公開しますー。 まずは枠線の作り方。通常枠線はCSSのborderプロパティを使い、値にdoubleを設定する事で二重線が出来ます。ここではそれにバリエーションをつける方法を解説します。 デモ:box-shadowによる実線のボーダー box-shadowで実線を作れる borderで枠線をつけるところ、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く