次世代のCSSグラデーションツールが美しすぎる！ すべての新しい色空間を完全にサポート -CSS HD Gradients
すべての新しい色空間を完全にサポートする新しいグラデーションツールを紹介します。UIデザイン向けの美しいグラデーションのプリセットも豊富に用意されており、カスタマイズも簡単です。 CSSの色指定に何を使用していますか？ #FFFFFFのようなHEX値だったり、whiteのようなキーワードだったり、rgb(255, 255, 255)のようなRGB色空間の人も多いと思います。最近では色相・彩度・輝度で指定できるhsl(0, 0%, 100%)もすべてのブラウザにサポートされており、増えてきたと思います。 さらに今までよりも広色域のP3カラーに対応したoklch()もChrome 111, Safari 15.4でサポートされ、注目されています。 CSS HD Gradients CSS HD Gradientsは、Google ChromeのデベロッパーであるAdam Argyle氏（@ar
AIイラスト呪文生成器(AIプロンプト生成器・AI画像・NovelAI・nijijourney・stable diffusion)
呪文(プロンプト)の生成方法 このページはAI画像生成をサポートするため制作しました 呪文(キーワード)を生成するためにから好みの条件を選択してくだい 条件が決まったらをクリック！ 自動的にAI画像生成用にチューニングされた呪文(キーワード)が発行されるよ 呪文(プロンプト)の強化・弱体化 を押すと【NovelAI ⇔ Diffusion】を切り替わるよ で出てきた条件ボタンをクリック！ NovelAIの場合は {} が追加でき、Diffusionの場合は () が追加されるよ をクリックすれば【効力up ⇔ 効力down】に切り替わるよ 効力downモードは [] がNovelAI・Diffusion のどちらでも条件ボタンを押すと追加されます ☆()や{}は呪文を強調させる☆ ☆[]は呪文を弱体化させる☆ NovelAIは{}、Diffusionは()で呪文強化 重ね掛けで効果up リ
Generate unique SVG design assets | Haikei
Growing number of generatorsGet started with one of our flexible SVG generators that will help you create unique data-driven shapes without hassle. Choose between stacked or layered waves, steps, peaks, blobs, symbols, grids, gradients, and much more. Easy to integrate into your workflowWhether you are creating a poster or a website, integrating Haikei into your workflow is easy! Export your backg
Fontjoy - Generate font pairings in one click
Click (Generate) to create a new font pairing, (Lock) to lock fonts that you want to keep, and (Edit) to choose a font manually. The text is editable, try replacing it with your company name or other copy. The goal of font pairing is to select fonts that share an overarching theme yet have a pleasing contrast. Which fonts work together is largely a matter of intuition, but we approach this problem
こんなことができるんだ！CSSのボーダーを破線や点線にするスタイルシートのテクニック
ただし、このCSSでは破線や点線の大きさや長さをコントロールできません。また、ボーダーに傾斜やフェードやアニメーションを与えることもできません。 しかし、いくつかのテクニックを使用することで、それが実現できます！ Amit Sheenが作成したDashed Border Generatorで簡単に実現できます。 See the Pen Dashed Border Generator by Amit Sheen (@amitsheen) on CodePen. このテクニックのポイントは4つの背景（background）を使用することです。backgroundプロパティはカンマ区切りの値を取るため、4つの背景（上下左右に沿って1つずつ）を設定し、それらをボーダーのようにサイズ変更することで、borderプロパティの制約を解除することができます。 ジェネーターで自分好みのボーダーを簡単に作成で
FREE Logo Maker - Create a Logo in Seconds - Shopify (2024)
Free Logo MakerCreate professional logos in secondsTurn your business ideas into reality with free personalized logos. Create your logo Browse and customize templates:Explore the logo templates and personalize them by adjusting colors, fonts, and layout to create a uniq logo design for your brand. Choose your business type:Select the category that best represents your business. Select your visual
日本語にも対応！自分で書いた文字からフォントを簡単に作成できる無料オンラインツール -Calligraphr
Windowsからでも、macOSからでも、手書きのオリジナルのフォントが簡単に作成できる無料オンラインツールを紹介します。フォントはTrueTypeもOpenTypeも作成できます。 日本語はじめ、英語、ドイツ語、フランス語、スペイン語などのフォントを作成することができ、リガチャ（合字）にも対応しています。 Calligraphr さっそく、Calligraphrで手書きの日本語フォントを作成してみました。 作成するには、メールアドレスの登録（無料）が必要です。 ※無料版でもフォントは無制限に作成できますが、同時に作成できるのは一つまでで、75文字までとなっています。 全体的な流れは、下記のようになります。 作成するフォントを決める（日本語・英語・ひらがなやカタカナや漢字のみも可）。 手書き用のテンプレートをダウンロード。 テンプレートに文字を手書きし、アップロード。 アップロードしたテ
コピースロット-誰でもコピーライターに！-
誰でも３秒でキャッチコピーが制作できちゃうコピースロット！いいコピーがつくれない場合は、株式会社コピーライターにご相談を。
aigis - Style Guide Generator
Aigis is a style guide generator. Make easier and maintainable. View on GitHub What is aigis? Aigis is a Node.js package that parses comments in your CSS and auto-generate a style guide. It is similar to Hologram , like a Node.js implementation of Hologram. Why did we create aigis? We didn't want the dependence on Ruby environment only to generate a style guide. Less dependencies is better. So we
Casino neu online with SVG Path Generator Polynomic
Neu Casino SVG Path Generator PolynomicHi! I’m a creative developer with a strong interest in modern JavaScript stack and Functional Programming. I’m a perfectionist constantly looking for technical challenges and I always try to produce a clean, well-documented, and tested code. If you are as passionate as I am about web development, let’s build something cool together! Check some of the tools th
Trianglify.io · Low Poly Pattern Generator
Trianglify.io is a tool for generating low poly triangle patterns that can be used as wallpapers and website assets.
CIRCULUS.SVG — The SVG Circular Menu Generator
Using The Generated Menu So you've picked your menu style and downloaded an all-new SVG menu. What then? Here is everything you need to know to customize your menu and embed it in your page. Dissecting The Code The code generated by the above generator is straightforward and—if you are familiar with SVG—fairly simple to customize. You almost don't need to do anything except add your own icons to t
modulator | metaflop
Font design is in fact lots of fun, especially when you make mistakes.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Magic Generator
NGINXConfig | DigitalOcean
Placeholder pics, sub kilobyte placeholder images
Curtsey
Online Tools for WordPress Developers
Coolors - The super fast color palettes generator!
Structured Data JSON-LD Schema Generator | Web Code Tools