HTML
-
「県名」「市区町村名」「町域」の住所選択用セレクトボックスをそこそこ簡単に作る方法
今回は住所選択用のセレクトボックスをそこそこ簡単に作る方法をご紹介します。 住所を入力するフォーム画面を作成する際には役立つかもしれません! 今回の記事を読むと下記のようなフォームが作成できます。 県名 : ---- …
-
GoogleChartsを使用して温度計のようなゲージを表示する
前回は棒グラフや折れ線グラフの表示に関して記事にしました。 [blogcard url="https://incloop.com/chartjsを活用してwebページにグラフを表示する/"] 今回は、下記の温度計のようなゲージを表示する方法を紹介します。 温度計…
-
HTMLとCSSでキャラクターに吹き出しを付けた漫画的な表現をWebページで表示する方法
漫画的な表現が好きです、網干です。 最近は電子書籍でPC上でも漫画を読むことができます。 ですが、個人的にはもっとWeb上の技術を使った動きのある漫画があっても良いのではないかと思ったりします。 といっても、いろいろと制限があったり、時間に見合わない労力が発生する等の問…
-
JavaScriptで星のように輝くエフェクトを表示して一平ちゃんショートケーキ味の画像をキラキラさせる方法
昨日発売した「一平ちゃんショートケーキ味」を仕入れてテンションが振り切れています!網干です! 見てくださいこの包装!クリスマスにふさわしいデザインがたまりません! く~!ニクイ! 出典:明星 一平ちゃん夜店の焼そば ショートケーキ味: 明星食品 見た目もこんなに綺…
-
JavaScriptで同一ドメイン内のHTMLで構成されたページの開始タグと終了タグで囲った部分を全て取得する方法
趣味が睡眠になりつつあります、網干です。 予定が何も入っていない休日に睡眠時間を16時間もとっていました。 具体的には 0-8時 10-13時 16時-19時 22時-24時 と睡眠をとっていました。 食事の前後しか起きないグータラ生活でしたが、翌日に首と肩で謎の痛みが…
-
JavaScriptで同一ドメイン内のHTMLで構成されたページの特定のタグを全て取得する方法
ハーゲンダッツのメープルカスタードクッキーにハマっています、網干です。 ハーゲンダッツの期間限定商品は時折ハマってしまうんですよね…。 パッケージを見て「これはおいしそう!」と思った商品は高い確率で期間内に何度も購入しています。 普段はアイスを食べない方なのですが、どう…
-
HTML5のtype属性を各ブラウザ(Chrome、Edge、Firefox、Safari)で比較してみました Part.2
プログラム解析やコーディング作業中に独り言が多くなるのが気になるお年頃になりました、網干です。 集中力が途切れてようやく独り言を発している事に気づきます…悪い癖です。 そんな私が独り言をフルに発揮して、コツコツ作ってきたクラウドアプリ、以前からちょくちょく情報を小出しして…
-
HTML5のtype属性を各ブラウザ(Chrome、Edge、Firefox、Safari)で比較してみました Part.1
月曜担当に戻ってまいりました、網干です。 今回は、HTMLのformタグで指定するinput要素で、HTML5で追加されたtype属性のブラウザごとの動きの違いを記載します。 今までは「ブラウザごとに違いがあるといっても、そんなに大きな違いはないのでは?」と思っていました…
-
HTML,PHPの学習ならProgateが楽しい!
初心者がHTMLなどの言語を学習するとき、どのような学習体験が望ましいでしょうか。 あくまで私の経験からですが、次のポイントがあると思っています。 説明がシンプルで分かりやすい 入力した結果がすぐに確認できる 達成感がある これらを兼ね備えた学習用W…