- 2022年1月5日
- 2022年1月12日
The State of CSS 2021のメモ
元の記事は https://2021.stateofcss.com/ja-JP/ The State of CSSは年に1度のCSSに関してのレポートであり、JavaScriptバージョンは毎年チェックしていたが、今年はCSSもチェックしました。 レ […]
CATEGORY
HTML・CSS
- 2020年6月3日
- 2021年7月5日
Bootstrapでよく使うクラス一覧の記事がめちゃくちゃ捗る
ネットで見つけたbootstrap4の頻出classに関する記事。 https://webnetamemo.com/coding/bootstrap4/201710065870 bootstrapのclassはいちいち覚えていないので、簡単なプロダク […]
- 2020年5月11日
- 2021年7月5日
web制作の実案件で僕が受けたフィードバック箇所を重要度でレベル分けして見た
はじめに 記事の内容はタイトル通りです！年明けから個人で3つほどLPやweb制作系の案件に関わりました。 主にデザインカンプからコーディングする！的な内容ですが、それらを進める中で先輩やデザイナーの方から貰ったフィードバックを重要度で区切ってまとめて […]
- 2020年4月22日
- 2021年7月5日
ヘッダーナビでホバー時のアニメーションを実装する(center)
はじめに ちょうど最近やっているLPで、下記の様なヘッダーナブを作っていました。右側の部分をクリックすると、該当の部分までスクロールする系のナブですね。 動きは、右のメニューにホバー時(マウスが当たった時)に下線が真ん中からヌルッと出てくるパターンで […]
- 2020年4月21日
- 2021年7月5日
:focus擬似クラスとは
はじめに :focus擬似クラス。input:focus{ …..}みたいな使われ方をしていますね。 今日は:focus擬似クラスについて簡単に解説していきます。 :focus擬似クラスとは そのクラスにユーザーがフォーカスした際のスタイ […]
- 2020年4月10日
- 2021年7月5日
Inputタグのplaceholder、disabledの装飾
自分用の備忘録。 フォームでよく使われるInputタグのplaceholderやdisabledの時に装飾方法です。 特に装飾していない状態だとInputタグは以下の様になります。 「現在のメールアドレス」は入力できない様にdisabledを施してい […]
- 2020年4月10日
- 2021年7月5日
業務で使うなら知っていて欲しいHTMLの歴史
はじめに プログラミングを始めると1番最初に出会うだろう言語がHTMLです。 多くの人は半年もプログラミングに携われば、基本的なHTMLダグを覚えて使えるようになると思います しかし、業務でHTMLを使うコーダーやフロントエンドエンジニアは、タグの理 […]
- 2020年4月8日
- 2021年7月5日
フリーランスでweb制作案件を受ける際の「あるある」と「対策記事」まとめ
はじめに こんにちは。フリーランスエンジニアの2年目のてりーです。 今回は「web制作案件」というテーマに対して、 僕が良く遭遇する「あるある」と「対策記事」をセットでまとめました。 フリーランスになりたての方や、これからフリーランスを目指す方は是非 […]
- 2020年3月26日
- 2021年7月5日
HTML,CSSでのwebサイト制作の手順とポイント
はじめに 本記事は 「progateやドットインストールなどでhtml、cssの文法的なインプットはしたが、いざwebサイトを作成する場合にどの手順を踏めば良いのか？？」 という人を初学者を対象にhtml、cssを使ってwebサイトを作る際の手順と、 […]
- 2020年2月11日
- 2020年2月11日
scssの使い方・書き方入門
scssとは scssはcssを効率的に書く事のできるメタ言語です。cssの場合、長く複雑な記述をしなければいけない所を、scssを使うとわかりやすくシンプルに書く事ができます scssの使い方 実際にscssを使っていく際に.scssか.sassと […]