WEB(K)Campus-ウエブ系キャンパス-

娯楽は少なめ。備忘録がほとんどのキャンパスノート代わりのWeb系のメモサイトです

  • メール・お問い合わせ
  • Twiieerのリンク
  • ピンタレストのリンク
css_h_line_thm

(K)CCSで作成した水平ラインを使った見出しタイトル2種類

CSS3やらモバイルファーストの概念やSEOの観点からも、見出しに画像を使うのはほとんどなくなり、せいぜいCSSで背景画像に使う程度。<h>タグを使う見出しの部

css_repeat_thm

(K)CSSの擬似要素で背景画像のリピートを使った伸縮可能なコンテンツ枠の作成(PCとスマホ)

現在はフラットデザインなどのシンプル系のWEBサイトが主流になっていて、画像が主体のサイト案件も減っていますが、業種のジャンルによっては、CSS3メインのデコレ

css_scale_thm

(K)ロールオーバー時に画像が拡大したり回転したりするCSS3を試した

ブログサイトでアイキャッチ画像にマウスを合わせると、画像が拡大するアニメーションがあります。 CSS3の「transform:」を使うことで、比較的簡単にアニメ

border_gra_thm

(K)CSSでborderにグラデーションをかける場合はこうするしかないかな?

コーディング作業の際にふとboaderにグラデーションを引くのってどうするのかなあと思い、調べてみたらできたので備忘録としてまとめておきます。正確には擬似要素を

css_center_thm

(K)CSSでimg画像を中央に表示させる6個の方法まとめ

CSSでレイアウトを組んでいる時によくある希望のレイアウトは「画像の中央配置」 そんな訳で今回は自分がCSSでコーディング作業をしている時に使用している画像の中

css_ritai_btn_thm

(K)フラットなデザインのカチッと動く立体ボタンをCSSのみで作成してみる

ちょっと前からCSSでフラットな立体ボタンは色んな所で目にしますが、一回自分でもつくろうかな〜と思ってたのに、なかなかその手のデザイン案件に当たらなかったので自

footer_under03

(K)footerの領域をコンテンツが足りなくても一番下に表示させる2つのやり方(jQueryとCSS)

WEBデザインでTOPページのデザインとコーディングが終われば、その後、下層ページのコーディングに取り掛かるんですが、ページのコンテンツ量によっては、内容が少な

1 / 41234
  • サイト内検索

  • About Me

    けぃしぃ(@Kc_fuji)

    WEB制作会社に務めるサラリーマンです。 DTP、WEB制作、映像編集 チョコチョコやってます。
    このブログは、制作の覚え書きとWordpressの実験所として利用しています。

  • Recent post

  • Category

  • Twitter

  • Archives

    • 2017 (4)
    • 2016 (4)
    • 2015 (19)
    • 2014 (33)
    • 2013 (25)
  • ページの先頭へ