HTML/CSS 【FLOCSS / コンポーネント】カードレイアウト内のラベルが2行になる場合を考える 今日は、「カードレイアウト内のラベルが2行になる場合を考える」についてです。 こんにちは。Webコーダーのはるです。 FLOCSSで考えるカードレイアウトの記事 vol.4 です。 カードレイ... 2021.06.29 HTML/CSSWeb制作
HTML/CSS 【FLOCSS / コンポーネント】カードレイアウトの横向きバリエーション、左右逆版の実装 今日は、前回実装したカードレイアウトのバリエーションを、左右逆にして実装してみます。 こんにちは。Webコーダーのはるです。 FLOCSSで考えるカードレイアウトの記事 vol.3 です。 ... 2021.06.22 HTML/CSS
HTML/CSS 【FLOCSS / コンポーネント】カードレイアウトのバリエーション実装、横向きにする 今日は、前回実装したカードレイアウトのバリエーションを作成します。縦並び → 横向きにしてみます。 こんにちは。Webコーダーのはるです。 前回から書き始めた、FLOCSSで考えるカードレイアウト... 2021.06.16 HTML/CSSWeb制作
HTML/CSS 【FLOCSS / コンポーネント】カードレイアウトの実装、マークアップからリンクの付け方 今日は「カードレイアウトの実装」についてアウトプットします。主に、リンクの付け方についてです。 こんにちは。Webコーダーのはるです。 久しぶりの記事になってしまいました。 今後は、お仕事... 2021.05.29 HTML/CSSWeb制作
HTML/CSS svgコードの圧縮と最適化、色を変更する方法 今日は「svgコードの圧縮と最適化、色を変更する方法」をご紹介します。 こんにちは。Webコーダーのはるです。 先日、いただいたデザインカンプのsvg画像から、ホバー用の色違いのアイコンを作成した... 2021.04.30 HTML/CSSWeb制作
HTML/CSS fmail.cgiのテキストやボタンを差し替える方法【英語化など】※ファイルの備忘録 今日は、fmail.cgiのテキストやボタンを差し替える方法をご紹介します。 「お問い合わせフォームのテキストを編集したいけど、どのファイルを編集したら良いか分からない」 「フォームに使われているボタンやラベルを... 2021.03.14 HTML/CSSWeb制作
HTML/CSS 【CSS/jQuery】文字を1つずつふわっと表示させるアニメーション 今日は、案件で実装した文字を1つずつ表示させるCSSアニメーションについてアウトプットします! こんにちは。Webコーダーのharuです。 *わたしについて* 3歳1歳の育児をしながら、5~7時・2... 2021.01.31 HTML/CSSWeb制作
HTML/CSS 【CSS/jQuery】スクロールしたら下からふわっと要素を表示させる 今日は、お仕事で出てきた「スクロールしたら下からふわっと要素を表示させる」方法を備忘録としてまとめます。 こんにちは。Webコーダーのharuです。 *わたしについて* 3歳1歳の育児をしながら、5... 2021.01.30 HTML/CSSWeb制作
HTML/CSS オリジナルのreset.cssを作成してみました【vol.1】 今日は、オリジナルのreset.cssを作成してみたので、こちらでご紹介します。 こんにちは。Webコーダーのharuです。 *わたしについて* 2歳0歳の育児をしながら、22時〜2時にプログラミン... 2020.11.04 HTML/CSSWeb制作
HTML/CSS 【block要素に変更】aタグで基本のボタンを作る【day87】 プログラミング独学day87のアウトプットは? 今日は ・【block要素に変更】aタグで基本のボタンを作る・ をアウトプットします! ... 2020.08.07 HTML/CSSWeb制作