あれやこれや自分のための覚書

カテゴリー:スタイルシート

下の階層に入れたら表示が崩れる件

html5upさんのテンプレートはとても使い勝手が良くてお世話になっています。 まだ試したことはないのですが これからまさに第2階層にファイルを置こうと思っていたところでしたので、この記事に偶然出くわしたのはキセキかも。 試し…

詳細を見る

表組みをレスポンシブに

いろいろありますが、この記事がとてもシンプル、ありがとうございます。 http://blog.8bit.co.jp/?p=15136 …

詳細を見る

ここで改行したい!ときにCSSの::beforeや::afterを活用

とても分かりやすい説明で 写真選びのセンスも好きなブログです。ありがとうございます。 http://techmemo.biz/css/css-before-after-content-br/ …

詳細を見る

flexboxで商品一覧

こちらのページがデモページもあり参考になります。 https://web-bruno.com/flexbox-css3/ ありがとうございます こちらの記事の解説もとっても参考になりました。ありがとうございます。 https://d…

詳細を見る

モニタ解像度による見え方の違い

やはり・・・こちらではなんの問題もなく表示されていたのですが お客様のパソコンで見ると 文字が1行に収まらずに改行されており 見た目が美しく無くなっていました。 そんなこともあろうかと、うちのノートパソ…

詳細を見る

ウィンドウサイズで画像を切り替えるsrcset

これ!探していた情報 わかりやすい解説 大感謝です。ありがとうございます。   http://kia-king.com/blog/tutorial/responsive-images-with-srcset/ HTMLのsrcsetを使って…

詳細を見る

日本語ウェブフォント

こちらの記事で試してみたくなりました ありがとうございます。 https://qiita.com/shotets/items/502f8093d53369eaab50 adobeのTypekit  せっ…

詳細を見る

サイトをきれいに印刷させる

エコじゃないんだけど・・・クライアントさんは印刷して確認されることが多い。 その際 切れてたりしたら「あかんやん」となる。 で、探したら やっぱりこのブログ!いい記事に出会えました。 「寝ログ」さんの「プリ…

詳細を見る

Font Awesomeの使い方

迷ったら、このサイト! わかりやすく説明されています。 headに入れるのは <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.…

詳細を見る

画面の中央にドンっと表示する

「しばらくお待ちください」とだけ表示したいページなど、案外使う場面が多いけれど 天地の中央に置くcss設定をつい忘れがちなのでメモ そもそも vertical-align:middle は 高さの違うイ…

詳細を見る

最近の投稿