この記事は移転しました。約2秒後に新記事へ移動します。 移動しない場合は以下をクリックしてください。 miya-moto-memo.hatenablog.com
![はてなブログカスタマイズの記事まとめ（その7）[アイコン、HTML、CSS関連] - みやもとブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/0e6b60935cb6295064c181eb08fb0fe8010c49ad/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fm%2Fmiyamoto-blog%2F20240229%2F20240229223916.png)
はてなブログカスタマイズの記事まとめ（その7）[アイコン、HTML、CSS関連] - みやもとブログ
この記事は移転しました。約2秒後に新記事へ移動します。 移動しない場合は以下をクリックしてください。 miya-moto-memo.hatenablog.com
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
人工知能（AI）の進化は、ライティング業界に革命をもたらしました。特に、HTML出力が可能なAIライティングツールは、コンテンツ制作の速度と品質を大幅に向上させています。この記事では、AIライティングがHTML出力をどのように実現しているのか、そしてそれがどのようにしてライティングの世界を変革しているのかを探求します。 AIライティングにおけるHTML出力の仕組み AIライティングの世界において、HTML出力はコンテンツ制作の方法を根本から変えています。 これは単にテキストを生成するだけでなく、ウェブに最適化された形式でコンテンツを出力する機能を指します。 本節では、この革新的な機能がどのように機能し、AIライティングツールにどのように統合されているかについて掘り下げます。 HTML出力の基本概念 HTML出力は、テキスト生成に留まらず、生成されたコンテンツを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
フロントエンドカンファレンス北海道2024 『小規模サイトでも使えるVite 〜HTMLコーディングをよりスマートに〜』長谷川広武（ハム）
フロントエンドカンファレンス北海道2024 『小規模サイトでも使えるVite 〜HTMLコーディングをよりスマートに〜』長谷川広武（ハム）
GitHub - google-deepmind/treescope: An interactive HTML pretty-printer for machine learning research in IPython notebooks.
Treescope is an interactive HTML pretty-printer and N-dimensional array ("tensor") visualizer, designed for machine learning and neural networks research in IPython notebooks. It's a drop-in replacement for the standard IPython/Colab renderer, and adds support for: Expanding and collapsing subtrees of rendered objects, to let you focus on the parts of your model that you care about, Automatically
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
React Email 2.0では、作成したメールのプレビュー機能が作り直され、実際にメールを送信することなくWebブラウザでテンプレートがどのように表示されるかを確認できるようになっている。具体的には、モバイルプレビューにて、ブラウザのウィンドウサイズを変更したり、DevToolsを開いたりすることなく、小さい画面でメールがどのように表示されるかを確かめられるようになったほか、ファイルツリーでサブディレクトリがサポートされるようになり、メールの自由な整理が可能になった。また、問題発生時にエラーメッセージが表示されるようになり、問題の原因がわかりやすくなっている。 あわせて、新規インストールでローカルサーバの起動時間をテストしたところ、従来バージョンでは最大40秒だった一方、今回リリースされたReact Email 2.0では、最大でも7秒だった。また、初期設定の完了後には起動時間が1秒ほ
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
実践ViewComponent（3）TailwindCSSのクラスとHTML属性（翻訳）｜TechRacho by BPS株式会社
概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: ViewComponent in the Wild III: TailwindCSS classes & HTML attributes—Martian Chronicles, Evil Martians’ team blog 原文公開日: 2024/01/23 原著者: Vladimir Dementyev（首席バックエンドエンジニア）、Travis Turner（技術記事編集者） サイト: Evil Martians -- ニューヨークやロシアを中心に拠点を構えるRuby on Rails開発会社です。良質のブログ記事を多数公開し、多くのgemのスポンサーでもあります。 日本語ブログ: 合同会社イービルマーシャンズ - Qiita はじめに Ruby on Railsのフルスタック開発がHTMLファーストという方法によって軌
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を
Testing HTML With Modern CSS
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
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メールをご紹介します！ 実際にさまざなメーラーアプリで確認し、もっとも崩れにくかったテンプレートの作り方をお教えいたします！ 記事の最後にHTMLテンプレートのプレゼントリンクも用意しておりますので、ぜひ最後までご覧ください！ HTMLメールとは まずはじめに、HTMLメールとはHTML形式で作られてるメールのことで、従来のテキストメールと比べるとデザイン性に優れ、画像やボタンといった要素を配置できることから、昨今のメールマーケティングには欠かせないものとなっています。 現在では様々なサービスでHTMLのテンプレートを配布しているところもありますが、自分で実際に作った場合とサービスを利用して作った場合のメリットとデメリットをお伝えします。 HTMLメールテンプレート作成サービスを利用して作る場合 無料サービス一覧 ZURB Dyspatch Cerberus An
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
『アンダーテール』や『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
こんにちは森田です。 前回、HTMLのみでモーダルが作れる popover 属性の概要についての記事を書きました。 前回の記事内では軽い動作しかしていなかったので、今回は実際に案件でどこまで使うことができるか確認したいと思います。 popover 属性を試してみるではさっそく popover 属性を色々試してみましょう。 まずは動作確認として超シンプルなモーダルを作ってみます。 動作確認用超シンプルなモーダルまずは前回の記事のおさらいで、動作確認用の超シンプルなモーダルです。 モーダルになる要素に popover 属性と任意の id を。表示するボタンにpopovertarget属性を指定し、モーダル要素の id を指定します。 <button type="button" popovertarget="popover">シンプルモーダル表示</button> <div id="popove
GitHub - victorqribeiro/TinyJS: Tiny JS is a lightweight JavaScript utility for dynamically creating HTML elements
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
情報学研究データリポジトリ 日本の判例HTMLデータ
国立情報学研究所が研究者提供データセットとして情報・システム研究機構 データサイエンス共同利用基盤施設 人工知能法学研究支援センターから受け入れたデータセットです。 2024/08/20 作成 データ概要 人工知能法学研究支援センターにて，最高裁判所が公開している判例集のPDFデータをテキスト化（HTML化）したデータセットです。 最高裁判所のサイトで検索可能な最高裁判所判例集，高等裁判所判例集，下級裁判所裁判例速報，行政事件裁判例集，労働事件裁判例集，知的財産裁判例集のPDFデータをテキスト化したもので，2024年1月11日時点で検索可能であった1947年～2023年までの65,198件の判例データからなります。 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 & 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"> <!-- スタイルシートのリンク --
Jina AIからHTMLから Markdown コンテンツへの変換に特化したJina Reader-LMが公表されていたので、ざっと試してみました。 モデル概要ノイズも含む生HTMLから、Markdownへの変換に特化した小型言語モデル(SLM) モデルのバリエーション reader-lm-0.5b と1.54Bのreader-lm-1.5b 多言語、長文脈サポート（256Kトークン） コンパクトなサイズにもかかわらず、このタスクで最先端のパフォーマンスを実現 ライセンスはCreative Commons Attribution Non Commercial 4.0で非営利利用に限定 Colabサンプルを試してみるGoogle Colabノートブックでサンプル用意されているので早速試してみます。実行環境は無料のT4 GPUです。
先月、HTML5を用いてMZ-80Kのエミュレーターを作成した記事を書いた。 キモの部分は、CPUのエミュレーションとディスプレイの表示なので、そこがクリアできていればいろいろと応用が利く。CPUは当時の流行のZ80で、PC-8001・PC-8801などがそれに相当する。 また、Z80は、8080という当時の主流だったCPUのアッパーコンパチブルなので、そういったコンピューターにも応用可能である。 そんな中に、TK-80という、３０年以上前に発売されていた１ボードマイコンがある。 TK-80といえば、私が中学生だったか高校生だった頃、雑誌の広告に載せられていたのを見て、購入寸前の所まで行っていたマイコンである（実際には、TK-80E）。触ったことはないのだが、どんな物なのだろうかという興味はずっとあった。 で、手元にZ80 CPUのエミュレーターがある。TK-80の仕様も、小松さんのNEC
GitHub - kitajs/html: 🏛️ Super fast JSX runtime to generate HTML strings that works everywhere. If it supports string we got you covered.
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
はてなブログカスタマイズの記事まとめ（その8）[CSS、HTML、JavaScript関連] - みやもとブログ
この記事は移転しました。約2秒後に新記事へ移動します。 移動しない場合は以下をクリックしてください。 miya-moto-memo.hatenablog.com
![はてなブログカスタマイズの記事まとめ（その8）[CSS、HTML、JavaScript関連] - みやもとブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/8aa3326c6a6e2bce8697becbda57fa597fd044f6/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fm%2Fmiyamoto-blog%2F20240410%2F20240410231521.png)
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML出力ができるAIライティングの有用性と仕組み
「HTML軽視されすぎ問題」講演概要 | フロントエンドBlog | ミツエーリンクス
ReactとTypeScriptでHTMLメールが作れる「React Email 2.0」がリリース
HTML Ruby Markup Extensions Working Draft Published
【2023年】5分でわかるHTMLメールのテンプレートの作り方 - ADXC CRM Official Page
HTML Web Components: An Example
実践 popover 属性 〜HTMLのみのモーダルで実案件に使えるのか確認〜
非依存で設定等もJavaScriptも不要、HTML要素にクリーンなプリセットスタイルを適用するCSSフレームワーク・「matcha.css」 - かちびと.net
HTMLから Markdown コンテンツへの変換に特化したJina Reader-LMを試す｜はまち
TK-80のHTML5によるエミュレーター » Jeans & Development