WEB制作で人生を豊かに！

WEB制作小ネタ集

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

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

: 【初心者向け】WordPressでjQueryが動かない原因と対策

2024/1/21 jQuery, Wordpress

WordPressでjQueryが動かなくなる原因 WordPressでｊQueryが動かなくなる原因は、WordPressではｊQueryが「noConflict(コンフリクト)」モードで読み込まれ ...

WordPress

: 【css】英単語がはみ出す問題を解決【overflow-wrap】

2024/1/21 HTML/CSS

「width」プロパティを使用して、横幅を設定しているのに文章がはみ出す事ってありませんか？その原因は、文章の中に英単語が入っているからでしょう。基本的には英語圏では、英単語を折り返すことはないよう ...

HTML&CSS

: コーダーに必須の神ツール【HTMLエラーチェッカー】をインストールしよう

2024/1/21 HTML/CSS, ツール

HTMLエラーチェッカーのインストール方法 HTMLエラーチェッカーは、タグの閉じ忘れや、タグの間違いなどを検出してくれるChromeの拡張機能です。コーディング中のChromeでの表示確認は必須なの ...

HTML&CSS

: 【video】タグで動画を簡単に埋め込もう！【html】

2024/1/21 HTML/CSS, video, 埋込

videoタグを使用して埋め込むサイトに動画を埋め込むには「video」タグを使用します。「video」タグだけでも、動画を埋め込むことができますが、「p」タグや「figure」タグを親要素にするこ ...

HTML&CSS

: タップして電話を掛けられるようにしよう!!【a href="tel:"】

2024/1/21 HTML/CSS

電話番号を設定電話番号を設定するには、aタグの「href」属性に「tel:電話番号」を指定します。  <a href=&quot ...

HTML&CSS

: CSSのcounterを利用して連番を付与する方法！

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

CSSのcounterを利用して連番を振ろうたとえば、先頭に番号が振っているリストをCSSカウンターで表示してみましょう。タグ構成とCSSは下記の通りです。 <ul> <li&g ...

HTML&CSS

: 画像を上下左右に反転する方法を解説【css】

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

「transform: scale（）」を使用して反転する画像などのを反転するには、「transform: scale（）」プロパティを使用します。「transform: scale（）」プロパティ ...

HTML&CSS

: background-positionで背景画像を自在に配置しよう！

2024/1/21 background, HTML/CSS

「background-position」の指定方法「background-position」を指定するには、「top」、「center」等で指定する方法とpx、%で指定する方法があります。実際に↓ ...

HTML&CSS

« Prev 1 … 7 8 9 10 11 … 14 Next »

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

副業初心者でも仕事が獲得できる

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

カテゴリー

kokusyo

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

人気記事

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

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

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

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

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

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

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

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