CSS(スタイルシート)の基本、小技、テクニック総まとめ｜Webpark

2013/03/24 1313 users CSS スタイルシート 小技 基本 目次

CSSの基本や使える小技テクニックなどを幅広くまとめました。以前書いて今もそこそこアクセスがある「CSSの知識をもっと深める30+2の小技テクニック集｜Webpark」という記事があるのですが、2年近く前の記事ですしパワーアップさせて作り直しました。 恐らく過去最長の記事ですので目次を作りました。クリックするとするりと移動します。基本的な内容が多いですが、お役に立つ項目があればうれしいです。 とい... 続きを読む

私がウェブサイト作成時にお世話になっているサイトをご紹介｜Webpark

2012/06/06 1560 users ギャ Webデザインギャラリー カテゴリ カラー 参考

こういうのを集めだすときりがないのですが、個人的に本当によくお世話になっているサイトに絞って紹介してみます。 有名なサイトばかりですがサイトを作るにあたってお世話になる順に紹介していきます。参考になればうれしいです。 Webデザインギャラリー | I/O 3000 まず、ギャラリーサイトでサイトのイメージを膨らませます。カテゴリ、タグ、カラーで整理されており、とても探しやすいです。 このようなギャ... 続きを読む

リストに1pxのラインを追加するだけで、印象がぐっとよくなる｜Webpark

2012/03/26 1000 users 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. 下に薄いラインを追加してみる こ... 続きを読む

配色、デザイン、文章、写真、センスがないとあきらめる前に勉強しよう！｜Webpark

2012/03/18 3126 users ウェブサイト レイアウト 言い訳 分野 基礎

自分が作ったウェブサイトを見て、「センスないな」とへこむことはありませんか？ 私はよくあります。色使い、レイアウト、写真、文章などなど、どれをとってもセンスないなとへこんでいました。 けど、センスがないのではなく、単に基礎を勉強していないだけということに最近気づきました。センスはもっと高い次元の話でした。 ということで、センスを言い訳にしてしまいがちな分野の基礎を学べるすばらしい記事を集めました。... 続きを読む

初めてスマートフォン専用ページを作成する際に知っておきたいポイント｜Webpark

2012/02/06 1144 users スマートフォン パターン ウェブサイト 内容 ご参考

最近今あるサイトをスマートフォンに対応させるべく、コツコツがんばっているわけですが、その際に気になったことや知っておきたいポイントをまとめてみました。基本的な内容も多いと思いますが、ご参考になればと思います。 1. スマートフォンに対応させるには？ ウェブサイトをスマートフォンに対応させるには2つのパターンがあると思います。 PCにもスマートフォンにも対応したページを作成するか、PC用ページとは別... 続きを読む

保存版！CSS3セレクタの説明書｜Webpark

2011/10/11 1140 users CSS3セレクタ 保存版 説明書

CSSセレクタについての基礎知識 このブログで何回も説明していますが、念のために説明します。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの１つです。 セレクタ表の説明には属性や要素といった堅苦しい用語が出てきますので簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてこと... 続きを読む

ウェブサイト作成に役立つ35のwebサービス｜Webpark

2011/08/10 1717 users ウェブサイト作成 WEBサービス

ウェブサイトを作成する際に個人的に使っているWebサービスを紹介します。幅広く35個紹介しますので、きっと新しい発見があるはず。 フォント関係 wordmark.it パソコンに入っているフォントを一覧で見ることができます。フォントサイズも調整できます。 日本語フォント252種類を表示確認できます！フォントを探すならfonthack.jp。 日本語フォントの表示が確認できます。現在252種類ありま... 続きを読む

意外と知らない!?CSSセレクタ20個のおさらい｜Webpark

2011/06/14 2935 users おさらい

CSSセレクタって意外と分かっていなかったりするので勉強ついでにまとめてみました。比較的実用的かなと思うものを20個紹介していきます。いい復習になればと思います。 そもそもCSSセレクタが何かというと、スタイルを適用する対象を選択するものです。普段何気なく使っているclassやidなどもセレクタの１つです。 ieが対応しきれていないCSS3のセレクタもありますが、IE6〜8でもCSS3セレクタが利... 続きを読む

CSSの知識をもっと深める30+2の小技テクニック集｜Webpark

2011/05/11 2337 users 復習 小技テクニック たくさん 新しい発見 CSS

基本的なことやちょっと変わった意外な使い方などCSSに関する小技テクニックをたくさん紹介していきます。知っていることも多いかと思いますが、新しい発見もあるかもしれませんので復習を兼ねてぜひご覧ください。 続きを読む

犯してはいけないHTMLタグの過ち10個｜Webpark

2011/04/18 1128 users ブロック要素 インライン要素 意味 再確認 日本語

ちょっと前の記事ですが10 HTML Tag Crimes You Really Shouldn’t Commitという記事を見かけておもしろそうだったので紹介します。日本語にすると、犯してはいけないHTMLタグの過ち10個というところでしょうか。 知っている内容も多いかと思いますが、再確認の意味を込めて見ていただければと思います。 1. インライン要素の中にブロック要素を入れない 続きを読む

サイト作成に欠かせないサイトやサービスなどを20個｜Webpark

2011/03/09 1081 users フッター ナビゲーション ギャラリー あん たくさん

私がサイトを作る際によくお世話になっているサイトやサービスを紹介します。フリーソフトも2つあります。ご参考になればうれしいです。あんじょうできてはるWebデザインのギャラリーはたくさんありますが、見やすさ探しやすさでこちらをよく見ます。MephoBoxヘッダーやフッターなど部分的なものにこだわった海外のギャラリーです。404やナビゲーションなんかもあり参考になります。ロゴストック日本を中心にかなり... 続きを読む