WEB制作で人生を豊かに！

WEB制作小ネタ集

: 【css】偶数と奇数の要素にスタイルを当てよう！

2024/1/21 HTML/CSS, テクニック

ウェブデザインにおいて、要素の偶数番目と奇数番目に異なるスタイルを適用することは、ページの見た目を活発にし、情報の整理を助ける方法の一つです。この記事では、HTMLとCSSを使用して要素の偶数番目と ...

HTML&CSS

: 【2024年】Web制作会社20社のフォントサイズ調べてみた

2024/1/21 スペシャル, フォントサイズ, 調べてみたら

スマホ表示時は、vwで指定するか、remで指定か、はたまたcalcで計算するか、結局どれがいいんだろう？

と思ったことありませんか？

ということで今回は、制作会社20社のスマホ時のフォントサイズ指定を調べてみました。

これでだいたいのトレンドをつかんで、コーディングに活かしましょう。

調べてみた

: エックスサーバーがブログ初心者に超おすすめの理由！

2024/1/30 エックスサーバー, ブログ, 副収入, 副業

エックスサーバーをおススメする理由！サーバーは、ウェブサイトを公開するための重要な要素です。初心者の方にとっては、使いやすく信頼性の高いプロバイダを選ぶことが重要です。この記事では、初心者におすす ...

副業・案件獲得

: 【超初心者向け】ワードプレスのログインurlを変更する方法

2024/1/21 Wordpress, セキュリティ, 初心者

ワードプレスは、世界中で広く使用されている人気のあるコンテンツ管理システム（CMS）です。ワードプレスを利用するためには、まずログインする必要があります。この記事では、ワードプレスのログインURLと ...

WordPress

: テキストの入力チェックをinputEventで作成しよう【JS】

2024/1/21 javascript, 入力チェック

input Eventで入力を検知しよう inputイベントは、テキストエリアやselect要素の値が変更された際に発火します。 changeイベントと似ていますが、inputイベントは、文字を入力す ...

JavaScript

: ChatGPTを活用してコーディングを時短する時代が来ました！

2024/1/21 ChatGPT, 新技術, 案件

ChatGPTを使ってみよう早速ChatGPTを使用してみましょう。ChatGPTを使用するには、ユーザ登録が必要です。まずは、下の公式サイトからユーザ登録を完了させましょう。 ■ChatGPTサイ ...

副業・案件獲得

: grid-template-columns ＋ repeat で可変するレイアウトを作成しよう！

2024/1/21 grid, HTML/CSS

gridレイアウトでカードを並べよう！現在のhtmlでカードなどのレイアウトを横並びにする場合「display：flex」を使用する場合が多いと思います。たしかに、ただ要素を横並びにするならflex ...

HTML&CSS

: スクロールしても背景を固定して表示するテクニック【background-attachmen】

2024/1/21 background, HTML/CSS, テクニック, 背景

背景固定のサンプルまずは、背景を固定するという意味ですが、これは言葉では説明しづらいですね。サンプルページを用意しましたのでまずはこちらをご覧ください。 https://sample.web-cre ...

HTML&CSS

: 【超初心者向け】アニメーション作成講座【その１】

2024/1/21 HTML/CSS, アニメーション

ｃｓｓアニメーションについて cssアニメーションは、animationプロパティと@keyframesの二つからなります。どちらか一方だけではアニメーションは作成できないので必ずセットで指定しましょ ...

HTML&CSS

: pointer-eventsプロパティでhoverイベントを使いこなそう

2024/1/21 hover, HTML/CSS, テクニック

pointer-eventsプロパティについて「pointer-events」プロパティは、要素をポインターイベントの対象にするかどうかを指定します。ポインターイベントとは、「:hover」クラス ...

HTML&CSS

« Prev 1 … 6 7 8 9 10 … 13 Next »

WEB制作副業を始めたい方はこちら

コピペで使えるスニペット集（作成中）

30代からの案件獲得ロードマップ

カテゴリー

kokusyo

コーダー歴3年の37歳キャンプとWEB制作をの融合を推し進めています。現在フロントエンドエンジニアへキャリアアップ中

人気記事

1: 【2025年】Web制作会社20社のブレイクポイント調べてみたら...

皆さんはブレイクポイントをどの値に設定していますか？

会社によって指定はあるとは思いますが、現在はどこに設定するのが主流なのか、Web制作会社の制作実績から調べてみました。

トレンドを理解してコーディングに活かしましょう。

2: Web制作独学での案件獲得ロードマップ 35歳未経験男性が案件獲得した方法

私は現在35歳でWebコーダーとして２年目に突入しました。元々Web制作に関しましては、素人でしたが、2021年の１月から勉強を始め、4月に初案件獲得。6月より現在の職場でコーダーとしてWeb制作の ...

3: プログラミング初心者におすすめの単語学習アプリ「プログラミング単語帳」

最近おもしろいいアプリを見つけたので、ご紹介します。今までにありそうで、なかったアプリではないでしょうか？その名は！プログラミング単語帳（プロ単）このアプリでは、初心者から中級者が学ぶべきプログ ...