サイト制作関連はてブサイト制作に関連するはてブ記事をタグで抽出しただけ

SVG

Calligrapher.ai: Realistic computer-generated handwriting

Convert text to handwriting using an in-browser recurrent neural network. Choose from various print …続きを読む

2023/1/27 12:00

  • Pocket

Next.js Conf 2022で最も感動したライブラリ、vercel/satoriについて紹介させてください。 - commmune Engineer Blog

はじめまして。コミューンでサーバーサイドエンジニアとして働いています、あのちっくと申します。 突然ですが皆様は昨年 10 月に開催されたNext.js Conf 2022はご覧になられましたでしょうか …続きを読む

2023/1/24 11:36

  • Pocket

ありきたりなシェアウェア代替オープンソースソフトウェアのリスト

MS OfficeがどうのこうのAdobeがどうのこうのいやわかる、MS OfficeとかAdobeは業界標準だしファイル互換でインポートとかも楽だ。 ただまぁその万人へ必須か?と言われたら圧倒的にそ …続きを読む

2023/1/24 05:20

  • Pocket

制作事例:Lottieのアニメーションを手描き風に動かしたい!SVGとWebGLを使った2つのアプローチ - ICS MEDIA

制作事例:Lottieのアニメーションを手描き風に動かしたい! SVGとWebGLを使った2つのアプローチ ICSでは2022年に株式会社ニコン様の中長期ビジョンを紹介する特設サイト『2030年のあり …続きを読む

2023/1/19 15:51

  • Pocket

最近のWeb制作に役立つ、CSSの便利ツール総まとめ

最近のWeb制作に役立つ、CSSの便利ツールをまとめました。 CSS Grid, Flexboxで実装するときに役立つレイアウトのツール、CSSやSVGでさまざまな背景・区切り線を生成するツール、美し …続きを読む

2023/1/19 09:40

  • Pocket

SSSVG: An Interactive SVG Reference | fffuel

viewBoxcircleellipserectlinepolylinepolygonpathfill & stroketransformgdefsusesymbolclipPathmaskp …続きを読む

2023/1/17 09:13

  • Pocket

UIデザイン用のシンプルにデザインされた高品質なSVGアイコンが2000種類以上! 改変・再配布も可の太っ腹ライセンス -Atlas Icons

WebサイトやスマホアプリのさまざまなUIデザインに適した、シンプルなデザインのSVGアイコンが完全無料で利用できるAtlas Iconsを紹介します。 UIデザインをはじめ、ビジネス、ソーシャル、ハ …続きを読む

2023/1/16 08:04

  • Pocket

無料で「.ai」ファイルをPNGなどの画像ファイルに変換しIllustratorなしで開くことができる「ShapeConverter」の使い方

WindowsでAdobe Illustratorの「.ai」ファイルを一発で簡単にPNG・JPEG・BMP・GIF・TIFF・EPS・ICO・SVG・SVGZファイルに変換できるオープンソースのフリ …続きを読む

2023/1/14 00:04

  • Pocket

HTML/CSS を SVG に変換する Vercel 製のパッケージ「satori」を試してみる

使い方 基本 satori() に SVG に変換したい要素とオプションを渡すだけです。 SVG に変換したい要素は JSX 記法を使うことができるので、 React アプリケーションであれば導入しや …続きを読む

2023/1/3 21:02

  • Pocket

SvelteKitが正式リリースされたのでtRPCとPrismaを使ってWebアプリを開発してみた

新年あけましておめでとうございます。 昨年はあっという間に過ぎ去ってしまったので、2023年はたくさん開発していきたいです。 はじめに はじめまして、kosei28という者です。 普段は大学に通いなが …続きを読む

2023/1/2 21:08

  • Pocket

Draw SVG rope using JavaScript

This is an interactive article. To fully experience it, you'll need to turn JavaScript on. Today, I' …続きを読む

2023/1/1 01:42

  • Pocket

Web制作を変える!2022年の便利オンラインツール・ベスト110選

この記事では、2022年に公開された便利なWebオンラインツール・ベスト110個+をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2022年にかけて、合計34 …続きを読む

2022/12/19 20:50

  • Pocket

Atlas Icons

Open source free icons library, available in variable stroke SVG format, web font, Figma, React, Vue …続きを読む

2022/12/19 11:23

  • Pocket

GitHub - google/forma: An efficient vector-graphics renderer

A tag already exists with the provided branch name. Many Git commands accept both tag and branch nam …続きを読む

2022/12/17 08:17

  • Pocket

ブラウザのロゴを高解像度でダウンロードできる! Chrome, Safariの現在のロゴをはじめ、IE, Netscapeなど古いのも

Chrome, Edge, Firefox, Opera, Safariをはじめとする現在のロゴから古いバージョンのロゴをはじめ、デベロッパーツールやCanaryなどのロゴ、古いIE, Netscap …続きを読む

2022/12/14 09:50

  • Pocket

WebアニメーションはRiveが便利!

みなさんは、Web アニメーション使っていますか? おそらくLottieを使っている人が多いかと思います。 ただ、Lottieには大きな問題がありますね? そうです。 Adobe の After Ef …続きを読む

2022/12/8 00:55

  • Pocket

Sass製SVG爆速表示ライブラリのご紹介 - dwango on GitHub

こんにちは。ニコニコ生放送生放送フロントエンドシステムセクションのmisuken(GitHub/Twitter)です。 今回は10月に公開したsmart-svgとreact-sass-inlinesv …続きを読む

2022/12/5 11:52

  • Pocket

汎用的で使いやすいオープンソースのSVGアイコンのセット・「Slim icons」

Slim icons Slim iconsは汎用的で使いやすいオープンソースのSVGアイコンのセットです。100のベーシックなアイコンがSVGで揃えられています。 ハンバーガーやメール、サーチ、ホーム …続きを読む

2022/11/27 11:25

  • Pocket

Forking Chrome to turn HTML into SVG - Fathy

Forking Chrome to turn HTML into SVG November 11th 2022 I've been working on a program called html2s …続きを読む

2022/11/14 09:53

  • Pocket