「Design」 一覧

ページ内リンクをするときに、リンク先がコンテンツと被ってしまうことがよくあって、paddingで余白とか入れながら良い感じになるように調整をしていたけれど、こ、こんな方法で解決できるのか！！！と思った ...

ボックスを比率に合わせてレスポンシブさせたかったので覚書。 参考サイト：【レスポンシブコーディング】要素の横幅と高さの比率を保つ ソースコードとかは参考サイトを確認してください。 4:3は、横幅：高さ ...

ページ下で固定されてスクロールに追従？するやつ作りたくて、 position:fixed;を使うことでmarginが効かなくなるのでググった覚書。

テーブルセル要素でボックス上下左右中央揃えしたいときの覚書 親要素はテーブル要素に、子要素をテーブルセル要素にする。

ウェブサイトを制作する際の良さ気なフォント設定覚書 font-weightが400以下だと細いのでfont-weight: 500;にする

flexboxを使ったブロックの中身を上下左右中央揃え覚書 justify-content　…　左右中央揃え align-items　…　上下中央揃え

「表の見出しを（エクセルみたいな感じで）均等割り付けできませんか！？」と修正項目でいただき、「こんな修正まだあるのか・・・」とも思いつつ「いやCSS3さんなら・・・！？」とググったところ、やっぱりあっ ...

Webフォントを使ったウェブサイトでfirefoxで表示するとジャリが出るので対策覚書

アクセシビリティに関する個人的な覚書を増やしたり減らしたり。 CMS関連 WordPressのテーマについて アクセシビリティ（Codex） accessibility-readyタグのついたテーマ ...

Boostsrap4が賑やかになってきましたがまだまだ現役のBootstrap3のNavbarの話なんですけど、 BootstrapのNavbarの中にドロップダウンできる仕様にもなっててお世話になっ ...

img-responsiveを利用した画像を真ん中に表示したい場合にどうやってやるのかよくわからなかったけど、 class="img-responsive center-block" これで解決するメ ...

いっつもわからなくなるので自分用覚書です。 覚書なので使い方や解説がほしい方はスタイルシートリファレンスなどをご確認ください。 サンプルはli :before 擬似要素 要素の直前に内容を挿入する : ...

サンプル 会社案内 (http://example.com/company) こんな感じでウェブサイトを印刷しようとするとリンクの後ろにURLが勝手に表示される。 原因 twitter bootstr ...

背景画像の拡大・縮小ができないものかと探していたらCSS3で実現可能だということで覚書。 IE8では表示はされるが拡大縮小されなかった。IE9は未確認。 Firefox、Safari、Google C ...

CSS3を使った8つのテクニックで紹介されていた埋め込みのような水平線hrが魅力的だったので覚書

仕事で中国語ページを制作するにあたって最初にやることメモ 言語の設定 html箇所 lang="ja,zh" という指定を入れます。「ja」は日本語で、「zh」は中国語の意味です。 もし、ページ内に中 ...

CSSにおけるスタイルの優先度とは、複数のスタイルが同一の箇所に適用されていた場合に、その競合の解決に用いられる仕組みのこと。 優先度 ブラウザのデフォルト・スタイルシート>次に閲覧者のスタイルシート ...