大人数レース！ プレイはここから！今なら古参勢！ runon0512.github.io/course/ #ピクステ #PIxelStages #ピクセルステージ #マリオメーカー #自作ゲーム #Html #css #js #フリーゲーム pic.x.com/j3RMRtBKGv

【note記事】 プログラミングって、結局何をしているの？― 0と1からAIまでをつなげてみる｜子どもプログラミング教室エドグラnote.com/edu_gra/n/n2de… #プログラミング #京都 #習い事 #教室 #Unity #スクラッチ #マイクラ #マインクラフト #HTML #思考力 #生成AI #教育 #小学生 #中学生 #高校生

ブログ更新しました。 snabi.jp/facility/28804… 札幌市の元気さーちもぜひ見てくださいね！ sapporo-akijoho.jp/search/011533/… #就労継続支援B型 #札幌市 #北24条 #グラフィックデザイン #イラスト #リタリコ #DTP #WEB #HTML #CSS #ハンドメイド #クリップスタジオ #クリスタ #グラデーションマップ

<details>に同じname属性を付けて両方open=trueにすると、片方が自動で閉じた。JSなしでアコーディオンの排他制御ができる。Chrome 151で確認。 #HTML #フロントエンド pic.x.com/DQB5gp5JLn

Astro で 個人サイト 作ってみた donneko.net #ウェブサイト #html #css #プログラミング #UI #web #website #astro #個人開発 pic.x.com/n6jXUDcYGm

【テックブログ】 input type="date"、実は年欄に6桁まで入力できてしまうという落とし穴が…！ 知らないと思わぬバグにつながる仕様の話を、実装例とあわせて紹介しています👇 #Qiita #HTML #フロントエンド pic.x.com/f7M9lksBkh

#楽天PR 【10月上旬発送予定】#HTML #ZERO3×#STARDOM #安納サオリ #Tシャツ コラボ 半袖 メンズ ( エイチティエムエル ゼロスリー×スターダム 安納サオリ SGA Wide S/S Tee ティーシャツ T-SHIRTS #カットソー トップス HTML-T631 )[M便 1/1] room.rakuten.co.jp/leoncat0919/17…

#楽天PR 【10月上旬発送予定】#HTML #ZERO3×#STARDOM #安納サオリ #Tシャツ 半袖 コラボ メンズ ( エイチティエムエル #ゼロスリー×スターダム 安納サオリ Intent Gaze S/S Tee ティーシャツ T-SHIRTS カットソー トップス HTML-T630 )[M便 1/1] room.rakuten.co.jp/leoncat0919/17…

コーディングが速い人って、 タイピングが速い人ではないと思う。 「このレイアウトならFlex」 「これはGrid」 「ここは疑似要素」 「この余白はgap」 みたいに、 見た瞬間に実装方法の候補が浮かぶ。 コードを書く時間より、 「どう作るか迷う時間」を減らす。 #HTML #CSS #コーディング #Web制作

CSSが複雑になってきたとき、 CSSだけを直そうとすると沼にハマることがあります。 そんなときは一度HTMLを見る。 ・divが増えすぎていないか ・クラスの役割が曖昧になっていないか ・同じ構造を何度も書いていないか ・CSSありきのHTMLになっていないか #HTML #CSS #コーディング #Web制作

ブログ14本目公開しました。 PDF戦記No.14 僕はいつでもPDFと戦っている。 ai60.jp/articles/html-… #AI六十の手習い #HTML #PDF #Hermes #Python

CSSやJSで作る、U字型に並ぶアイコンナビメニュー #css #html #webdesign #webデザイン #code pic.x.com/luMjSQr8YH

ai10014.com/2026/08/17/%e5…実験#116「シーグラス・シンクロ」公開しました。 シーグラスの色がふわっと変わる、癒やしのパズルを作りました。 #ゲーム実験 #HTML #ブラウザゲーム #色パズル #AI制作 pic.x.com/l4Yf0kTAcS

「編集できない」と「送信しない」の状態を区別しましょう。 disabledの値は、フォーム送信時にデータから外れます。 readonlyは編集できなくても送信されます。 aria-disabled="true"だけでは操作も送信も止められません。 hiddenも交えた4つの違いを、実際のFormDataで比較しました。 #HTML pic.x.com/JwHrbgK5Tw

🛠️ 画像アップロードやUIkit部品の挿入に対応したHTML生成エディタ。プロ仕様のコードがサクッと作れます。 ivybot.jp/tools/uikit_ht… #HTML #IvyBOT pic.x.com/eMl6uUJ9Kj

Webサイトの改善・修正をしました。 不動産会社デモサイトの会社案内ページを、 PC・スマホそれぞれ見やすいように調整。 ・レイアウト、余白の調整 ・スマホ表示の改善 ・Google Mapsへの導線を追加 ・電話番号をタップできるように変更 Before → After 👇 #Web制作 #コーディング #HTML #CSS pic.x.com/vyhTkm6PGF

【HTML】略語を親切に補足する abbr 要素 専門用語や略称（例: HTML, CSS, API）に対してabbrタグを使用し、title属性に正式名称や説明を設定します。 #HTML #Web制作 #アクセシビリティ #FE_Tips_labo pic.x.com/DSQIRx8qh0

送信ボタンにも、nameとvalueを設定できるって知ってました？ フォームで入力した内容と一緒に、ボタンに設定したintent=save、intent=preview、intent=publishのようなname&valueも送信可能です。 同じ仕組みで、シンプルなクイズもできます↓ #HTML pic.x.com/vfYHRy4n3F

【Web制作あるある🐶】 30分かけて原因を探したワン。 結果… ファイルを保存してなかったワン😂 一度は通る道ワン。 #Web制作 #HTML #CSS #コーディング犬

