HTML / CSSについての記事(7)
先ほどブログのソースコードの整理をしていて、目次のCSSが書かれたファイルを削除してしまった。 そのため、バックアップの取得処理を行っているが、まだ実行中になっている。 自分でCSSを書いていこうと思っている。 これまで通り、下にスクロールした時に、目次を固定させたい。 position: sticky;...
先ほどブログのソースコードの整理をしていて、目次のCSSが書かれたファイルを削除してしまった。 そのため、バックアップの取得処理を行っているが、まだ実行中になっている。 自分でC...
私はこれまでdisplay: flexを使用してレイアウトを整えてきましたが、最近display: gridを使用する機会がありました。 スマホで親要素に以下のようなCSSを書き、 .親要素のクラス名 { display: grid; grid-template-columns: 1fr 1fr; g...
私はこれまでdisplay: flexを使用してレイアウトを整えてきましたが、最近display: gridを使用する機会がありました。 スマホで親要素に以下のようなCSSを書き、 .親...
HTML Imagemap Generatorというツールを使用して日本地図にリンクを設定する方法を紹介します。 私が住んでいる地域が東海エリアなので、東海3県の地図を使用していきます。 ※このイラストは、こちらのフリー素材を使用して作成しました。 サンプルサイト https://ki-hi-ro.com...
HTML Imagemap Generatorというツールを使用して日本地図にリンクを設定する方法を紹介します。 私が住んでいる地域が東海エリアなので、東海3県の地図を使用していきます。 ...
先日、本サイトのトップページのブログコンテンツを横スクロールできるようにしました。 本記事では、横スクロールできるコンテンツの作成方法を紹介します。 検証してみると googleの検証ツール(デベロッパーツール)を使用して上記画像の要素を検証してみると、"top-contents__wrap" というクラスを持...
先日、本サイトのトップページのブログコンテンツを横スクロールできるようにしました。 本記事では、横スクロールできるコンテンツの作成方法を紹介します。 検証してみると goo...
BEMは、クラス名をどのように付けていったらいいのかについての考え方です。 BEMの前に、HTMLとCSSについて書いていきます。 HTMLとCSSについて WEBサイトのデザインは、HTMLとCSSによって成り立っています。 HTMLについているクラスに対して、CSSを記述することで、WEBサイトのデザインが表...
BEMは、クラス名をどのように付けていったらいいのかについての考え方です。 BEMの前に、HTMLとCSSについて書いていきます。 HTMLとCSSについて WEBサイトのデザイン...
先日LPコーディングを行った際に、XDのデザインデータで指定されていたフォントを完全に再現することが出来なかったので、CSSでデザインのフォントを再現するにはどうすればいいのかについて書いていきます。 今回再現できなかったフォントと代替フォント 今回再現できなかったフォント 今回、デザインデータで指定されていたフォント...
先日LPコーディングを行った際に、XDのデザインデータで指定されていたフォントを完全に再現することが出来なかったので、CSSでデザインのフォントを再現するにはどうすればいいのかについて書いていきます...
おはようございます。フリーランスWeb制作エンジニアの柴田浩貴です。今回は、「HTML / CSSで実現可能なこと」というテーマで記事を書いていきます。 画面を構築することができる【HTML / CSS】 HTMLは、マークアップ言語と呼ばれ、画面の骨格を規定する言語です。一方、CSSはスタイルシート言語と呼ばれ、画...
おはようございます。フリーランスWeb制作エンジニアの柴田浩貴です。今回は、「HTML / CSSで実現可能なこと」というテーマで記事を書いていきます。 画面を構築することができる【H...
年月アーカイブ
タグ
- SQL
- Linkin Park
- ChatGPT
- サードプレイス
- 信号のない横断歩道
- 正規表現
- windows
- スマホ
- 履き心地のいい靴下
- pentaho
- レジの店員さんとの接し方
- Rails
- サプライズマインドセット
- 自分の考え
- 仕事
- ライフハック
- 転職
- ミセス
- 2024年夏の青春18きっぷ
- 便利ツール
- 青春18きっぷ
- 2022年冬の青春18きっぷ
- 2023年夏の青春18きっぷ
- 2024年春の青春18きっぷ
- プログラミング
- Heroku
- TypeScript
- 世の中にあるシステム
- Storybook
- CI/CD
- Django
- パッケージ管理システム
- クラウドサービス
- ITパスポート
- Java
- projava
- JavaScript
- Python
- 決意
- 悩み
- git
- Excel
- openpyxl
- 本
- スマホを落とした
- WordPress
- まる
- 困りごと
- 静岡
- 現代文
- 大阪
- 課題
- マイファス
- 生産性
- スクレイピング
- 企画
- linux
- 原因と対策
- 睡眠
- ショートカットキー
- ひとり焼肉
- ファッション
- ウーバー
- ターミナル
- 体験
- お金
- ITソリューション
- タスク管理
- 出来事
- 健康
- 無料スポット
- フェス
- ブログを書くことについて
- 自然
- 家事
- 食事
- Power Query
- ミス
- 弱み
- WEBサイト
- 生き物
- 猫
- IntelliJ IDEA
- 職務経歴
- 職場
- リモートワーク
- ミーティング
- Excel VBA
- すれ違い
- 税金
- Power BI
- 路線
- 上手くいった原因
- 恋愛
- 災害
- 刈谷
- PC
- 絢香
- 暮らし
- 刈谷市
- 読書メモ
- 旅行
- 京都
- 広島
- 奄美
- 熊本
- 景色
- ホテル
- 美術館
- 駅
- 音楽
- AmPm
- claquepot
- ワンオク
- ノイズ
- UVER
- React
- Vue.js
- サイト制作
- HTML / CSS
- jQuery
- フリーランス
- 通勤
- カラオケ
- サウナ
- 疑問
- 日記
- 振り返りと目標
- 起業アイディア
- 社会
- 社会問題
- 人間関係
- コミュニケーション
- サービス
- chocoZAP
- YouTube
- コワーキングスペース
- 映画
- 飲食店
- 遊び
- Apple Watch
- googleスプレッドシート
- Word
- googleアドセンス
- TOEIC
- 基本情報技術者
- 釣り
- トラブルシューティング
- ピアノ
- マーケティング
- 引っ越し
- 宇宙
- 植物
- 数学
- 孤独
- 病気
- 歩数