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

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

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

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

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

dl_dt_dd_thm

(K)DL定義リストで表組みした時にfirst-childが効かない時の対処法

今回は定義リストの<dl><dt><dd>で表組みを作成していた時に、ちょっと詰まった所の備忘録です。 よくある会社概要とかのコンテンツで、こんな感じのデザイン

background_color_image_thm

(K)背景色やグラデーションと背景画像を同時に反映させる場合(CSS覚え書き)

今回CSS 珍百景 Advent Calendar 2014にエントリーさせていただきましたが、バグというよりCSSセレクタの対処法的な記事です。 例えば、ボタ

wp_comment-list_thm

(K)WordPressのコメントリストをCSSで自分好みにカスタマイズ(WP覚え書き)

ブログを自作Themeで立ち上げて、コメントが来て承認して返信して、コメント一覧(リスト)を見てみると、なんともお粗末な表示になっていました。自分のThemeの

css_title_thm

(K)コピペでサクッと使えるCSSで作成した<H>タグ見出しのまとめ7個

HTMLのコンテンツの文書構成で特に重要なのは見出しですが、項目事の振り分けのために見出しのデザインは何かと気を使います。マークアップにも、見た目にも見やすさが

sp_tab_thm

(K)jQueryでスマホでも実装可能なサイズ可変型タブパネルを作成

スマホは少ない領域で必要な情報を表示させるため、ファーストビューに何を持ってくるか悩みます。仮に「新着情報」と「STAFブログ」を同じレベルで表示したい場合はド

fukidashi_line_thm

(K)CSSで作った対談(会話)式吹き出しをLINE風にしてスマホにも対応させる

以前、CSSで吹き出しを作って対談式のレイアウトを組んでみたんですが、PCのみのレイアウト組みだったので、新たにスマホ版の物を組んでみました(・∀・) PC版と

  • サイト内検索

  • About Me

    けぃしぃ(@Kc_fuji)

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

  • Recent post

  • Category

  • Twitter

  • Archives

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