はじめに Zennのようなブログ記事やAstroなどの静的サイトジェネレーターが、どのようにMarkdownを受け取り、ドキュメントを生成しているのか。 その仕組みに強い関心を抱いた私はAstroの Content Collections のソースコードを読み始めました。とりわけ印象的だったのは、フロントマターを抽出する gray-matter でメタデータを取り出しつつ、本文をunifiedパイプラインへ流し込む一連の設計です。 この記事では、そうした実装を眺めた好奇心から始まり、多重パース時代の課題、ASTリレーがもたらした転換点やMDX 3・WASM・Edgeが広げる近未来までを、コードと図を交えながら俯瞰します。 第一世代：多重パース時代 Markdown変換ライブラリの草創期を支えた markdown-it や marked は、Markdown → HTML文字列 を1回だけ高
こんにちは、ARスタートアップMESONでプロデューサー・ディレクターをやっているjujujun110です。 Web ARを実現するためのライブラリ8th Wall。これまでのバージョンではマーカーレスの空間認識のみの対応でしたが、2019/04/17にリリースされたver.11からマーカー認識機能がついたので使い方を見ていこうと思います。 公式のデモ映像 アカウントとデバイスのセットアップ8th Wall はJavaScriptライブラリでありながら有償ソフトウェアであり、自身のサーバーにアプリケーションをアップロードして利用するには費用がかかります。（ローカルで試すだけなら無料） また、利用にはユーザー登録とアプリケーションの作成が必要ですので、チュートリアルを読みながら済ませておきましょう。 次に、ダッシュボードのトップページの右上から、Device Authorizationをクリ
Layoutit! Try our simple frontend tools and generators 🚀 VoxCSS: A CSS voxel engine Try our new Open Source library: a 3D grid for the DOM that renders HTML cuboids by stacking grid layers and applying transforms. Renders HTML cuboids with colors, textures, and smooth transforms. Supports interactions, culling, shapes, areas, and projections. Works with Vue, React, Svelte, or plain JavaScript.
Sublime Text で CSS や HTML、Javascript のソースを整形するプラグイン YUI Compressor でスペースや改行コードが圧縮された .min ファイルの解析を依頼されました。圧縮前の元のファイルはどこへいったのか訪ねてみると、不要と思って誤って削除してしまったそうです。これは困りましたね。元のファイルが無ければ変更を加えるのも大変です。 そこでソースコードを解析して自動フォーマットしてくれる Sublime Text のプラグインを探してみたところ、丁度良いものが見つかったので紹介します。ちなみに Sublime Text （テキストエディタ）については、こちらのページをご覧ください。
基本 以下の形式で、指定したサイズの画像を作成することができます。 https://placehold.jp/{幅}x{高さ}.png 例) <img src="https://placehold.jp/150x50.png"> 背景・文字の色サイズを変更する https://placehold.jp/{文字色}/150x100.png https://placehold.jp/{背景色}/{文字色}/150x100.png https://placehold.jp/{文字サイズ}/{背景色}/{文字色}/150x100.png ※背景色・文字色はRGBの16進数表記 例) <img src="https://placehold.jp/24/cc9999/993333/150x100.png"> ファイルフォーマットを変更する URL末尾の拡張子で、pngとjpgの2種類が指定可能です。
Due to lack of resources to maintain the Unicorn project, W3C stopped providing this on-line service as of 31 March 2023. See 2023-02-15 W3C Homepage news. The source code is available on GitHub under the W3C Software license. Anyone can run it for themselves, fork it. Copyright © 2023 World Wide Web Consortium. W3C® liability, trademark and permissive license rules apply.
知っておきたいブラウザについての基礎入門 at サポーターズ京都勉強会 https://supporterz.connpass.com/event/51220/
/css <!-- UIkit with the basic style --> uikit.css uikit.min.css <!-- UIkit with Gradient style --> uikit.gradient.css uikit.gradient.min.css <!-- UIkit with Almost flat style --> uikit.almost-flat.css uikit.almost-flat.min.css <!-- Advanced components --> /components /fonts <!-- FontAwesome webfont --> fontawesome-webfont.ttf fontawesome-webfont.woff fontawesome-webfont.woff2 FontAwesome.otf /js
知っておきたいCSS設計法 第1回 OOCSSの基本 HTMLテンプレートを設計する上で、基礎と考えられる概念のひとつOOCSSを取り上げます。オプジェクト指向のCSSとは何か？ 今回はその考え方の基本をまずおさえましょう。 はじめに このシリーズでは、OOCSS（オーオーシーエスエス）、BEM（ベム）、SMACSS（スマックス）という3つのCSS設計概念の概要を解説します。HTMLとCSSをどのように書いていけばよいかは、過去に「CSSの設計」シリーズにまとめました。今回のシリーズは、その2014年度版とでもいうような内容になっています。 というのも、CSSの設計を書いた頃と比較すると、さまざまな設計概念が広く知られるようになったものと思います。今回紹介するBEMやSMACSSが、その代表です。また、CSSのプリプロセッサSassのバージョンアップでは、BEMを意識したような機能なども追
こんにちは。タクスタでフロントエンジニアをしている今井(@imakei_)です。 現在リニューアルしている"宅スタ"、あたらめ"takusuta"でweb開発を行っております。 (リニューアル詳細はこちら) 今回はtakusuta(https://takusuta.com)で用いてるJavaScriptライブラリーRiot(http://riotjs.com/)をテーマに書きたいと思います。 Riotとは A React-like user interface micro-library
ごあいさつ どーも、aoyamaです。 前回の記事から、半年近く間が空いてしまいました。 毎日暑いですね。夏ですものね。8月ですものね。 私は、弊社内では、マイナーな立場の受託案件を担当しております。 自社のサービスでないと、限られた環境、選択肢の中で問題解決の 提示をしなくてはいけません。 そういう場合に限って、たいして選択肢もない割に、確実性だけは 求められることが多いです。ほんとに。 ※2014/08/22 記事の内容を修正しました。 302リダイレクトは不適切であるため、503ステータスを返すのが正しい対応となります。 SEOの知識が足りず、誤った情報を掲載したことをお詫びします。 ▼参考 http://web-tan.forum.impressrd.jp/e/2009/06/16/5880 http://seo.septeni.net/seo/1214.html こんな時どうする
Get 20+ Creative Cloud apps and Adobe Firefly creative AI. Get Photoshop, Acrobat Pro, {{premiere}}, and more apps plus Adobe Firefly standard and premium creative AI features for images, video, and audio – all in Creative Cloud Pro. Includes: https://main--cc--adobecom.aem.page/cc-shared/assets/img/product-icons/svg/acrobat-pro-40.svg Acrobat https://main--cc--adobecom.aem.page/cc-shared/assets/i
ウェブは進化している。そう思っている人が、たぶん多いのでしょう。確かに、15年前の素朴なウェブページと今のものとはいろいろ違って見えます。 しかし、ウェブの根本的な考えである「ハイパーテキスト」という機能の面から見ると、ウェブの登場以来、あまりというかほとんど進化していないように思えます。 ハイパーテキストを提唱して有名なのはテッド・ネルソンです。著書『リテラリーマシン』は日本語にも翻訳されています。ウェブの開発にもネルソンのアイディアが影響していると何かで読んだことがあります。しかし、ネルソンが構想していたものに比べると、ウェブで実現されているハイパーテキスト機能は貧弱なものです。 例えば、ウェブで他の文書を引用するときには他のページからコピー・アンド・ペーストするという原始的な方法をとります。一方ネルソンの唱えるハイパーテキストでは、高度なリンク機能を使って、コピーではなくオリジナルの
htmlの作成時に各ファイルで共通している部分がありますね。 ・ヘッダとか ・フッタとか ・グローバルナビとか そんな時、どうしてますか？ 1.各ファイルに同じ記述をしてますか？（変更掛かったらめんどくさいですね） 2.SSI（サーバーサイドインクルード）してますか？（できればいいけどちょっぴり敷居が高い？） 3.avascriptでdocument.writeつかってますか？（ソースが長いとめんどくさいですね） ざっくりリストアップすると以上のような方法が考えられます。 僕も上記のどれかをケースバイケースで使ってました。 そこにもうひとつ選択肢を追加します。 jQuery.jsを使って外部のhtmlファイルをまるごとインクルードしちゃいましょう。 方法 1.何はともあれjQuery.jsをダウンロード http://jquery.com/ 2.htmlのheader要素内で読み込む <s
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
