読者です 読者をやめる 読者になる 読者になる

gaaamiiのブログ

悪気なく間違ったことを書いている時があります。コメントやTwitter、ブコメなどでご指摘ください

ウェブデザイン

クックパッドのウェブサイト日本版とUS版

クックパッドのウェブサイト日本版とUS版の見た目がハッキリ違う。 もろに言うとYahoo!JapanとGoogleって感じだ。 日本 レシピ検索No.1/料理レシピ載せるなら クックパッド US Cookpad - Make everyday cooking fun!

リスト要素の hover 時に margin-left: 10px が気持ちいい

きもちいい Nekobito

情報の種類が少ないサイトは積極的に1カラムにした方が良さそう

現在運営中のTojaというサイトを1カラムにしました。 Before/Afterはこんなかんじ。 Before After 2カラムへの嫌悪感 2カラムレイアウトのサイドバーには広告が貼られることが多いこともあり「邪魔なもの」って認識されやすい気がします。前回のRebuild.f…

【CSS3】リンクhover時の変化をふわっとさせるやつ(transition)簡単すぎわろた

「CSS3でアニメーション!」とかいうとなんだか難しいことを新たに勉強する必要があるような気がしてて目を反らしてたんだけど、ちょっと調べてみたらたった2行でいいことが判明。 .hoge a{ display:block; width: 200px; height: 50px; background: black;…

言葉って大事だ

昨年の10月頃だったか、こんなウェブページが話題になった。すごいWEBこれを見た時、デザインのクオリティの高さと内容の薄さのギャップが極端でニヤッとしてしまった。すごいデザイン、エフェクト、フォントでひたすら「すごい」と書かれているだけのペー…

jQueryでPinterest風のデザインにできる「masonry.js」との出会い

先日つくったソフトテニスのニュースサイト「ソフ速」を、今回はPCでも見やすいようにリフォームしてみました。その際に使った「masonry.js」についてメモ的にエントリー。 ソフ速 - 画像メイン、さらっと流し読みできるソフトテニスニュースサイト (2014/5…

「border 1px solid #eee 」でいいや

CSSで線を引く時、最近は全てこれになってる。万能すぎる。 時々調子づいて#fafafaにしちゃうけど、やっぱり#eeeが好き。これに限らず、CSSいじってると色々気付くことってあるんですね。デザインのスキルとかセンスはびっくりするくらい無いけど、CSSを修正…

Chrome Developer Toolsを使ってCSSをほじほじするのを習慣にするといいのかもしれない

GoogleのブラウザであるChromeには、Chrome Developer Toolsっていう素晴らしいツールがついています。(Macでは) 「command+alt+i」で開いて閲覧しているサイトのソースが見れるんですが、どうやらこれを使っていろいろ出来るみたいですね。 Chrome Develope…

はじめて「レスポンシブウェブデザイン」なるものに挑戦しました

先日公開したアンテナサイト「ソフ速」。アクセス解析を見てみると、どうやらスマホユーザーが半数を超えてる。これはまずい、レスポンシブな感じにしないと...。 ということで昨日2-3時間ほどかけてどうにかしました。想像よりも簡単でした(そう思うのはひ…