WEB制作で人生を豊かに！

WEB制作小ネタ集

: コーダーに必須の神ツール【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

: 【html】inline-blockに発生する謎の隙間を解決する３大方法

2024/1/21 HTML/CSS, テクニック, トラブル

inline-blockに発生する謎の隙間まずは、下記の図をご覧ください。これは、inline-block要素３つを横に並べたものです。やはり隙間が空いてますね。ちなみに、cssは下記のとおりです ...

HTML&CSS

: disabled属性でbuttonのオンオフを切り替えよう！【js】

2024/4/29 disabled, javascript, ボタン

disabled属性の指定の仕方 disabledの指定の仕方を見ていきます。下記は主要なフォームパーツですが、特に何も指定していないので操作が可能だと思います。これを無効化していきます。選択ボタ ...

JavaScript

: ブラウザのカーソルが点滅してる！！【発生原因を覚えよう♪】

2024/1/21 トラブル, ブラウザ

Webサイトを見てたら、文章やタイトルにカーソルが出て点滅してる！！なにこれ！！　と思ってブラウザで調べた結果、当サイトに行き着いたのではないでしょうか？今回はこの謎の現象を速攻修正する方法をお伝え ...

コーディングの困ったを解決

: await /async についてザクッと解説！！【JavaScript】

2024/1/21 AJAX, javascript, 非同期処理

同期・非同期処理とは？同期処理非同期処理時間の掛かる処理を非同期で行えば、その間他の処理が出来るのでページが快適に読み込まれたり、処理を待たずして様々な操作が出来たりなどユーザビリティに良い影響 ...

JavaScript

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

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

人気記事

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

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

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

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

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

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

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

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

カテゴリー

kokusyo

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