[B! design][css] yogoのブックマーク

yogo id:yogo

designとcssに関するyogoのブックマーク (4)

[CSS]たった一行のスタイルシートでグリッドレイアウトを実装するフレームワーク
<textarea name="code" class="css" cols="60" rows="5"> .dp50{width:50%;float:left;display:inline;*margin-right:-1px;} </textarea>
yogo 2009/06/03
design

grid

css

tips
リンク
Yahoo!ニュース高速化へのサイトデザイン側からのアプローチ
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、Yahoo!ニュースのデザイナーの黒田・由衛です。 Yahoo!ニュースが2009年4月27日にリニューアルしました。今回のリニューアルでは、お客様に快適にサイトを利用していただけるよう最速でページを表示させることに重点をおきました。お客様がウェブを閲覧するのは1日の中のほんの限られた時間です。その貴重な時間を割いてYahoo!ニュースに来ていただくわけですから、1ページでも多くの記事を「読みやすく」「ストレスなく」見ていただけるようにするのが、Yahoo!ニュースがお客様にできる最高のおもてなしだと考えています。そこで、今回のリニューアルでは、サイトデザイン側からのアプローチとして以下の2点の施策を行いました。１
yogo 2009/04/28
yahoo!

design

ui

performance

image

css
リンク
モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう！　-ちょっと詳しいモバイルサイトの作り方-
当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか？』っていう質問を最近良く受けます。おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような位置づけになってきているのでしょうか。確かに、携帯サイトを作ってきている身としても、モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。ちなみに、左のスクリ
yogo 2008/07/09
mobile

tips

html

design

css

webdesign

xhtml
リンク
第13回　Webページで読みやすいテキストとは：ITpro
今回のポイント 1行あたりの文字数の目安 1段落の文字数の目安段落に含む文字数行間調整の考え方字間調整を使ったロゴ風味見出し日本語というのはもともと縦書き文化です。文字も筆で縦書きしていくときに書きやすいように作られています。現在PC画面上で見るフォントは，活字印刷物のフォントとは違い，横書きで読みやすいようにもともとの字体から若干形を変えられています。それでも起源である縦書きの形を完全に壊すことができないので，やはり横書きでは読みづらいようになっています。日本人が苦痛を感じることなく読める横書き1行あたりの字数は20字＋α程度だと言われています。意識して雑誌などを見るとたいていが!)25文字から28文字程度です。用紙，つまり本のサイズがA4を超えるような大判になると，1ページを左右2段組に分けて25～28字程度に調整されています。一方，縦書きの場合には識別許容量はグンと増加し
yogo 2008/03/22
webdesign

ui

html

design

css
リンク
1