web制作

スポンサーリンク
JavaScript

jQuery、今までありがとう

こんにちは。これまでお世話になったjQueryですが、そろそろ本当に別れを告げる時が来ているかと思います。(巷ではjQueryはオワコン、jQueryは終わった、脱jQueryとも言われていますね) なぜ必要無くなったのかにはいくつ...
HTML/CSS

display: grid;を使ってレスポンシブ時に要素の順番が変わるレイアウトを攻略する

こんにちは。今回は、今までは再現するのに手間のかかった「レスポンシブで要素の順番が変わるレイアウト」をgridを使って上手く攻略していこうという内容です。grid自体の解説はあまり詳しく行わないので、以下の記事を参考にしてください。 ...
web制作

サイトの読み込みが重くなっている原因を探す方法

こんにちは。皆さんはサイトの読み込み速度についてどのくらい意識していますか? 読み込み速度が遅いと、せっかくデザインやコンテンツを作り込んでも効果が落ちてしまいます。 特にLPのようなコンバージョンが明確な目的になっているペー...
HTML/CSS

レスポンシブ対応する時に、どうしても綺麗に要素が収まらない時のほぼ完璧な対処法

皆さんは、レスポンシブ対応の時にどうしてもデザイン通りに要素が収まらず仕方なくブレイクポイントを追加して対応したことはありませんか?僕はあります。気をつけないとすぐ要素がはみ出したり重なったりしますよね。 装飾が賑やかなほど起こりや...
HTML/CSS

教材だけでは分からない、案件でよく要求される細かいコーディングのテクニック13選

こんにちは。昨今プログラミングやコーディングにおいて様々な情報が見られるようになりました。しかし、そんな環境でもまだまだ学習と仕事、案件には差があるように思います。 そこでこの記事では、実際に案件で求められることの多い細かなコーディ...
web制作

プログラミングを学ぶのに本はいらないのか

こんにちは。皆さんはWeb制作やプログラミングを学ぶときに、どんな教材を使っていますか? ここ数年、各種言語に関してはWebだけでも相当いろんな教材や記事が見られるようになりました。 昔からあるもので言えばprogateさんや...
HTML/CSS

Bootstrapはガチでいらない

はい。今回はCSSフレームワークのBootstrapは本当に必要なのかについて書いていきます。 Bootstrapとは、Twitter社が開発したWebのフロントエンドを高速で制作するためのフレームワークです。 公式: ...
HTML/CSS

display、全部flexでいい説

こんにちは。今回は、僕がコーディングしていて最近思うことを書き残しておきます。 タイトルの通りで、HTML要素は基本的にdisplay: blockないしはinlineが初期値になっていますがもう全部flexにしちゃった方が色々楽な...
HTML/CSS

余白はいつ生まれるのか

はい。今回はタイトルの通り余白が生まれるタイミングは一体いつなのかを考えていきます。 これを理解すれば、marginとpaddingのどっちを使うのが正しいか、あるいは他の方法を使うべきかを判断する基準を持つことができると思います。...
HTML/CSS

【複数行対応】CSSのみで、長すぎる文章を3点リーダーで省略する

こんにちは。 例えばブログサイトを作るとき、記事一覧にタイトルや本文の抜粋が載っていると思います。それらの文章が長すぎるとレイアウトを崩す原因になってしまいますから、何らかの方法で省略をする必要があります。 バックエンドアプリ...
スポンサーリンク
タイトルとURLをコピーしました