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