並び順

ブックマーク数

期間指定

  • から
  • まで

321 - 360 件 / 1504件

新着順 人気順

+HTMLの検索結果321 - 360 件 / 1504件

  • GitHub - github/jtml: Write HTML in JavaScript, using template-tags.

    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 - github/jtml: Write HTML in JavaScript, using template-tags.
    • WebでHTMLをいい感じにコピーさせる - VideoTouch Engineering Blog

      こんにちは id:mstssk です。 Webサービスを作っていると、何かしらをユーザーにコピーして使ってもらうというシチュエーションが出てきます。 WebページをシェアするためにURLのコピーボタンが置いてある、なんていうのはよく見かけますね。 しかし、ある程度複雑なコンテンツはHTML情報としてコピーさせたい事が稀にあります。 画像やリンクを含んだHTMLです。 そこで、もう少し欲張って、こういうことが出来ないか調べてみました。 テキストエディタに貼り付けると、HTMLソースコードのテキストとして貼り付け WYSIWYGエディタに貼り付けると、書式情報を保ったコンテンツとして貼り付け 3行まとめ ただのテキストをコピーするだけならクリップボードAPIを使えばOK。 HTMLをWYSIWYGに貼り付ける状態でコピーさせるには、現在非推奨な実装方法を使いつつ一工夫必要になるけど可能。 一行

        WebでHTMLをいい感じにコピーさせる - VideoTouch Engineering Blog
      • 書籍「HTML解体新書」、満を持してついに登場 - 弁護士ドットコム株式会社 Creators’ blog

        5年——。 編集チーム連絡用のSlackに初の投稿があったのが2016年12月29日ですから、正確には5年と3ヶ月。そんな長い執筆期間を経て、ようやくみなさまにお届けできることになりました。それがこの書籍、「HTML解体新書 - 仕様から紐解く本格入門」です。 「HTML解体新書」カバー画像 ご購入、ご予約は以下からどうぞ! Amazon ボーンデジタル(紙版) ボーンデジタル(PDF版) ということで、こんにちは、弁護士ドットコム技術戦略室セキュリティチームの太田と申します。普段はWebのアクセシビリティ関連やセキュリティ関連の仕事をしているのですが、このたびHTMLの本を出版することになりました (もっとも、この本は入社前から書いていたもので、普段の業務と直接の関係はありません)。 この記事では、本の内容や執筆の経緯についてご紹介します。最後まで読むと、少しお得な情報があるかも……?

          書籍「HTML解体新書」、満を持してついに登場 - 弁護士ドットコム株式会社 Creators’ blog
        • HTML DOM — Phuoc Nguyen

          Web development moves at lightning speed. I still remember when I first started using libraries like jQuery, Prototype, script.aculo.us, Zepto, and many more. Even with modern tools like Angular, VueJS, React, Solid and Svelte, we still have to deal with the Document Object Model (DOM). While these frameworks encapsulate and hide direct DOM management, they still give us access to work with the DO

          • NTT 東日本 - IPA シン・テレワークシステム HTML5 版 Web クライアント

            職場側 (サーバー側) Windows PC 用 「シン・テレワークシステム サーバー」アプリはこちらからダウンロード できます。 職場側でアプリをインストールすると、コンピュータ ID が払い出されます。 自宅 PC でこのページを開き、上記の欄に職場の コンピュータ ID を入力すると、自宅から職場に接続できます。 ご注意: この Web ブラウザは、Internet Explorer です。 Internet Explorer では本システムは動作はするものの、動作速度が低速であり、描画が不安定になったり、画面の一部が表示されなかったりする不具合が発生する場合があります。 Microsoft Edge、Google Chrome または Mozilla Firefox の利用をお勧めします。 オーディオを有効化 (リモート側の音声をクライアントで聴く) マイクの共有を有効化 (クライ

            • HTMLの属性にディレクティブを指定してリアクティブな動作を実装できるJavaScriptフレームワーク・「Alpine.js」

              Alpine.jsはHTMLの属性にディレクティブを指定してリアクティブな動作を実装できるJavaScriptフレームワークです vue.jsやreact.jsといったフレームワークのリアクティブ且つ宣言的な性質を低コストで提供してくれる、というもの 開発者はTailwind.cssのJS版のようなもの、と説明しています Alpine.jsでは13のディレクティブと、5のマジックプロパティと呼ばれるものを使う事が出来ます。Vue.jsとほぼ同じ機能を使える、という認識で良いと思います <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v1.10.1/dist/alpine.js" defer></script>↑ まずはスクリプトを読みこみます 試しに何か作ってみましょう <div x-data="{selected:null

                HTMLの属性にディレクティブを指定してリアクティブな動作を実装できるJavaScriptフレームワーク・「Alpine.js」
              • コードを書くと結果が即反映されるCodepenやjsfidleのようなHTML/CSS/JavaScripteコード実行ツール・「Codeist」

                Codeistはコードを書くと結果が即反映されるCodepenやjsfidleのようなHTML/CSS/JavaScripteコード実行ツールです。Ace.jsが使われています。書いたコードは自動で保存されます。 Codepenやjsfidleと同様の目的ですが、Codeistは書くと同時にすぐに結果が表示される点は割と大きなメリットかなと思いました。Codepenもjsfidleと割と重かったりするので・・ embedや複数保存などは出来ませんが動作が超軽量というだけでも使う価値を感じます。尚、ユーザー登録が必要なのですが、一応ライセンスの明記はありませんがGithubにてソースコードも公開されていますので気になるならローカル環境で使わせてもらうのもありですね。 CodeistGithub

                  コードを書くと結果が即反映されるCodepenやjsfidleのようなHTML/CSS/JavaScripteコード実行ツール・「Codeist」
                • 人間のためのHTML Parseライブラリ『Requests-HTML』で楽しくデータクローリング - フリーランチ食べたい

                  Pythonを使ったデータクローリング・スクレイピングは、エンジニア・非エンジニアを問わず非常に人気や需要のある分野です。しかし、いざデータクローリングしようとすると、複数ライブラリのAPIや、ライブラリそれぞれの関連性に混乱してしまうことがよくあります。 昨年公開された「Requests-HTML」はそういった問題を解決する「オールインワンでデータクローリングが行える」ライブラリです。ユーザーは「Requests-HTML」のAPIのみを学習するだけで、サイトへのリクエスト、HTMLのパース、要素の取得を行うことができます。またHeadless Chromeを使うこともできます。 このブログでは「Requests-HTML」が生まれた背景と使い方、そして興味深いポイントについて書きます。 なぜ「Requests-HTML」が必要だったか データクローリング・スクレイピングの人気の高まり

                    人間のためのHTML Parseライブラリ『Requests-HTML』で楽しくデータクローリング - フリーランチ食べたい
                  • HTMLファイルをpythonでPDF、イメージ出力 - Qiita

                    HTMLファイルをPythonでPDF、イメージ出力 ソフトウェア、パッケージのインストール wkhtmltopdf ... https://wkhtmltopdf.org/ wkhtmltopdf ... https://github.com/qoda/python-wkhtmltopdf pdfkit ... https://github.com/JazzCore/python-pdfkit imgkit ... https://github.com/jarrekk/imgkit Dockerイメージ作成 wkhtmltopdf pdfkit imgkit は pip install xxx しバージョン指定して requirement.txt に追加 apt-get install -y wkhtmltopdf wkhtmltopdfをインストール そのままだとPDF、イメージ出力で

                      HTMLファイルをpythonでPDF、イメージ出力 - Qiita
                    • http://www.moj.go.jp/housouken/housouken03_00068.html 一般殺人の場合、殺人犯の男女比は8:..

                      http://www.moj.go.jp/housouken/housouken03_00068.html 一般殺人の場合、殺人犯の男女比は8:2なんだけど、 無差別殺人の場合、男女比は51:1になる。 殺人自体、男性がやりがちな犯罪だし、無差別殺人になると、さらに男性の率が高い。

                        http://www.moj.go.jp/housouken/housouken03_00068.html 一般殺人の場合、殺人犯の男女比は8:..
                      • Guess CSS! HTML & CSS puzzler game

                        You are given a small frame, its HTML source and 3 CSS snippets. Guess which of them was used to style the frame, test your knowledge!

                        • Maud, a macro for writing HTML

                          A macro for writing HTML html! { h1 { "Hello, world!" } p.intro { "This is an example of the " a href="https://github.com/lambda-fairy/maud" { "Maud" } " template language." } } Maud is an HTML template engine for Rust. It's implemented as a macro, html!, which compiles your markup to specialized Rust code. This unique approach makes Maud templates fast, type-safe, and easy to deploy. Tight integr

                          • 地味に便利!さまざまなプロジェクトに適したHTMLのテンプレートを簡単に生成できる -HTML Boilerplates

                            普通に使えるシンプルなHTMLのテンプレートをはじめ、jQueryを使用するHTMLのテンプレート、Bootstrapを使用するHTMLのテンプレート、ソーシャルメディア用のタグを記述したHTMLのテンプレート、クッキーの確認やローダーを表示するHTMLのテンプレートなど、さまざまなプロジェクトに適したHTMLのテンプレートを簡単に作成できるオンラインサービスを紹介します。 テンプレートは汎用性が高いので、スニペットに登録しておくと便利ですね。

                              地味に便利!さまざまなプロジェクトに適したHTMLのテンプレートを簡単に生成できる -HTML Boilerplates
                            • Tailwind CSSにおけるHTMLのコンポーネント化とCSSのコンポーネント化

                              Tailwind CSSにおいて、スタイルの組み合わせを抽象化したいと考えたとき、対処としてはいくつかの方法が考えられる。 もっとも一般的なのは、コンポーネントやパーシャルとして、クラス属性値とHTMLをセットで抽出する方法。 <template> <div> <img class="rounded" :src="img" :alt="imgAlt" /> <div class="mt-2"> <div> <div class="text-xs font-bold uppercase tracking-wider text-slate-600">{{ eyebrow }}</div> <div class="leading-snug font-bold text-slate-700"> <a :href="url" class="hover:underline">{{ title }}</

                                Tailwind CSSにおけるHTMLのコンポーネント化とCSSのコンポーネント化
                              • 【第7回】Go言語(Golang)入門~HTMLテンプレート利用編~ – 株式会社ライトコード

                                (株)ライトコードの笹川(ささがわ)です! 今回は、前回に引き続き、TwitterAPI を利用していきます。 そして、HTMLテンプレートでエゴサの結果を表示してみたいと思います!

                                  【第7回】Go言語(Golang)入門~HTMLテンプレート利用編~ – 株式会社ライトコード
                                • scikit-learnで機械学習パイプラインをインタラクティブに描画、HTML保存する方法 - Qiita

                                  本記事では、scikit-learnのv0.23から搭載された、インタラクティブなパイプライン確認の実装、そしてそれをHTML化して保存、活用する方法を解説します。 環境 scikit-learn==0.23.2 Google Colaboratory 本記事の実装コードはこちらに置いています https://github.com/YutaroOgawa/Qiita/tree/master/sklearn 実装 [1] バージョン更新 まず、Google Colaboratoryのscikit-learnのバージョンが2020年9月ではv0.22なので、v0.23へと更新します。 !pip install scikit-learn==0.23.2 pipで更新したあとは、Google Colaboratoryの「ランタイム」→「ランタイムを再起動」を実行し、 ランタイムを再起動します。 (

                                    scikit-learnで機械学習パイプラインをインタラクティブに描画、HTML保存する方法 - Qiita
                                  • リアルな眼球を描く。HTMLとCSSだけで。 - Qiita

                                    CSSの底力を見せてやる 「いいか…デザイナー…」 「これはCSSと私一人の問題だ…」 「CSSなんかに凝ったってSEOが捗るわけではないと知ったフウな事をいう者もいるだろう」 「SVGでいいじゃんという者もいる」 「だが」 「自分のCSSをドブに捨てられて その事を無理矢理忘れてSVGをただ貼るなんて人生は あたしはまっぴらごめんだし、 あたしはその覚悟をしてきた!!!」 …というわけではありませんが、なるべくリアルな眼球をHTMLとCSSでマークアップしていきます。 svgやcanvasは使わないしjsなんかもちろん使いません。 でも素で書くのは大変なのでpugとstylusでやっていこうと思います。 結果だけ知りたい人はこちら > eye2 pure css, without svg&canvas ベースとなる眼球を作成しよう

                                      リアルな眼球を描く。HTMLとCSSだけで。 - Qiita
                                    • Notebookの差分をhtmlで出力するGithub Actionsを作った - kuromt blog

                                      diff-notebooks Notebookの差分をArtifactとして生成するdiff-notebooksをGithub Actionsとして公開しました。 github.com 想定する使い方はpull_requestをトリガーとするGithub Actionsへの組み込みです。 実行すると画面のようにNotebookの差分結果がArtifactとして保存されます。 中身はhtmlになっておりブラウザ上で開くとこのように差分を確認できるので、プルリクを受け取ったときのNotebookの差分チェックがGithub上の操作で完結します。 nbdiff-notebooksの中身 このGithub Actionsの中では、nbdiff-webで生成した差分のhtmlをファイルとして出力する自作ツールnbdiff-web-exporterを実行しています。 github.com nbdiff

                                        Notebookの差分をhtmlで出力するGithub Actionsを作った - kuromt blog
                                      • Google、HTML5を利用するゲームプラットフォーム「GameSnacks」を公開 低スペック低速回線でもプレイ可能 | gamebiz

                                        Google、HTML5を利用するゲームプラットフォーム「GameSnacks」を公開 低スペック低速回線でもプレイ可能 Googleは、2月13日、HTML5を使ったゲームプラットフォーム「GameSnacks」を発表した。既に『Bridge of Doom』、『Groovy Ski』など6つほどのカジュアルゲームが無料でプレイできる。 同プラットフォームはGoogleの実験プロジェクトラボ「Area 120」によるもので、2Gや3Gといった低速の回線やメモリが1GB程度の低スペック端末でも高速なプレイ環境が得られるという。 その例として、1Mbpsとよりも遅い環境下においても数秒ほどでゲームのロードが可能としている。またプレイ環境はスマートフォンだけではなく、webに対応したデバイス全てを対象にしている。そのためPCでもプレイ可能で、入力デバイスは、タッチ、キーボード、コントローラーを

                                          Google、HTML5を利用するゲームプラットフォーム「GameSnacks」を公開 低スペック低速回線でもプレイ可能 | gamebiz
                                        • HTML-first, framework-agnostic implementation of shadcn/ui - franken/ui

                                          Coming Soon We're sorry, but this feature is not yet available. We are working hard to make it happen as soon as possible. Thank you for your patience and understanding. Please check back later for updates. Just a demo The element you clicked is for demonstration purposes only and does not lead to actual content. Everything you see here is a simulation intended to demonstrate how the UI elements m

                                          • GitHub - bradtraversy/vanillawebprojects: Mini projects built with HTML5, CSS & JavaScript. No frameworks or libraries

                                            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 - bradtraversy/vanillawebprojects: Mini projects built with HTML5, CSS & JavaScript. No frameworks or libraries
                                            • Webページの画像やスタイルシートなどをまとめて1つのHTMLファイルとして保存してくれる機能拡張「SingleFile」のSafari版がリリース。

                                              ブラウザで開いているWebページを画像やスタイルシート、フォントなどを含めて1つのHTMLファイルとして保存してくれる機能拡張「SingleFile」のSafari版がリリースされています。詳細は以下から。 SingleFileシリーズはフランスのGildas Lormeauさんがオープンソースで開発しているブラウザ機能拡張で、現在ブラウザで開いているWebページを画像やスタイルシート、フレーム、フォントなどをまとめて1つのHTMLファイルとして保存してくれる機能がありますが、この機能拡張のSafari版「SingleFile for Safari」がMac App Storeでリリースされています。 SingleFile is a Safari extension that helps you to save an entire webpage including images, sty

                                                Webページの画像やスタイルシートなどをまとめて1つのHTMLファイルとして保存してくれる機能拡張「SingleFile」のSafari版がリリース。
                                              • GitHub - pdf2htmlEX/pdf2htmlEX: Convert PDF to HTML without losing text or format.

                                                This is my branch of pdf2htmlEX which aims to allow an open collaboration to help keep the project active. A number of changes and improvements have been incorporated from other forks: Lots of bugs fixes, mostly of edge cases Integration of latest Cairo code Out of source building Rewritten handling of obscured/partially obscured text - now much more accurate Some support for transparent text Impr

                                                  GitHub - pdf2htmlEX/pdf2htmlEX: Convert PDF to HTML without losing text or format.
                                                • 2024年のトレンドカラーは癒やしのカラー! やさしさに満ち溢れた桃色「ピーチファズ(Peach Fuzz)」、HTMLのコードは「#FFBE98」

                                                  2024年のトレンドカラーがPantoneから発表されました。 トレンドカラーは心と体を豊かにするビロードのようなやさしい桃色「ピーチファズ(Peach Fuzz)」、人に寄り添う親切な雰囲気を作り出します。 桃の産毛や...記事の続きを読む

                                                    2024年のトレンドカラーは癒やしのカラー! やさしさに満ち溢れた桃色「ピーチファズ(Peach Fuzz)」、HTMLのコードは「#FFBE98」
                                                  • Introducing Learn HTML  |  Blog  |  web.dev

                                                    Introducing Learn HTML Stay organized with collections Save and categorize content based on your preferences. Today we are launching Learn HTML—the next course in our series to help get you up to speed with modern web development. Today we are excited to announce the latest in our series of courses on web.dev. Learn HTML is a brand new course written by Estelle Weyl that will take you through all

                                                      Introducing Learn HTML  |  Blog  |  web.dev
                                                    • 副業ならHTML/CSSコーディング案件がお勧め土日祝日の空いた時間で稼ぐことも可能!

                                                      社会であることや自宅で行えることなどを考慮すると、IT関係に絞って検討するのが得策です。 もしプログラミングやホームページ制作の経験が少しでもあるならHTML/CSSを利用した副業に取り組むことを考えてみましょう。 仕事の選び方にもよりますが、平日に無理することなく土日祝日で月5万円から10万円以上稼ぐことも可能です。 HTML/CSS勉強と案件を受注するには初期状態によってはHTMLやCSSについてある程度の勉強は必要になります。とはいえ、実践の中でレベルアップできることもこの分野の特徴です。 基礎的なノウハウを習得したら積極的に受注していって構いません。そう言われても受注の仕方が分からないという人もいるでしょう。 それならクラウドソーシングを利用するのが有効な手段です。CrowdWorks(クラウドワークス)やLanccers(ランサーズ)のようなサイトでは、発注したい人と仕事をしたい

                                                      • Webサイト配色のお悩み解決!制作で便利なHTML/CSSカラースニペット21個まとめ

                                                        配色はデザインにおいて欠かせない重要な要素です。しかし、配色がなかなか決まらずに悩んでしまったという経験は、誰しも一度はあるのではないでしょうか。 今回は、Webデザイン制作で便利な配色カラーパレットに関するHTML/CSSスニペットをまとめてご紹介します。 美しいグラデーションやクリックするだけで配色をコピーできたり、配色が苦手なひとでもボタンひとつで作成できる自動生成ツールなど、色に困ったときに使いたい便利なHTMLスニペットが揃います。 よ手軽な配色ツールをお探しのひとは、以下の記事も参考にしてみてはいかがでしょう。2020年の最新ツールも追加アップデートしています。 【2021年版】もう配色デザインには迷わない!すごい無料カラーパレットツール83個まとめ Webデザイン配色は怖くない!制作で便利なHTML/CSSカラースニペットまとめ Gradients Collection Pr

                                                          Webサイト配色のお悩み解決!制作で便利なHTML/CSSカラースニペット21個まとめ
                                                        • NTTコムウェア C+ | ITジャーナリストや現役書店員、編集者が選ぶ デジタル人材のためのブックレビュー 第14回:『HTML解体新書』、『楽々ERDレッスン』

                                                          トップコラムデジタル人材のためのブックレビューITジャーナリストや現役書店員、編集者が選ぶ デジタル人材のためのブックレビュー 第14回:『HTML解体新書』、『楽々ERDレッスン』 Webを支える技術のうちクライアントサイドで中心的に使われる技術としては、大きく分けてHTML、CSSとJavaScript(+JSON)が挙げられる。 そのうちCSSやJavaScriptについては現在に至るまでさまざまな書籍が刊行されているが、その中でHTMLは比較的地味な存在となっている。Webデザインの分野でCSSと合わせて基本的なところを紹介する書籍や、辞書・カタログ的にHTMLの各要素とその属性等を紹介したりする書籍は継続的に刊行され続けているが、HTMLそのものにフォーカスした書籍はさほど多くはない。 そんな中、本書は久々に刊行された、HTMLを正面から扱う本格的な解説書である。 HTMLを取り

                                                            NTTコムウェア C+ | ITジャーナリストや現役書店員、編集者が選ぶ デジタル人材のためのブックレビュー 第14回:『HTML解体新書』、『楽々ERDレッスン』
                                                          • NTT東日本とIPAの「シン・テレワークシステム」、MacやChromebookからの接続を可能にするHTML5版

                                                              NTT東日本とIPAの「シン・テレワークシステム」、MacやChromebookからの接続を可能にするHTML5版
                                                            • Forking Chrome to turn HTML into SVG - Fathy Boundjadj

                                                              Forking Chrome to turn HTML into SVG November 11, 2022 I've been working on a program called html2svg, it converts web pages to SVG. It's based on a fork of Chromium to support modern web standards. This post explains most patches. Take a picture SkiaBlinkPDF<div style="width: 50px; height: 50px; background: red" />canvas->drawRect(0, 0, 50, 50, SkPaint { .fill = SkColor::Red })(GPU)GaneshRaster(C

                                                              • HTMLをいじることでWikipediaのフェイク画像が作り得ることを示した画像が話題になる→実際に記事ができてしまい対処される事態に

                                                                ポスト・トゥルース

                                                                  HTMLをいじることでWikipediaのフェイク画像が作り得ることを示した画像が話題になる→実際に記事ができてしまい対処される事態に
                                                                • CSS Gridのしっかりとした知識とレイアウトやUIコンポーネントを実装するテクニックを学びたい人にお勧めの解説書 -作って学ぶ HTML+CSSグリッドレイアウト

                                                                  ※本ページは、アフィリエイト広告を利用しています。 CSS Gridをそろそろ真剣に覚えないと、思っている人にぴったりの解説書を紹介します。 Web制作系の解説書で評価が高いエビスコム様の最新刊で、本書もかなり充実した内容となっています。CSS Gridの基礎知識はもちろん、基本のグリッド、さまざまなレイアウトやUIコンポーネントの実装も豊富で、簡潔なコードでかなりしっかりと解説されています。 本書は、先週発売されたばかり! Web制作に携わる人すべてにお勧めの解説書。HTMLとCSSに携わるコーダーの人はもちろん、こういうレイアウトやコンポーネントができるというのがよく分かるのでデザイナーやディレクターの人にもお勧めです。

                                                                    CSS Gridのしっかりとした知識とレイアウトやUIコンポーネントを実装するテクニックを学びたい人にお勧めの解説書 -作って学ぶ HTML+CSSグリッドレイアウト
                                                                  • Kotlin Fest 2024のためにCompose HTMLでWebサービスを開発した話 - エムスリーテックブログ

                                                                    こんにちは、モーニーングルーティーン担当、VPoEの河合(@vaaaaanquish)です。 サムネイルの写真は、娘が描いてくれたパパです。上手です。 本記事は、先日開催されましたKotlin Festにおいてエムスリーのスポンサーブースで展開していた『エンジニア トリ診断』の開発秘話を公開するものです。 Kotlin Festとエンジニアトリ診断 Kotlin Compose HTMLとは Compose HTMLをGitHub Pagesでホスティングする OGPを設定する Kotlinでフロントエンド開発を進める おわりに We are hiring !! Kotlin Festとエンジニアトリ診断 Kotlin Festは、Kotlinに関する技術カンファレンスで、今年は6月22日に開催されました。 詳しくは参加レポートもありますので、ご参照頂ければ幸いです。 www.m3tech

                                                                      Kotlin Fest 2024のためにCompose HTMLでWebサービスを開発した話 - エムスリーテックブログ
                                                                    • カード型コンポーネントの僕なりのHTMLとCSSを紹介 - Shibajuku

                                                                      こんにちは。 最近、今更ながらPodcastって面白いなぁーとワクワクしてます。 どうも、しばひろです。 ということで、Shibajukuでもポッドキャストを始めてみました。 Shiabajukuのサロンメンバーたちの会話を盗み聞きしてもらうというポッドキャスト「シバジュク酒場」です。 さて、今日は、色んなWebサイトでよく見かけるカード型コンポーネントについて書いてみたいと思います。 というのも、よく見かけるコンポーネントだからこそ、色んなマークアップ方法があると思うのですが、僕なりのマークアップ方法が誰かの参考になるかもしれないし、色んなコンポーネントのマークアップを考えるきっかけになるかもしれないので書いてみようと思いました。 カード型コンポーネントって何? まず、カード型コンポーネントがどんなコンポーネントかっていうと、まるでカードのような縦型になっていて、一般的には、最初に画像が

                                                                        カード型コンポーネントの僕なりのHTMLとCSSを紹介 - Shibajuku
                                                                      • ノーコードツール「STUDIO」がスゴイ! HTML・CSSが不要、FigmaからコピペでWebサイトが完成【1週間まとめ】 - 9/30~10/6のWeb担の記事まとめ | 先週のWeb担まとめ記事 | Web担当者Forum

                                                                          ノーコードツール「STUDIO」がスゴイ! HTML・CSSが不要、FigmaからコピペでWebサイトが完成【1週間まとめ】 - 9/30~10/6のWeb担の記事まとめ | 先週のWeb担まとめ記事 | Web担当者Forum
                                                                        • MVP.css - Minimalist stylesheet for HTML elements

                                                                          "Uber for X" brainstorming session Docs HTML Reference MVP.css works with the following HTML elements: <a> — text links <a><b>, <a><strong> — solid link buttons <a><em>, <a><i> — outlined link buttons <article> — content area with normal styling <article><aside> — text callout <blockquote> — quote callout <blockquote><footer> — quote attribution <body> — default parent element <button> — form butt

                                                                          • HTML-ESLintを試験導入しました - 虎の穴開発室ブログ

                                                                            本記事は虎の穴ラボ Advent Calendar 2022 - Qiita 8日目の記事です。 前日はrhさんの「国産ヘッドレスCMS「Newt」を使ってみた」でした。 こんにちは。最近引っ越しを考えている虎の穴ラボの大場です。 先日、とらのあな通販開発チームの開発環境にHTML用のLinterとして HTML-ESLintを試験導入しました。 当記事では、その導入理由やツールの選定に際して考慮したことについて紹介いたします。 導入理由 ECチームでは以下の3つの状況と課題を踏まえてLinterの導入を行いました。 HTMLのLinterが未導入だった フロントエンド実装のレビュー負担増加 レビュー指摘にばらつきがある 1.HTMLのLinterが未導入だった とらのあな通販開発チームではJavaに対してSpotbugs、JavaScriptに対してESLint、CSSに対してstyle

                                                                              HTML-ESLintを試験導入しました - 虎の穴開発室ブログ
                                                                            • SVG画像を悪用したHTMLスマグリング攻撃が発見される

                                                                              Cisco Talos Intelligence Groupは12月13日(米国時間)、「HTML smugglers turn to SVG images」において、スケーラブル・ベクター・グラフィックス(SVG: Scalable Vector Graphics)画像を悪用した比較的新しいHTMLスマグリング手法が攻撃者に使われていると伝えた。HTMLスクリプトタグを含むSVG画像をエンコードしたHTML添付のフィッシングメールを発見したと報告されている。 HTML smugglers turn to SVG images HTMLスマグリングはHTTPリクエストでリモートサーバからマルウェアを取得するのではなく、HTMLとJavaScriptの正当な機能を悪用して、添付ファイルに含まれるエンコードされた悪質なコードを実行し、被害者のマシン上でペイロードを組み立てる攻撃手法とされている

                                                                                SVG画像を悪用したHTMLスマグリング攻撃が発見される
                                                                              • 「Gmail」の簡易HTML形式、2024年1月に終了へ

                                                                                印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 「Gmail」アカウントで簡易HTML形式を利用している人には残念だが、Googleは2024年1月にGmailの簡易HTML形式を廃止し、全面的に標準HTML形式に移行する。 The Registerの報道によれば、数カ月前から、簡易HTML形式形式を選択する方法がユーザーから見つけにくくなっているという。通常であれば、Gmailを開いた際の読み込みページに「接続速度が遅い場合」に簡易HTML表示で受信トレイを表示するためのリンクが表示されるのだが、リンクが表示される時間は非常に短いため、見逃してしまっている人も多いだろう。 標準HTML方式は、簡易HTML方式に取って代わるものとして10年以上前から提供されている視覚的に見やすいフォ

                                                                                  「Gmail」の簡易HTML形式、2024年1月に終了へ
                                                                                • 今ってHTMLメールが普通なん?

                                                                                  Webメールのデフォルト作成がHTMLメールなんけんど、プレーンのが妥当ぽげやろ? なぜにHTMLメールなん? そら受信の際は気にならないプリけど。。 anond:20150122011300

                                                                                    今ってHTMLメールが普通なん?