Adding hand-drawn font for Chinese, Japanese and Korean to Excalidraw
Adding hand-drawn font for Chinese, Japanese and KoreanPublished November 7, 2024by Mrazator Adding a hand-drawn font for Chinese, Japanese, and Korean (CJK) has been on our radar as one of the most requested features. In the meantime, many have tried forking or extending Excalidraw with Chinese font/s, but the experience never really felt right. It usually resulted in major issues, to name a few:
Breaking Up with SVG-in-JS in 2023
Please don't import SVGs as JSX. It's the most expensive form of sprite sheet: costs a minimum of 3x more than other techniques, and hurts both runtime (rendering) performance and memory usage. This bundle from a popular site is almost 50% SVG icons (250kb), and most are unused. SVGs in JS have a cost and SVGs do not belong into your JS bundle. It’s about time to bring back SVG-in-HTML. Let’s take
Introducing OG Image Generation: Fast, dynamic social card images at the Edge – Vercel
We’re excited to announce Vercel OG Image Generation – a new library for generating dynamic social card images. This approach is 5x faster than existing solutions by using Vercel Edge Functions, WebAssembly, and a brand new core library for converting HTML/CSS into SVGs. Dynamic with limitsThe engagement rate of Tweets that embed a card is 40% higher. While creating and sharing static social image
New XSS vectors
Published: 20 April 2022 at 14:00 UTC Updated: 20 April 2022 at 14:07 UTC Transition based events without style blocksSo, recently, I was updating our XSS cheat sheet to fix certain vectors that had been made obsolete by browser updates. Whilst looking at the vectors, the transition events stuck in my head. They needed a style block as well as the event: <style>:target {color:red;}</style> <xss id
How to create a screen reader accessible graph like Apple's with D3.js by Sarah L. Fossheim
How to create a screen reader accessible graph like Apple's with D3.js After previously writing about the accessibility of Apple Health’s data visualizations, I felt inspired to recreate one of them with D3.js. I already covered some of the basics in the form of a bar chart, so this time I decided to go for a different type of graph: the activity rings. Before we start While we will build the grap
Pita: a design language
navigation Pita: a design language Pita ã¯ãƒ™ã‚¯ã‚¿ãƒ¼ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’制作ã™ã‚‹ãŸã‚ã®æ–°ã—ã„プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã§ã™ã€‚ Pita ã®æä¾›ã™ã‚‹å®£è¨€çš„構文ã¨å›³å½¢æ¼”算や制約処ç†ã¨ã„ã£ãŸæŠ½è±¡åŒ–機能ãŒçŠ¶æ…‹ç®¡ç†ã‚„座標計算ã«ã‚ˆã‚‹ç…©ã‚ã—ã•ã®ãªã„ç›´æ„Ÿçš„ãªãƒ—ãƒã‚·ãƒ¼ã‚¸ãƒ£ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¯èƒ½ã«ã—ã¾ã™ã€‚ Pitaã‚’å‹•ã‹ã—ã¦ã¿ã‚‹ Pitaã®ç‰¹å¾´ 1. シンプルãªæ§‹æ–‡ Pita ã§ã¯ä½œã‚ŠãŸã„図形ãŒä½•ã‚’æŒã£ã¦ã„ã‚‹ã‹ã¨ã„ã†è¦ç´ を列挙ã™ã‚‹ã ã‘ã§å›³å½¢ã®å®šç¾©ã‚’ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã“ã‚Œã¯ä»–ã®å¤šãã®æ‰‹ç¶šã的プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã«ã‚ˆã‚‹ä½œå›³ã‚ˆã‚Šã‚‚ç›´æ„Ÿçš„ã§ç°¡æ½”ãªå®šç¾©ã¨ãªã‚‹ã“ã¨ã§ã—ょã†ã€‚ ã¾ãŸã€åˆ†å²ã‚„ループãªã©ã®åˆ¶å¾¡æ§‹æ–‡ã€ãƒ¬ã‚³ãƒ¼ãƒ‰ã‚„リストãªã©ã®ãƒ‡ãƒ¼ã‚¿æ§‹é€ ã€ç¬¬ä¸€ç´šé–¢æ•°ãªã©ã®ä¼çµ±çš„ãªè¨€èªžæ©Ÿèƒ½ã‚‚å‚™ãˆã¦ã„ã‚‹ã®ã§ã€è¤‡é›‘ãªæ‰‹ç¶šããŒå¿…è¦ãªå›³å½¢ã§ã‚ã£ã¦ã‚‚表ç¾ã«å›°ã‚‹ã¨ã„ã†ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“。 2. 図形ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«åŒ– 一度図形を作ã£
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - yisibl/resvg-js: A high-performance SVG renderer and toolkit, powered by Rust based resvg and napi-rs.
GitHub - RazrFalcon/resvg: An SVG rendering library.
GitHub - vercel/satori: Enlightened library to convert HTML and CSS to SVG
Generate React Component with TypeScript AST
eleventy-high-performance-blog/_11ty/blurry-placeholder.js at 624aaa9ede9df609e2d4656f23d819621f5cb464 · google/eleventy-high-performance-blog
GitHub - cidrblock/drawthe.net: drawthe.net draws network diagrams dynamically from a text file describing the placement, layout and icons. Given a yaml file describing the hierarchy of the network and it's connections, a resulting diagram will be created
GitHub - bytedance/IconPark: ðŸŽTransform an SVG icon into multiple themes, and generate React icons，Vue icons，svg icons
GitHub - tabler/tabler-icons: A set of over 5200 free MIT-licensed high-quality SVG icons for you to use in your web projects.
Transform
GitHub - retejs/rete: JavaScript framework for visual programming
GitHub - rough-stuff/rough: Create graphics with a hand-drawn, sketchy, appearance
The best Icon Tool - Orion Icon Library
GitHub - Bogdan-Lyashenko/js-code-to-svg-flowchart: js2flowchart - a visualization library to convert any JavaScript code into beautiful SVG flowchart. Learn other’s code. Design your code. Refactor code. Document code. Explain code.
GitHub - skanaar/nomnoml: The sassy UML diagram renderer
{{#tags}}- {{label}}
{{/tags}}