This domain may be for sale!
2011年のWeb制作トレンドをはてブのホットエントリから振り返ってみました。 2011年でトレンドは、スマートフォン向けサイトやアプリの制作関連、HTML5関連、あとはFacebook対応のためのノウハウといった感じでした。 はてなブックマーク「コンピュータ・IT」カテゴリ内で、1500以上ブクマがついた記事を選出、その中からさらに私の主観も入りつつ、2011年Web制作系のエントリーの中でもベストな31記事をピックアップ、Webデザイン系、SEO系、HTML+CSS系、プログラミング系、スマートフォンサイト制作系、企画、ツール、その他系、素材系にそれぞれ分類しました。 Webデザイン系 1. 色彩センスのいらない配色講座 配色と色についてひじょーに分かりやすく、論理的に解説されたスライド。はてブ数ダントツ。 2. デザインの基礎力をワンランクアップしたい私(Webデザイナー
Captcha security check vanillate.com is for sale Please prove you're not a robot View Price Processing
クリエイティブなiPhoneケース。日本のiPhoneケースのデザインにはガッカリだよ。 私は財布と一体型かXBOX360のケースが良い! 2011-12-04T16:00:51+0900 @yukkuri0616をフォロー ゆっくりしていってね!!-ゆっくりライフハック、しませんか?- クリエイティブ クリエイティブなiPhoneケース。日本のiPhoneケースのデザインにはガッカリだよ。 Tweet iphone4用 Bluetooth回転式 キーボード TK-421 友達に教えて反応を楽しむ 2011-12-04T16:00:51+0900 @yukkuri0616をフォロー ゆっくりしていってね!!-ゆっくりライフハック、しませんか?- クリエイティブ クリエイティブなiPhoneケース。日本のiPhoneケースのデザインにはガッカリだよ。 Tweet 「クリエイティブ」カテゴリ
Ever notice how people texting at night have that eerie blue glow? Or wake up ready to write down the Next Great Idea, and get blinded by your computer screen? During the day, computer screens look good—they're designed to look like the sun. But, at 9PM, 10PM, or 3AM, you probably shouldn't be looking at the sun. f.lux fixes this: it makes the color of your computer's display adapt to the time of
ゴールドとシルバーで全400種類以上が揃っている、メタルのグラデーションが美しいPhotoshop用の素材を紹介します。
CSSセレクタについての基礎知識 このブログで何回も説明していますが、念のために説明します。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの1つです。 セレクタ表の説明には属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。 あと親子関係や兄弟関係などもあまり聞きなれないかもしれません。下の階層にある要素との関係が親子関係で、同じ階層にある要素同士の関係が兄弟関係です。 あと、CSS3と聞いて「どうせIE8以下はダメだし使えない」と思う方もいるかもしれませんが、セレクタに関しては簡単に対応できます。 IE6~8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」をご参考に。 それ
ブログにしてもサイトにしても同じ事が言えますが、サイトのコンテンツで一番読むのは文章です。なので我々作り手も文章の可読性に関してはしっかり考えたいなというところです。 Index 1.文章の可読性とは? 2.文章のブロック・段落 3.行間 4.余白 5.テンポ・リズム 6.フォントについて 1.文章の可読性とは? 当たり前なことですが文章の可読性とはつまり「読みやすさ」です。文字が小さすぎたり、背景色に近い文字だったりすると当然可読性は落ちますね。 コンテンツに記述されていることが優れていても、文章が読みづらそうといった先入観や、読んでいて読みづらいという認識を持つとそのサイトに対してどう思うでしょうか? 文字のサイズが小さいだけならブラウザのサイズを変更して読んでくれるかも知れませんが、他のサイトへ離脱してしまう可能性は十分に考えられます。人はストレスを感じることを嫌がりますのでよっぽど
2011年09月25日17:30 カテゴリArtLogos そろそろMetro UIに関して一言言っておくか 404 Blog Not Found:0th Impression - Windows Phone IS12TMetro UIに関しては別記事で改めて書くことにして やっとこさ素材が揃ったので。 俺のWindowsがこんなにかっこいいわけがない 最初に見た瞬間に思い起こしたのは、これ。 明彩色の背景にシルエット。でも踊っているのはみなさんおなじみの…。 しかし出自を考えればそれも納得がいく。 Metro (design language) - Wikipedia, the free encyclopedia Metro is an internal code name for a typography-based design language created by Microso
この記事は2011年に書いた記事です。2015年に書いた増補改訂版があります。 「Illustrator、デザイン - まったくのゼロから、独学でWebデザイナーになるためのロードマップ【Vol. 1】」(2015年3月) 前にも「独学でWebデザイナーになるのにまずやること」というエントリーをかいたが、簡易的な内容だった。 今回も大筋の考え方はかわらない。Webデザイナーになるには、たくさん作品を作って人にみてもらうことである。 今回はもっと踏み込んで、全くの未経験の人がどうすればWebデザイナーになれるのかの具体的なステップ(行動プラン)をまとめてみたい。すでに学校やスクールでWebを学んでいる人や会社でデザイン部門をあらたに設立したい人にも役に立つだろう。 ステップ1 制作環境をつくる まず最初にやることは制作環境を揃えることである。以前だと、FAXとスキャナーは必須だったが、いまは
本格的だけど、簡単に性格診断ができる『16類型性格診断』が、結構面白い! この性格診断は、「ユングの類型論の指標(内向:I‐外向:E,感覚:S-直観:N,思考:T‐感情:F)に、判断的態度:Jと知覚的態度:Pという独自の指標を加えて4指標16タイプで性格を分類」している、超本格的なもの。 この性格診断(性格・パーソナリティ検査)の目的は、「多種多様な人という生き物を互いに尊重し合えるようにするための指標として作られ、(中略)自己理解を深めていくことが重要とされています」とのこと。 なんと、このサイトいわく「世界で1番利用されている」ものだそうです。本来は、本格的な検査になると質問項目は100近くあって有資格者が執り行うらしいのですが、その本格的な検査をベースに簡易的な性格診断を作成したものがこちらなのだそう。 では早速、この性格診断にトライ! ・会議や話し合いの席では話すより記録を取る方が
クオリティを上げるためにはちょっとした「こだわり」がとても大事です。 定期的に話題になるネタで恐縮ですが、素人っぽいデザインにならないように個人的によく使ってる小技をまとめました。 上のものほど、簡単で多くのデザインに使える小技になります。 1pxのボーダーを使う 1pxの効果を使うのと使わないのでは、デザインの質に大きな違いが生まれます。 ある意味Webデザインでは一番重要な要素かもしれません。 定番です。たった1pxのボーダーをつけるだけでシャープな印象になります。 ただ塗りつぶしただけ、グラデーションを入れただけのボタンでは、のっぺりとした感じになりやすいですが、1pxのボーダーを上部に入れるだけでシャープな立体を表現できます。 正確には1pxでなく2pxですが、こうして黒系のボーダーと白系のボーダーを並べることで、明確にかつシャープに仕切りを表現できます。 1pxのドロップシャ
ロゴの方程式が想像以上におもしろい 方程式というと数学が苦手な人には頭痛の種ですが、実はおもしろいことに世の中の大半のものはそれで表せるのです。 とは言うものの解読が難解なものが多く、それで数学嫌いになったりしますが、イラストや他のロゴを駆使したひと目でわかる、ちょっと笑えるメーカーロゴの方程式がありましたのでご紹介します。 アップル社のロゴ 現在はもうちょっとモダンになってメタリックな感じになりましたが一昔前までアップルというとこのロゴでした。りんごとレインボーカラーの旗を足したものを、歯(ひとかじり)で割ると出来上がり。 エレクトロラックス (Electrolux) スウェーデンに本社を置く家電のメーカーですが、ここのロゴはかなりわかりやすい加減法だけの式となっています。ヒューレットパッカード社のロゴからHPという文字を省き、Tバックのお尻を足すと出来上がり。 アディダス アルゼンチン
実は隠された裏の意味を持つ企業ロゴいろいろ 企業や製品のブランドには様々なロゴが用意され、名前や関係したデザインが盛り込まれています。 それぞれ良く考えられた末の意匠ですが、中には二通りの裏の意味を持つ、ひねりのあるロゴもあるんです。 実は隠された意味を持っていた、良く知られた有名企業のロゴをいくつかご紹介したいと思います。 Vaio 言わずと知れたソニーのVaioのロゴですが、実は隠れた意味があるそうです。 前半の2文字が正弦波でアナログを示し、最後の2文字が1と0の2進法でデジタルを表現しています。「アナログとデジタルの融合」をスローガンとしているとのことです。 Amazon ネットショッピングでおなじみのアマゾンですが、実はちょっとした哲学を反映しているそうです。 黄色の矢印は、客に満足させたい意味を込めたスマイルの口のようになっています。その矢印がaとzを指しているのは、アマゾンに
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く