HTML

業務効率化

Threadsで、Twitterのように閲覧中のウェブページをつぶやく(投稿・シェア)するボタンを作ることは可能なのか?~どうしてTwitterは落ちていくの?を添えて

とうとうオワコン説が現実味を帯びてきた、迷走錯綜中のTwitterですが、この対抗馬の大本命として、Meta(Facebook, Instagram等の運営開発)が『Threads(スレッズ)』という新サービスのSNSを7/6日水曜日に日本...
JavaScript

【初心者向け】JavaScriptでモーダルウィンドウの作成方法と注意事項、サンプルコード

JavaScriptで書ける基本中の基本のギミックにモーダルウィンドウという効果があります。画像をクリックすると全画面で黒背景に大きな画像が表示され、視認性をよくするためのあれです。 HTMLコーダーにはモーダル、と聞くとアレルギー反応を起...
業務効率化

【神速効率コーディング】VSCodeのEmmet(デフォルト設定)~最低限おさえたいテクニック12選【HTML&CSS】

Visual Studio Code(VSCode)を使ってコーディングしている方は非常に多いのではないでしょうか。無料で多機能なVScodeですが、使い方に工夫をするとさらに効率的なコーディングが出来、時間を有効に使うことが可能です。 今...
業務効率化

HTMLの<form>が1ページ内に複数あった場合にEnterを押すと……

友人から質問があり、回答したのですがちょっと不安になったので実証試験を行いました。 質問内容は、「Webページに複数の<form>があって、Enterで送信したいんだけど、どっちの<form>が送信されるの?」というものです。 悩見坂 楓 ...
JavaScript

Nスタ(ニュース番組)風のYoutubeテロップをHTML+CSSで作ってみた

毎日Nスタ(TBS)を見ていて、リスペクトを込めてNスタ風Youtubeにしてみました。HTMLとCSSとYTPlayer.jsで作成しています。 テロップ部分は画像無しでCSSで調整しています。だいぶNスタ風になったので良かった。 You...