並び順

ブックマーク数

期間指定

  • から
  • まで

161 - 200 件 / 1377件

新着順 人気順

htmlの検索結果161 - 200 件 / 1377件

  • FigmaからコピペでWebサイトが完成! HTMLもCSSも書かないノーコードツール「STUDIO」がスゴすぎる(Web担当者Forum) - Yahoo!ニュース

    直感的なUIと高い表現力を強みとする、ノーコードWeb制作プラットフォーム「STUDIO(スタジオ)」。2018年のリリース以来、ユーザー数は35万人※を超え、2022年12月には米国に子会社を設立するなど、いま勢いにのっているサービスだ。 2023年8月には、デザインツールの「Figma」で制作したデザインをSTUDIOにインポートできる新機能「Figma to STUDIO (Beta)」をリリース。操作は、Figmaでデザインをコピーして、STUDIOにペーストするだけ。Figmaユーザーにとっては大幅に時短が叶うとあり、X(旧 Twitter)を中心に話題を集めている。 STUDIOのオフィスを訪れ、新機能の概要と今後の展望について代表取締役CEOの石井穣氏に話を聞いた。 ※2023年9月現在 Web制作の「面倒の解消」と「高い表現力」を両立したノーコードツールSTUDIOは、HT

      FigmaからコピペでWebサイトが完成! HTMLもCSSも書かないノーコードツール「STUDIO」がスゴすぎる(Web担当者Forum) - Yahoo!ニュース
    • TechFeed Experts Night#26 〜 Web標準技術最前線 ー HTML/CSS/JSの「いま」

      今回のTechFeed Experts Nightは、「Web標準技術最前線 ー HTML/CSS/JSの「いま」」がテーマです。 プログラミングのエキスパートたちが、HTML/CSS/JSのトレンドからマニアックまで12分間のLTに凝縮!それらをネタに、エキスパートたちが語り合う! エキスパートも、エキスパートを目指す方々も、楽しめること必至の60分! セッション開始通知機能もあるので、見たいところだけ見れる! さあ、技術をネタに盛り上がろう!🍻 TechFeed ❤ Developers & Communities

        TechFeed Experts Night#26 〜 Web標準技術最前線 ー HTML/CSS/JSの「いま」
      • 書籍執筆しました!『改訂版 1冊ですべて身につくHTML & CSSとWebデザイン入門講座』

        CHAPTER 1 最初に知っておこう! Webサイトの基本 CHAPTER 2 Webの基本構造を作る! HTMLの基本 CHAPTER 3 Webのデザインを作る! CSSの基本 CHAPTER 4 シングルカラムのWebサイトを制作する CHAPTER 5 2カラムのWebサイトを制作する CHAPTER 6 タイル型のWebサイトを制作する CHAPTER 7 外部メディアを利用する CHAPTER 8 うまくいかない時の解決方法 カバーイラストはこれまでと同様ICHIRAKU STUDIO様に描いていただきました!今回も素敵なイラストをありがとうございます! 購入する こんな人におすすめ これからWebサイトを作り始める初心者 HTMLとCSSを基本から学びたい人 美しいデザインのWebサイトを作りたい人 Webサイト制作の最新技術を学びたい人 初心者向けにWebサイト制作を教え

          書籍執筆しました!『改訂版 1冊ですべて身につくHTML & CSSとWebデザイン入門講座』
        • GitHub - yawaramin/dream-html: Render HTML, SVG, MathML, htmx markup from your OCaml Dream backend server

          You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

            GitHub - yawaramin/dream-html: Render HTML, SVG, MathML, htmx markup from your OCaml Dream backend server
          • HTML の雛形(テンプレート)をVSCodeで簡単に生成する | logsuke

            <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <title>Document</title> </head> <body> <script src="script.js"></script> </body> </html> VSCodeで雛形を生成 Emmet VSCodeには最初からEmmetという拡張機能が組み込まれています。 Emmet を使うと、! の省略文字を入力するだけで、

            • HTML のリンクを新しいタブで開くようにする方法

              原文: How to Use HTML to Open a Link in a New Tab タブって便利ですよね。タブのおかげで、マルチタスクでたくさんのオンラインの作業を同時に行うことができます。 現在ではタブは一般的になり、リンクをクリックした際、自動的に新しいタブで開かれることも多くなりました。 リンクが新しいタブで開くようにするにはどうしたらいいか疑問に思っているなら、この記事が役に立つでしょう。 アンカー要素ウェブページ上にリンクを作成するには、ある要素 (テキスト、画像など) をアンカー要素 (<a>) で囲み、アンカー要素の href 属性をリンク先の URL に設定します。 <p>Check out <a href="https://www.freecodecamp.org/">freeCodeCamp</a>.</p> Check out freeCodeCamp.

                HTML のリンクを新しいタブで開くようにする方法
              • Build flutter apps with HTML/CSS and JavaScript | WebF | WebF

                Backward compatible with web browsersWebF provides a subset of the W3C/WHATWG standard HTML/CSS and ECMAScript 2020 JavaScript support. WebF gives you the DOM API, Window, Document, and other Web APIs, and yields the same results and behavior as web browsers. High PerformanceExecute bytecode with optimized QuickJS engine, and render HTML/CSS in the same context as Flutter apps, saving 50% load tim

                • 初心者エンジニアがあえて「HTMLとCSS」を学ぶとよいのはなぜ?

                  実力が物を言うソフトウェア開発業界では、情報関連の学位を取得していない人でも、貪欲に知識を吸収し、経験を積んで実力を身に付けることで、一人前のエンジニアとして活躍できる可能性がある。時間と労力を惜しまなければ、ソフトウェア開発未経験からステップアップして“高給取り”になるのも夢ではない。 初心者がソフトウェア開発のエンジニアとして成功する上で、必要なスキルやノウハウを身に付けるためには、何をすればよいのか。IT製品/サービスの導入・購買支援サイト「TechTargetジャパン」の記事をまとめた本資料は、5つのステップに分けて具体策を解説する。

                    初心者エンジニアがあえて「HTMLとCSS」を学ぶとよいのはなぜ?
                  • 脅威をHTMLに隠して「密輸」

                    セキュリティー対策が進化すると、攻撃者も新たな手口を模索する。事実、マルウエアに初期感染させる手口のバリエーションは、米Microsoft(マイクロソフト)が「Microsoft Office」のファイルでマクロをブロックする対策▼を講じてから拡大した印象がある。 その1つとして、ネットワークに設置したセキュリティー製品では検知しにくい「HTML(HyperText Markup Language)スマグリング(Smuggling、密輸)▼」を取り上げる。マルウエアを攻撃対象の足元まで隠し持って「密輸」する手口だ。2023年におけるマルウエアを配布する手口のトレンドの1つといえる。 実際の攻撃で確認された様々な事例をまとめながら、対策を含めて徹底的に解説する。あなたの端末で実際に検証できる無害なサンプルコードも紹介する。脅威の本質的な理解に役立ててほしい。 一見無害なHTMLを送付 まずは

                      脅威をHTMLに隠して「密輸」
                    • 10 Weird HTML Hacks That Shaped The Internet

                      Today in Tedium: As an experienced survivor of the email wars, I have seen many things over the years that should not work, but ultimately pull off unexpected and weird tricks. Some of these are absolutely necessary because of code failures created by larger entities who failed to properly implement proper HTML code, or more egregiously, forced users to create code that was the opposite of elegant

                        10 Weird HTML Hacks That Shaped The Internet
                      • Google Says HTML Structure Doesn't Matter Much For Ranking

                        Home / Google News / Google SEO / Google: HTML Structure Doesn't Matter Much For Ranking Google: HTML Structure Doesn't Matter Much For Ranking Gary Illyes from Google said that the HTML structure for your web pages does not matter much for rankings. He said this on the latest Search Off The Record podcast, saying, "I know that some people like to think that HTML structure matters all so much for

                          Google Says HTML Structure Doesn't Matter Much For Ranking
                        • My daughter (7 years old) used HTML to make a website | Hacker News

                          <3it's good to see a little person having fun with all this technocrap that us grognards have gotten so bitter about over the years/decades. :) i hope she continues to have a blast! (from the dedication page in SICP:) “I think that it’s extraordinarily important that we in computer science keep fun in computing. When it started out, it was an awful lot of fun. Of course, the paying customers got s

                          • Emmetを使って爆速でHTMLを書いてみよう! - Qiita

                            はじめに Emmet(エメット)とは、EnterキーやTabキーを押すだけで自動変換され記述できる便利な機能です。 今回はよく使う基本的なもののご紹介です。 <div>とかいちいち手打ちするのは今日で終わりにしましょう!

                              Emmetを使って爆速でHTMLを書いてみよう! - Qiita
                            • はてなブログカスタマイズの記事まとめ(その7)[アイコン、HTML、CSS関連] - みやもとブログ

                              ブログカスタマイズに関する記事をいくつか投稿したので、まとめてみようと思います。 ちなみにブログカスタマイズの記事まとめは7回目です。 これまでのまとめ記事はこちら。 これまでのブログカスタマイズ まとめ記事 ブログカスタマイズの記事まとめ(その1)[CSS/JavaScript/デザインテーマ] ブログカスタマイズの記事まとめ(その2)[CSS/はてなブログ関連/デザインテーマ] ブログカスタマイズの記事まとめ(その3)[CSS/HTML/JavaScript] ブログカスタマイズの記事まとめ(その4)[CSS/HTML/JavaScript/はてなブログ関連] ブログカスタマイズの記事まとめ(その5)[HTML/CSS/はてなブログ関連] ブログカスタマイズの記事まとめ(その6)[CSS/デザインテーマ関連] ということで、投稿した記事をまとめていきます。 アイコン関連 グローバルナビ

                                はてなブログカスタマイズの記事まとめ(その7)[アイコン、HTML、CSS関連] - みやもとブログ
                              • 自分用のメモ:   https://www.stat.go.jp/library/faq/faq19/faq19a04.html によれば、単身..

                                自分用のメモ: https://www.stat.go.jp/library/faq/faq19/faq19a04.html によれば、単身世帯の1世帯当たりの年間収入がわかるのは、「家計調査」。 なお、「民間給与実態統計調査」には、配偶者や扶養の有無で分けたデータはあるが、男女で分けられていない。 2022年の単身・勤労者の実収入の平均値は、男性の35歳未満が380,222円。女性の35歳未満が300,338円。 なお、「賃金構造基本統計調査」では単身世帯に絞れなかったけど、全体の中位値が男女で301.2千円と236.9千円。大卒の中位値で339.2千円と261.7千円。院卒の中位値で434.0千円と352.1千円。

                                  自分用のメモ:   https://www.stat.go.jp/library/faq/faq19/faq19a04.html によれば、単身..
                                • GitHub - noway/htb: Htb.js — a 50-line HTML template engine that uses JavaScript syntax.

                                  You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                    GitHub - noway/htb: Htb.js — a 50-line HTML template engine that uses JavaScript syntax.
                                  • ChatGPTっぽいサービスのプロトタイプをChatGPTを使ってHTMLとJavascriptで作ってみた - Qiita

                                    ChatGPTっぽいサービスのデモを速攻で見せるために、サーバーとか気にしなくてもいいように、HTMLとJavascriptで作ってみた。 それも、ChatGPT(GPT-4)と対話して。 ChatGPTとの対話 まず、最初のプロンプト # 命令書: あなたは優秀なフロントエンドエンジニアです。 指示の通りHTMLのサンプルコードを書いてください。 # 制約条件 ・HTML , CSS , Javascript は1つのHTMLファイルにしてください ・OpenAIのAPIキーは 999999999 としてください ・どんなに長いコードでも必ず一つのhtmlコードブロックに収めてください。 # 指示 ・ChatGPTと同様の機能のあるウェブアプリを作ってください 必要最低限 のをすぐ作ってくれた。 APIの呼び出し方法がちょっと違ってたので、const response のJSONのところ

                                      ChatGPTっぽいサービスのプロトタイプをChatGPTを使ってHTMLとJavascriptで作ってみた - Qiita
                                    • HTML出力ができるAIライティングの有用性と仕組み

                                      人工知能(AI)の進化は、ライティング業界に革命をもたらしました。特に、HTML出力が可能なAIライティングツールは、コンテンツ制作の速度と品質を大幅に向上させています。この記事では、AIライティングがHTML出力をどのように実現しているのか、そしてそれがどのようにしてライティングの世界を変革しているのかを探求します。 AIライティングにおけるHTML出力の仕組み AIライティングの世界において、HTML出力はコンテンツ制作の方法を根本から変えています。 これは単にテキストを生成するだけでなく、ウェブに最適化された形式でコンテンツを出力する機能を指します。 本節では、この革新的な機能がどのように機能し、AIライティングツールにどのように統合されているかについて掘り下げます。 HTML出力の基本概念 HTML出力は、テキスト生成に留まらず、生成されたコンテンツをHTMLフォーマットで出力する

                                      • PRテンプレートの「レビュイーだけに伝えたいこと」をHTMLコメントで書いてレビュー負荷を下げるテクニック - モヒカンメモ

                                        GitHubでPull Requestを作る際、「必ずPRに書いて欲しいこと」をPRテンプレートに書くプラクティスが普及している。 PRテンプレートを用意する際に「レビュイー (PR作成者) だけに伝えたいこと」をHTMLコメント ( <-- aaaa --> ) として書くと余計な情報をレビュアーに見せずに済むテクニックがあるので紹介する。 Pull Requestテンプレート GitHubでホストするgitリポジトリ内に pull_request_template.md という名前のMarkdownファイルを用意しておくと、開発者がGitHub上でPRを作成しようとしたときにそのファイルの内容がDescriptionのデフォルト値として入力される仕組みがある。 docs.github.com PR Descriptionに何を書くかはチーム開発においてとても重要で、何を書くべきで何を書

                                          PRテンプレートの「レビュイーだけに伝えたいこと」をHTMLコメントで書いてレビュー負荷を下げるテクニック - モヒカンメモ
                                        • Using the Popover API for HTML Tooltips – Frontend Masters Boost

                                          Using the Popover API for HTML Tooltips May 6, 2024 We looked at the Popover API and how it’s made it’s way across all browsers already just last week. One of the things I should have done is looked at the accessibility considerations more closely. Thanks to Melanie Sumner there is a great explainer with demos. I tried to adhere to the points made in there the best I could while making a classic t

                                            Using the Popover API for HTML Tooltips – Frontend Masters Boost
                                          • HTMLは結局プログラミング言語なのか、そうではないのか

                                            ダウンロードはこちら 「HTMLはプログラミング言語か否か」という議論が、開発者の間でしばしば生じる。辞書的な定義から、HTMLはプログラミング言語ではないと主張する人がいる。一方で実質的な役割を基に、HTMLをプログラミング言語に分類する考え方もある。 詰まるところHTMLはプログラミング言語なのか、そうではないのか。そもそも、この議論に意味はあるのか。本資料は、そうした疑問への答えと共に、HTMLが開発者にもたらすメリットを紹介する。 中身を読むには、「中身を読む」ボタンを押して無料ブックレットをダウンロードしてください。 連載:命令型プログラミングと宣言型プログラミングを比較する

                                              HTMLは結局プログラミング言語なのか、そうではないのか
                                            • 「HTML軽視されすぎ問題」講演概要 | フロントエンドBlog | ミツエーリンクス

                                              3カ月ほど前にさかのぼりますが、2023年11月2日に開催されたCSS Nite主催のイベント「#朝までマークアップ」において、私は「HTML軽視されすぎ問題」と題した講演を行いました(#朝までマークアップ 開催のお知らせ参照)。講演の録画や、使用したスライドは共有できませんが(セミナーアーカイブ:#朝までマークアップ(2023年11月2日開催)で販売中)、本記事では講演の概要をご紹介します。 まず、業界的にHTMLが軽視されていると考える根拠として、The WebAIM Millionの調査結果やJens Oliver Meiert氏による調査結果を紹介。アクセシブルではない、あるいは仕様に準拠していないHTMLがWebにあふれている現状を共有しました。また、CSS-Tricksの記事「The Great Divide」が論じたフロントエンド職の分断に言及しつつ、相対的にHTMLよりもJ

                                                「HTML軽視されすぎ問題」講演概要 | フロントエンドBlog | ミツエーリンクス
                                              • HTML Tags Memory Test

                                                • State of HTML 2023

                                                  While JavaScript was taking over the web, and CSS was gaining new superpowers year over year, it could seem like HTML was content to stay dormant, happy to cede center stage to its younger siblings. After all once you've learned about <div>s and <h>s 1 through 6, what else is there to know? Quite a lot, as it turns out! Once again we drafted Lea Verou to put her in-depth knowledge of the web platf

                                                    State of HTML 2023
                                                  • ReactとTypeScriptでHTMLメールが作れる「React Email 2.0」がリリース

                                                    React Email 2.0では、作成したメールのプレビュー機能が作り直され、実際にメールを送信することなくWebブラウザでテンプレートがどのように表示されるかを確認できるようになっている。具体的には、モバイルプレビューにて、ブラウザのウィンドウサイズを変更したり、DevToolsを開いたりすることなく、小さい画面でメールがどのように表示されるかを確かめられるようになったほか、ファイルツリーでサブディレクトリがサポートされるようになり、メールの自由な整理が可能になった。また、問題発生時にエラーメッセージが表示されるようになり、問題の原因がわかりやすくなっている。 あわせて、新規インストールでローカルサーバの起動時間をテストしたところ、従来バージョンでは最大40秒だった一方、今回リリースされたReact Email 2.0では、最大でも7秒だった。また、初期設定の完了後には起動時間が1秒ほ

                                                      ReactとTypeScriptでHTMLメールが作れる「React Email 2.0」がリリース
                                                    • HTMLを詳しく - Qiita

                                                      HTMLについて勉強したのでアウトプットもかねて説明させていただきます。 HTMLとは HTMLとはwebページの構造とコンテンツを定義するためのマークアップ言語です。 1 HTMLの基本構造 HTML文書は通常以下のような基本構造を持ちます: <!DOCTYPE html> <!-- 文書のタイプを定義 --> <html> <head> <meta charset="UTF-8"> <!-- 文書の文字エンコーディングを指定 --> <title>ページのタイトル</title> <!-- ページのタイトルを指定 --> </head> <body> <!-- ここにページのコンテンツを記述 --> </body> </html>

                                                        HTMLを詳しく - Qiita
                                                      • Testing HTML With Modern CSS: HeydonWorks

                                                        7th April 2024A long time ago, I wrote a reasonably popular bit of open source code called REVENGE.CSS (the caps are intentional). You should know upfront, this hasn’t been maintained for years and if I ever did get round to maintaining it, it would only be to add the “No Maintenance Intended” badge. Alas, that would technically count as maintenance. Anyway, I was recently reminded of its existenc

                                                        • ep.160『HTMLの品質チェックをもっと身近に!Nu HTML Checker セルフホスティングへの道』 | UIT INSIDE

                                                          @potato4d が @hiroya_UGA, @Pittan, @vivil に、Nu HTMLチェッカーのセルフホスティングについて話を聞きました。 ゲスト @hiroya_UGA 出前館に出向してコンシューマ向けのウェブアプリケーションの開発に携わり、兼務でウェブアクセシビリティチームに在籍。 @Pittan LINEギフトのフロントエンド開発を担当し、兼務でwebアクセシビリティチームに所属。 @vivil 社外アンケートプラットフォームチームのリーダーで、兼務でフロントの組織向けのDevOpsチームのインフラチームに所属。 Nu HTMLチェッカーについて Nu HTMLチェッカーは、W3Cがメンテナンスしていた公式のHTML文法チェックツールで、現在はWHATWGが管理している。 HTMLだけでなく、CSSの文法チェックも可能。 オンラインで利用可能で、ソースコードやURLを

                                                            ep.160『HTMLの品質チェックをもっと身近に!Nu HTML Checker セルフホスティングへの道』 | UIT INSIDE
                                                          • 2023 年の Web 開発のベースライン/ Shogo Sensui—TechFeed Experts Night#26 〜 Web標準技術最前線 ー HTML/CSS/JSの「いま」

                                                            【セッション概要】 2023 年の Web 開発のベースラインについて説明します 講演者: Shogo Sensui https://techfeed.io/people/@1000ch 【その他のセッションもご覧ください】 このイベントはTechFeed Experts Night#26のセッション動画です。イベントページから、他のセッションの動画や書き起こし記事も見ることができます。 TechFeed Experts Night#26january : https://techfeed.io/events/techfeed-experts-night-26 【TechFeedについて】 TechFeedは、ハイレベルエンジニア向けの技術情報プラットフォームです。 エキスパートのおすすめや、海外で注目の情報をまとめて読める! ぜひご利用ください。 TechFeed https:

                                                              2023 年の Web 開発のベースライン/ Shogo Sensui—TechFeed Experts Night#26 〜 Web標準技術最前線 ー HTML/CSS/JSの「いま」
                                                            • HTML Ruby Markup Extensions Working Draft Published

                                                              The HTML Working Group has published a Working Draft of HTML Ruby Markup Extensions. Ruby, a form of interlinear annotation, are short runs of text alongside the base text. They are typically used in East Asian documents to indicate pronunciation or to provide a short annotation. This specification revises and extends the markup model established by HTML to express ruby.

                                                                HTML Ruby Markup Extensions Working Draft Published
                                                              • 【はてなブログ-カスタマイズ】右下に固定表示している「トップへ戻る」「HOME」ボタンのデザインを変更(HTML・CSS変更) - みやもとブログ

                                                                数日前から適用していますが、「トップへ戻る」「HOME」ボタンのデザインを変更してみました。 右下に固定表示しているボタンです。 以前も「トップへ戻る」「HOME」ボタンは変更しており、記事にもしています(以下リンク)。 miya-moto-blog.hatenablog.com 上記の対応ではアイコンのみでしたが、今回の対応でそれぞれのボタンに名称を付け足してみました。 他のサイトでもよく見かけるので、アイコンだけでどんな機能か示せている認識でいます。 ただちょっと変化をつけたいなと思い、カスタマイズしてみました。 それでは本題へ。 変更内容(画像) 変更前 変更後 変更前後(ズーム) 適用したコード HTML CSS デザインの適用手順 注意事項 おわりに 関連記事 変更内容(画像) まずは変更前後の画像を貼ります。 変更前 変更前 変更後 変更後 変更前後(ズーム) 上記の画像だと対

                                                                  【はてなブログ-カスタマイズ】右下に固定表示している「トップへ戻る」「HOME」ボタンのデザインを変更(HTML・CSS変更) - みやもとブログ
                                                                • HTMLのフォーム送信がEnterキーなのか送信ボタンなのか判別する方法 - Qiita

                                                                  HTMLのフォームは、送信ボタン(<button type="submit">)をクリックするだけでなく、暗黙の送信手段による送信もサポートされています。大抵のウェブブラウザでは、フォームの入力欄(inputやtextarea)でEnterキーを押すことで、送信ボタンを押さなくても送信できる挙動をサポートしており、これが暗黙の送信に該当します。 この記事では、理由はともかく、フォームの送信(submitイベント)がEnterキーによって起きた(暗黙の送信)のか送信ボタンを押したことで起きたのかを判定したい人に向けてその方法を伝授します。 TL;DR 暗黙の送信用の見えない送信ボタンと、ユーザーが押す用の見える送信ボタンを用意しましょう。 解説 Enterキーのような方法による暗黙の送信は、実際には「そのフォームのdefault buttonに対してclickイベントを発生させる」という機構

                                                                    HTMLのフォーム送信がEnterキーなのか送信ボタンなのか判別する方法 - Qiita
                                                                  • HTML Web Components: An Example

                                                                    In my article on HTML web components, I said: But the unique power of web components (in the browser) is that they can render before JavaScript. React components cannot do this — full stop. There’s a lot in there I wanted to explain more in-depth, but I just never go to it. Then a reader kindly emailed me and asked: what do you mean? As far as I know, web components need a JS API to be defined. Ho

                                                                      HTML Web Components: An Example
                                                                    • 『アンダーテール』や『VA-11 Hall-A』で採用されたゲームエンジン「Game Maker」が料金プランをお得に変更、買い切りも可能に。PCやモバイル、Web(HTML5)向けの買い切りプラン(約1万4000円)が登場し、非営利目的において無料プランの機能が充実

                                                                      『アンダーテール』や『VA-11 Hall-A』で採用されたゲームエンジン「Game Maker」が料金プランをお得に変更、買い切りも可能に。PCやモバイル、Web(HTML5)向けの買い切りプラン(約1万4000円)が登場し、非営利目的において無料プランの機能が充実 YoYo Gamesは11月21日、ゲームエンジン「Game Maker」の料金プランを刷新した。 無料プランの利用可能な機能が拡張され、その他サブスクリプション型プランを刷新。さらに、PCやモバイル向けに買い切り型のプランも登場した。 📢 From today, GameMaker will be free for non-commercial use on all platforms (excluding console). To further meet your needs, we are introducing

                                                                        『アンダーテール』や『VA-11 Hall-A』で採用されたゲームエンジン「Game Maker」が料金プランをお得に変更、買い切りも可能に。PCやモバイル、Web(HTML5)向けの買い切りプラン(約1万4000円)が登場し、非営利目的において無料プランの機能が充実
                                                                      • 実践 popover 属性 〜HTMLのみのモーダルで実案件に使えるのか確認〜

                                                                        こんにちは森田です。 前回、HTMLのみでモーダルが作れる popover 属性の概要についての記事を書きました。 2024年はHTMLのみでモーダルが作れそう。popover属性を試してみる。 前回の記事内では軽い動作しかしていなかったので、今回は実際に案件でどこまで使うことができるか確認したいと思います。 popover 属性を試してみる ではさっそく popover 属性を色々試してみましょう。 まずは動作確認として超シンプルなモーダルを作ってみます。 動作確認用超シンプルなモーダル まずは前回の記事のおさらいで、動作確認用の超シンプルなモーダルです。 モーダルになる要素に popover 属性と任意の id を。表示するボタンにpopovertarget属性を指定し、モーダル要素の id を指定します。 <button type="button" popovertarget="po

                                                                          実践 popover 属性 〜HTMLのみのモーダルで実案件に使えるのか確認〜
                                                                        • ノザキハコネ @hakoiribox https://prtimes.jp/main/html/rd/p/000000091.000052517.html 日本でも最近ハイカーストのインド人だという人が「インドは低位カーストに対する『行き過ぎた配慮』でマジョリティに対する逆差別が横行している」と講演してある種の日本人の歓心をかってるみたいでウヒャアってなりますね。

                                                                          • http://kosoch.com/blog-entry-62201.html 駅のエスカレーターで前にいた女性がエスカ..

                                                                            http://kosoch.com/blog-entry-62201.html 駅のエスカレーターで前にいた女性がエスカレーターを降りてすぐの所で立ち止まったため 避けきれず女性の足の踵を踏んでしまう形となりました。 その場で一言謝罪をし立ち去ろうとしましたが、女性は自分を呼び止めて 110番通報をしてきました 駆けつけた警察官にこちら側の事情を説明 ・降りてすぐの所に女性がいたため、避けきれなかった ・故意ではないが踏んでしまったのは事実である ・一列分しかない狭いエスカレーターなので立ち止まられる後ろが詰まって 将棋倒しの危険性もあった と伝えました。 女性側の聞き取りをしていた警察官から ・謝罪が不十分だった ・わざとではないか?  と女性が主張していると言われる 「決して故意ではないが謝罪が不十分だったのなら再度しっかり謝罪をしたい」 と警察官に伝えたら 「再度謝罪する必要はないと

                                                                              http://kosoch.com/blog-entry-62201.html 駅のエスカレーターで前にいた女性がエスカ..
                                                                            • HTML Form で Enter キーによるサブミットを防止する方法、JavaScript で POST する方法 - Qiita

                                                                              はじめに この記事は 2023 年の MDN 翻訳 Advent Calendar 向けに作成したものです。 こんにちは。debiru です。ネタが尽きたのでアドベントカレンダーが空いてしまっています。 今日は適当に思いついた HTML Form 周りの挙動についてお話したいと思います。 input[type="text"] で Enter キーを押すとサブミットされるのを防止する <form action="https://params.lavoscore.org/" method="post"> <ul> <li><input type="text" name="name" value="Alice"></li> <li><button type="submit">submit</button></li> </ul> </form> (function() { 'use strict'

                                                                                HTML Form で Enter キーによるサブミットを防止する方法、JavaScript で POST する方法 - Qiita
                                                                              • HTML & CSS & JavaScript でwebページに雪を降らせましょう!(寒いです) - Qiita

                                                                                初めに 今回のモノは、cssがメインなものになってるのかな? と思われます。 意味不明なものは調べていただいたり、コメントして頂くと私も大変ありがたいです。 書いていこう 今回も説明(適当でごめんなさい)は、コード内で書いています。 cssはコメント多めですので、わかるとこは読んでいただかずとも大丈夫だと思います! それではやってきましょう! まず、HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Snow Fall</title> <link rel="stylesheet" href="style.css"> <!-- スタイルシートのリンク --

                                                                                  HTML & CSS & JavaScript でwebページに雪を降らせましょう!(寒いです) - Qiita
                                                                                • HTML と Body: フルページ表示のために適切な幅と高さの CSS 設定

                                                                                  原文: HTML vs Body: How to Set Width and Height for Full Page Size CSS は難しいですが、自由度も高いです。そして、この高い自由度のおかげで、たとえ行き当たりばったりでもスタイルを適用することができます。 ページは一見問題なく読み込まれます。「クラッシュ」もしません。 ではページ全体の幅と高さを設定したい場合、HTML 要素にどのような設定をすればいいか分かりますか。body 要素についてはどうでしょう。 上手くいくことを願いながらただ当てずっぽうにスタイルを適用していませんか。 もしそうであっても、あなたは一人じゃありません。 これらの質問に対する答えは直感的ではないのですから。 私自身、どのプロパティをどの要素に適用すべきかを正確に把握せずに、両方の要素にスタイルを適用していたという罪深い過去があります。🤦‍♂️ 次の例

                                                                                    HTML と Body: フルページ表示のために適切な幅と高さの CSS 設定