WEB制作で人生を豊かに！

WEB制作小ネタ集

: 【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

: 【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

: AJAXで簡単なアプリケーションを作ってみよう【javascript】

2024/1/21 AJAX, javascript, スニペット, 非同期処理

「AJAX」　読みは　「エージャックス」と言います。つい最近まで私は「アジャックス」と呼んでいました。今回は「AJAX」の簡単なアプリケーションを作成して使い方を解説したいと思います。 AJAXとは ...

JavaScript

: htmlのtableで悩むあれこれを解説【borderは？スマホ表示は？】

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

tableのborderを奇麗に引くには？「border-collaps」プロパティ「border-collapse」プロパティは、テーブルのセル同士を結合するか、分離するかを指定するプロパティで ...

HTML&CSS

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

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

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

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

カテゴリー

kokusyo

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

人気記事

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

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

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

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

2: 【正直レビュー】完全無料のスクール「ZeroPlus Gate（ゼロプラスゲート）」を実際に受講してみた【評判・口コミ】

「プログラミングを始めたいけど、未経験だとついていけるのか不安…」「無料のスクールってどれくらい学べるの？」そんな疑問を抱えている方は多いのではないでしょうか？この記事では、完全無料のプログラミング ...

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

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