私がウェブサイト作成時にお世話になっているサイトをご紹介
こういうのを集めだすときりがないのですが、個人的に本当によくお世話になっているサイトに絞って紹介してみます。 有名なサイトばかりですがサイトを作るにあたってお世話になる順に紹介していきます。参考になればうれしいです。 Webデザインギャラリー | I/O 3000 まず、ギャラリーサイトでサイトのイメージを膨らませます。カテゴリ、タグ、カラーで整理されており、とても探しやすいです。 このようなギャラリーサイトは他にもありますが、ページ変遷なしで次を読み込むのでとても見やすいです。 他にはこんなサイトをよく見ます。 WEBデザインの見本帳 Web Design Clip 【Webデザインクリップ】 【HTMLタグの簡単検索】TAG index - ホームページ作成情報 プロの方はPhotoshopで描いてからコードを書いていくみたいですが、私は最初からHTMLを書いていきます。 一応Drea
Facebookページのタイムライン化によるカバー画像のポイント
Facebookページへのタイムラインを導入ということで結構な騒ぎになっているようですが、私の場合そもそもあまり使っていなかったので特に問題はありません。 けど、せっかくなのでカバー画像くらい入れておこうかなと思い作ってみたものの、画像が荒くなりなかなかうまくいきませんでした。 カバー画像はFacebookページの上の方にある横851px、縦315pxの大きな画像です。 で、色々試してみて感じたポイントを紹介します。 まず、とりあえず載せてみようと、シンプルなものを作ってみたら、汚いの何の。 青っぽい背景に白のテキストを入れただけなのに、アップロードしたら荒いというかぼやけているというか。 青だときつすぎるのかなと思い、白背景の黒字でも同じ感じ。 文字の大きさや太さなんかも変えてみてみやっぱり同じ。 ということで、すでに導入しているFacebookページを見て勉強することに。 タイムライン
リストに1pxのラインを追加するだけで、印象がぐっとよくなる
#sample { width:500px; font-size: 16px; color:#333333; background:#d6e5f5; padding:20px; } #sample li { list-style-type : none; padding:5px 10px; border-bottom:1px solid #84b2e0; } 1. 下に薄いラインを追加してみる このリストに1本ラインを加えるだけで全然印象が変わってきます。試しに下に白いラインを追加してみます。 #sample { width:500px; font-size: 16px; color:#333333; background:#d6e5f5; padding:20px; } #sample li { list-style-type : none; padding:5px 10px; bord
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
