HTML・CSS
このタグが付いた記事
34件の記事
記事一覧
-
横スクロールできるコンテンツの作成方法
先日、本サイトのトップページのブログコンテンツを横スクロールできるようにしました。 本記事では、横スクロールできるコンテンツの作成方法を紹介します。 検証してみると googleの…
/ 記事を読む -
FutureShopの固定ページのコーディングを行った（2回）
先日地元のWEB制作会社さんからFutureShopの新規ページ作成のコーディングをご依頼いただけました。AdobeXDのデザインデータがすでにあり、それを元に構築していくという内…
/ 記事を読む -
YouTubeのポップアップモーダルを作成する方法
現在取り組んでいるLPコーディングで、YouTubeをポップアップモーダルで表示するという仕様を実現したので、それについて書いていきます。 「modaal」というモーダルウインドウ…
/ 記事を読む -
Sassでブレイクポイントを指定する方法
SassはCSSを効率的に書くことのできる言語です。 ブレイクポイントとは、レスポンシブなサイトをコーディングする際に、どの画面幅でCSSを切り替えるのかを指定する値です。 本記事…
/ 記事を読む -
BEMについて
BEMは、クラス名をどのように付けていったらいいのかについての考え方です。 BEMの前に、HTMLとCSSについて書いていきます。 HTMLとCSSについて WEBサイトのデザイン…
/ 記事を読む -
XDデザインデータからの1ページ静的サイトコーディング
クラウドワークスで応募して1ページ静的サイトのコーディングを任せていただけました。 AdobeXDのデザインデータからで、レスポンシブ対応で構築しました。 画像はWebp対応を行い…
/ 記事を読む -
デザインカンプ固有のフォントをCSSで再現する方法
先日LPコーディングを行った際に、XDのデザインデータで指定されていたフォントを完全に再現することが出来なかったので、CSSでデザインのフォントを再現するにはどうすればいいのかにつ…
/ 記事を読む -
LPコーディングで使用した「jQuery」
先日、クラウドワークスの「XDデータからのLPコーディング案件」に応募したところ、ありがたいことに、ご依頼いただけました。 納品完了したので、今回使用した技術について書いていきます…
/ 記事を読む -
HTML / CSSで実現可能なこと
おはようございます。フリーランスWeb制作エンジニアの柴田浩貴です。今回は、「HTML / CSSで実現可能なこと」というテーマで記事を書いていきます。 画面を構築することができる…
/ 記事を読む -
レスポンシブコーディングのコツ3選
こんばんは。今回は、HTML / CSSを使用したコーディングでレスポンシブ(スマホ・タブレット対応)なコーディングを実現するためのコツを3つに絞って書いていきます。 ※レスポンシ…
/ 記事を読む
