今回は、指定した要素だけをなくすことができる［display:contents］を紹介します。 ［display: contents］を知る前に、まずはボックスモデルを確認 ボックスモデルとは、「HTMLやXHTMLで定 […]

「スクレイピング」とは？ Web上のデータをパソコンより読み取ることを「スクレイピング」といいます。Googleのクローラーをイメージすると分かりやすいかと思います。 利用方法としては、「スクレイピングによって競合他社の […]

clamp()関数とは clamp()関数には最小値、推奨値、最大値の3つの値を設定することができ、その中の条件に合うものが適用されます。 フォントサイズや横幅をスマートフォン用にいちいち設定しなくても、幅に合わせて最適 […]

今回は、pointer-eventsプロパティを使用して、重なった要素の後側にリンクを効かせる方法を紹介します！ また、下記の記事のではスマートフォン、タブレットのみに効かせる方法としても紹介しました！　気になる方は併せ […]

Flexboxで要素を横並びにした際、子要素の幅が短いと右側に余白ができます。 この余白は、flex-growプロパティで、子要素に振り分ける事ができます。 flex-growとは Flexを使用した、親要素の余白を子要 […]

今回は、JavaScriptライブラリ「Swiper」とCSSを使用し、背景画像をズームしながらふわっと切り替えるスライドショーを作成したいと思います。 まずは実装デモがこちら。 デモ内［Result］の［Run Pen […]

今回は、HTMLで電話番号のリンクを設定する方法を紹介します。 電話番号のリンクを設定するとどうなる？ リンクを設定した場所をタップするだけで直接電話を発信することができるようになるため、ユーザーにとって使いやすいサイト […]

オートプロジェクトが利用しているプロジェクト管理ツール「Podio」。 第1回：リモートワークには必須、プロジェクト管理ツール「Podio」とは？ Podioは下記の構成で成り立っています。 Podioを構成する3つの要 […]