Web制作を楽にする便利なSVGツール53個まとめ
この記事では、Webデザイン制作の面倒な作業を楽にこなす、便利なSVGツール53個をまとめてご紹介します。 背景テクスチャやSVGシェイプから、オンラインSVGツールやSVG最適化ツールなど、SVGにまつわるあらゆるツールを揃えています。 新しいツールが見つかり次第アップデートしていく予定なので、ブックマークしておくと良いかもしれません。 Web制作の面倒な作業をラクにするCSS便利ツール87個まとめ Web制作をもっと楽に！便利なSVGツールまとめ Haikei ユニークなSVGシェイプや背景、シームレスパターンを作成できるオンラインツールで、グラデーションや波ウェーブなど基本的なシェイプはほぼ揃います。 配色やサイズなど、本格的なカスタマイズができるのも特長で、作成したデザインはSVGやPNGファイルとして無料ダウンロード可能です。 Cool Backgrounds お好みの配色をつか
グラデーション付き影をコピペ作成 CSS Shadow Gradients とおすすめツール
グラデーションは鮮やかな配色や動く流体Blobシェイプなど、さまざまな方法や見せ方で見かけるようになっています。 2色の配色によるグラデーションをつかった影、シャドウグラデーション（英: Shadow Gradients）を手軽に作成できるオンラインツール「CSS Shadow Gradients」が公開されています。 CSS Shadow Gradientsで作成したグラデーションは、CSSコードとしてワンクリックでコピー、利用できます。 CSS Shadow Gradients https://alvarotrigo.com/shadow-gradients/ 🧑💻 使いかた CSSグラデーションシャドウは、疑似要素をつかって表現しており、backgroundプロパティにlinear-gradient関数を使うことで、手軽にスタイリングすることができるようになりました。 使いかた
SassMeister | The Sass Playground!
SassMeister is a playground for Sass. Add some Sass and SassMeister will show you the rendered CSS.
Small Dev tools useful for all developers
Sort a list of numbers or strings alphabetically or by length
Squoosh
SmallSmaller images mean faster load times. Squoosh can reduce file size and maintain high quality. SimpleOpen your image, inspect the differences, then save instantly. Feeling adventurous? Adjust the settings for even smaller files. SecureWorried about privacy? Images never leave your device since Squoosh does all the work locally.
オンラインで各種類のPDF、ドキュメント、画像、ビデオとオーディオファイルを変換します
携帯電話で PDF、画像、動画、音声ファイルをオフラインで変換したい場合は、Android アプリをお試しください。 オンラインで各種類のPDF、ドキュメント、電子ブック、画像、アイコン、ビデオ、オーディオとアーカイブファイルを変換します。ドメイン名の「A」が「ALL」を代表します。右上の変換ボタンをクリックして変換を開始します。目録に入れなくて、直接にソース・ファイルとターゲットフォーマットを選んで、 [今すぐ変換]をクリックして変換を開始します。 ロットのファイルを変換するなら、下の「Add Files」をクリックして、一つまたは幾つかのファイルを添加して、ターゲットフォーマットを選んで、そして、「Convert Now」をクリックしてロットのファイルを変換し始めます。出力ファイルは「変換結果」セクションに表示されます。
PHP Live Regex
Your search string(s) last_name, first_name bjorge, philip kardashian, kim mercury, freddie Make a permalink Clear Form Values
Glyphterを利用したカスタムアイコンフォントの作成と使用方法まとめ - Qiita
Glyphterとは Fontawesomeなど代表的なアイコンフォント16種類から、自分の欲しいアイコンを選んでカスタムアイコンフォントを作成することができるwebサービスです。 自作のSVGファイルを用意して、オリジナルアイコンをフォントの中に追加することも可能です。 アイコンセットを作成 プリセットされたアイコンフォントを使用する場合 右側から使用したいアイコンを選んで、 左側のA, B, Cと表示されている所にアイコンをドラッグ&ドロップしていきます。 カスタムアイコンを使用する場合 左側のアルファベット枠の空欄をダブルクリックするとファイルダイアログが表示されるので、SVGファイルを指定しましょう。 SVGファイルはIllustratorなどで作成できます。複合パスを使用している場合は、パスのアウトライン化を必ず行ってください。 (Dのアイコンがカスタムアイコン) アイコンフォン
The SVG Font Machine | Glyphter
General FAQ Release Notes Feb. 26, 2023 Auto-resize option added in the settingsto allow overriding the default behavior of resizing an icon to fit the box. How do I make an SVG? You can export SVGs from any vector software like Adobe Illustrator, Inkscape or Sketch. File > Save As > SVG I already have an SVG font but I want to add more characters to it. Can I do that with Glyphter? Sure! Just dra
JSONPlaceholder - Free Fake REST API
{JSON} Placeholder Free fake API for testing and prototyping. Powered by JSON Server + LowDB. Tested with XV. Serving ~2 billion requests each month. Sponsors JSONPlaceholder is supported by the following companies and Sponsors on GitHub, check them out 💖 Your company logo here Try it Run this code here, in a console or from any site: fetch('https://jsonplaceholder.typicode.com/todos/1') .then(re
tree.nathanfriend.io
An online tree-like utility for generating ASCII folder structure diagrams. Written in TypeScript and React.
JSON Editor Online: edit JSON, format JSON, query JSON
JSON Editor Online JSON Editor Online is the original and most copied JSON Editor on the web. Use it to view, edit, format, repair, compare, query, transform, validate, and share your JSON data. About JSON Editor Online JSON Editor Online is a versatile, high quality tool to edit and process your JSON data. It is one of the best and most popular tools around, has a high user satisfaction, and is c
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ToolsOcean.com - The 100% Free Online Web Tools
jq play
文章要約AI タンテキ
ELYZA DIGEST
Regexper
Placehold.it - Quick and simple image placeholders
Postman | API Development Environment
regex101: build, test, and debug regex