:nth-child と nth-of-type の違い
擬似クラス :nth-child() を使ってスタイルを指定する際、意図しない箇所にスタイルが適応されて困ったことはありませんか？:nth-of-type() だったら狙い通りにスタイルをあてられる...
# CSS
Webデザイナーの私がよく使用するWebサイト制作に便利なChrome拡張機能7選
Google Chromeの拡張機能は試しにインストールしては削除もしくは放置することが多いのですが、その中でも使用頻度が高い拡張機能を紹介します。特にコーディング中に使用することが多い拡張機能たち...
コードをハイライトするライブラリ「highlight.js」
ブログのリニューアルに伴い、コードを綺麗に表示するために使用していたプラグイン「Crayon Syntax Highlighter」を停止して、軽量と評判の「highlight.js」を導入しまし...
見やすいサイトづくりのための文章レイアウト ー 行間編 ー
Webサイトで行の高さといえば、CSSのline-heightで指定するアレのことですが、今回はその行の高さのおはなしです。行の高さ1つで文章の可読性はもちろんのこと、サイトの雰囲気も変わってきます...
サイトに埋め込んだGoogleマップの縮尺を変更＆CSSでレスポンシブ対応する方法
Googleマップからコードを取得してサイトに埋め込もうとしたのですが、以前とコードの内容が変わっていてどこを変更すれば縮尺が変わるのか皆目見当がつかず…。と困っていましたが、現在は簡単に縮尺変更が...
iOS9のSafariでスマホサイトが縮小表示されてしまって困った！
少し前にリリースしたレスポンシブ対応のサイトで、iOS9にアップデートしたSafariで閲覧すると表示が崩れてしまう事案が発生しました。iOS８のSafariと、iOS9のChromeでも問題なく表...
スマホサイト制作時の困った！iPhoneでフォントサイズが勝手に拡大されてしまうのを防ぐ...
メディアクエリを使ってコーディングをしていたのですが、iPhoneで見ると一部のフォントサイズが拡大されてしまう現象に遭遇。（SafariもChromeも）しかも、画面が縦位置の時は何ともないのに、...
Author
- すずき のりえ
- @planbworks
- @planbworks
Webデザイナー / グラフィックデザイナー / エイチレフ合同会社 業務執行社員
コーポレートサイト・リクルーティングサイト、会社案内・入社案内がメインです。最近では医療・福祉系のお客様が多いです。
母校の専門学校で非常勤講師(DTP / 2015年10月〜, Web / 2021年10月〜)。2017年3月よりお茶のお稽古に通っています(裏千家)。