Layoutit Grid — CSS Grids layouts made easy!Quickly design web layouts, and get HTML and CSS code. Learn CSS Grid visually and build web layouts with our interactive CSS Grid Generator.
Khroma - The AI color tool for designers
A personalized algorithm By choosing a set of colors, you'll train a neural network powered algorithm to generate colors you like and block ones you don’t, right in your browser. Creates infinite combos Khroma has learned from thousands of the most popular human-made palettes accross the internet to produce great combos which you can view as typography, gradient, palette, or custom image. Which yo
ColorSpace - Color Palettes Generator and Color Gradient Tool
Never waste Hours on finding the perfect Color Palette again!
Fluid-responsive font-size calculator
Generated CSS: What are fluid-responsive fonts / fluid typography? Also known as: Responsive typography (excellent article), Flexible Type, Fluid Type, Viewport Sized Typography, Fluid Typography, and even Responsive Display Text. They all leverage the viewport width, and / or height, to smoothly scale the font-size rather than switch at specific breakpoints. Some versions address the whole page,
0to255
Hex code RGB functional notation HSL functional notation Distance from base color HSL lightness value Click to copy Pre-orders now open! Color Studio transforms 0to255 into a comprehensive color tool that's ultra-efficient, inspiring to use, and delightfully unique. Available Spring 2024. Read the announcement Pre-order Color Studio 1 year at $2/month + 3 months free “A near perfect color picker”
LESS Elements: a collection of useful LESS mixins
A set of basic mixins for the LESS CSS pre-processor. Most of these mixins focus on consolidating cross-browser prefixes into single, concise declarations. LESS Elements is not an extensive mixin library — just the essentials. See the mixins in actions on the test page. To use: Download the "elements.less" file.Place it in the same folder with your other LESS files.Reference it at the top of your
CSSDesk - Online CSS Sandbox
body { font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 100px; font-size: 13px; } div { background: #fff; margin: 0 auto; width: 200px; padding: 100px; text-align: center; /* border-radius */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* box-shadow */ -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px; -moz-box-shadow: rgba(0,0,0,0.2
50+ Useful CSS Tools And Generators for Developers - noupe
CSS tools are essential for web developers because they act like a sort of magic lamp that can simplify the job at hand. Most development tools are time savers that are there to help developers create stylish, functional and optimized websites with a few shortcuts. CSS tools and generators are available in such large numbers that a developer can choose from a range of them to make their projects g
GitHub - cjohansen/juicer: A command line tool for JavaScript and CSS developers
Juicer supports embedding images into stylesheets using data uri’s. In order to be as unobtrusive as possible, you must indicate for each image that it can be embedded in the stylesheet by using the embed url suffix. Example: h1 { background: url(/somepath/someimage.png?embed=true); } When merging the stylesheets, you must specify which type of embedding you want, currently only ‘none’ and ‘data_u
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Stylie
Plunker
DevDocs
GitHub - codylindley/frontend-tools: Landscaping With Front-end Tools
CodePen - Front End Developer Playground & Code Editor in the Browser
CSS Arrow Please - By Simon Hoejberg - @shojberg
Css Gradient Button - create css button
Sign PDF Documents | DocHub
dabblet.com
Ultimate CSS Gradient Generator from ColorZilla
css-sprit.es