Codexで初めて作成した 「フルーツキャッチゲーム」を公開しました！🍎🍌🍓 ブラウザですぐ遊べますので、ぜひプレイして感想をいただけるとうれしいです😊 kazuya621231-collab.github.io/fruit-catch-ga… #Codex #生成AI #ゲーム開発 #JavaScript #HTML #CSS

フロントエンドの実装を、触って試せるツールが50個を超えました。 CSSジェネレーターから、モーション、レイアウト、フォーム、カラー等、コードだけでは分かりにくい違いを、画面上で比較・調整できるデモとしてまとめています。 ゲームもどうぞ！ #CSS #HTML #JavaScript pic.x.com/iiUYFDQGlB

formを分けなくても、送信ボタンごとに行き先を変えられます。 下書き保存は入力チェックなし。 プレビューはGET＋別タブ。 公開はform本来の設定。 formaction・formmethod・formtarget・formnovalidate属性の違いを確認してみてください！ #HTML #JavaScript pic.x.com/ycRqNa3X3O

2025年初版のWebコーディング本で、jQuery使用してるのはちょいと厳しいものがないか。 どの本とは言わんが。 #フロントエンドエンジニア #HTML #JavaScript

開いたり閉じたりするメニュー❗️左上は実名が入ってるので筆箱で隠しました❗️#HTML #css #jQuery #就労移行 #ポートフォリオ pic.x.com/IaGyT4QYxL

【HTML】base要素でベースURLを一括管理 HTMLファイルのhead内に配置し、ドキュメントに記載されるすべての相対パス（img、a、linkなど）の基点となる共通の絶対URLを宣言します。 #HTML #効率化 #Web制作 #FE_Tips_labo pic.x.com/DaXAPH1b5v

以前に日経で見かけたサカナAIで何ができるか聞いたらプログラム支援というからHTML作ってもらった。 98時代に分厚い書籍見ながらfrontpageexpressで作ったのに簡単に越された。 アプリじゃないのでどうすればいいか聞いたらホーム画面に保存・しかしAIが操作は不可 だった #sakanaai #HTML pic.x.com/Eg0EaM4Htr

html5 プロフェッショナル認定試験 レベル1を取得する為に勉強を始めました。 取る理由としてはフロントエンドエンジニアになる為です。 その為にはまずコーダーとしてのスキル証明が大事だと考えたからです。 闘病中ですが応援してくださると嬉しいです！ #うつ病　 #フロントエンドエンジニア #HTML

🚧 今日もHP改良中！ 今日はスマホ表示に挑戦📱 ハンバーガーメニューを付けてみたものの、 PCではいい感じなのにスマホでは「なんでそうなる!?」状態🤣 CSSと格闘しながら少しずつ修正中です。 47歳、今日も一歩前進💻✨ #Web制作 #プログラミング初心者 #HTML #CSS

JavaScriptのform.submit()は、入力チェックを通らずに送信します。 送信ボタンを押した場合と同じフローにするならrequestSubmit()。 requiredによる入力チェック、submitイベントの発火、押したボタンの情報がどう変わるかを、並べて確認できます↓ #JavaScript #HTML pic.x.com/3KBRSaFdrE

HTMLの構造を見直すと、CSSの設計まで驚くほどシンプルになる。綺麗なコードは、後々のメンテナンスコストを劇的に下げる鍵。基本のマークアップを大切にしていきたいですね。 #Web制作 #HTML #コーディング pic.x.com/ctiaCMrhzk

HTMLのステータスコードが覚えられません😇 #HTML #資格勉強

【Claude Sonnet 5】Webアクセシビリティ（a11y）改善 フォーム要素のHTMLを渡して指示します。 「ARIA属性とキーボード操作に対応した完全アクセシブルなコードに改善して」 品質の高いWebサイトが簡単に作れます。 #Claude #HTML #Web制作

ブログ更新しました。 snabi.jp/facility/28804… 札幌市の元気さーちもぜひ見てくださいね！ sapporo-akijoho.jp/search/011533/… #就労継続支援B型 #就労継続支援 #札幌市 #北24条 #WEB #グラフィックデザイン #DTP #HTML #css #AIイラスト #動画編集 #ペーパークラフト #クラフトバンド #ビーズ #生成AI

HTML / CSSを中心にコーディングしています 💻🤍 少しずつですが、 「できる」を増やしていきたいです 🌷 #Web制作 #コーディング #HTML #CSS #ポートフォリオ

これから制作記録やポートフォリオを 少しずつ載せていきます 🌿𓂃𓈒𓏸 Web制作を頑張っている方、 ぜひ仲良くしていただけたら嬉しいです 🩰🤍 #Web制作 #コーディング #HTML #CSS #ポートフォリオ

送信ボタン、formの外にも置けるんです。 buttonへform属性で対象formのidを指定すると、離れた場所からフォームを送信できます。 例えば、固定フッターに置いても、requiredによる標準バリデーションや、formactionによる送信先の切り替えはそのまま使えます。 #HTML pic.x.com/n394po1gL6

ブログ11本目公開しました。 PDFしかくれないなら、自分でCSV変換ツールを作る――しかも作り方までプロンプトにした ai60.jp/articles/html-… #AI六十の手習い #HTML #Python #Pyodide

やっと自作サイト公開できました！ ぜひ見に行ってください！！！ #個人サイト　#駆け出しエンジニアと繋がりたい　#HTML pic.x.com/omtlo6MWNj

【今日のHTML/CSS🐶】 HTMLは、 見た目を作るものじゃないワン。 「見出し」 「本文」 「リスト」 など、 意味を伝えることも大切ワン。 #HTML #Web制作