Super Useful CSS Resources 🌈
#css
#webdev
#opensource
#codenewbie
A collection of 70 hand-picked, web-based tools which are actually useful.
Each will generate pure CSS without the need for JS or any external libraries.
Full credit goes to the authors behind each of these apps (where possible I've linked to their GH/ socials)Contents
Property Generators
Animations
Backgrounds
Color Tools
Typography
Loaders
Layouts
Informative
Beautiful CSS checkboxes examples
All of these checkboxes were initially copied using
(click here to try a free demo).
With CSS Scan you can easily inspect or copy any website's CSS.
📌 Press Ctrl+D to bookmark this page
HTML Code Generator
Blog focus on generating custom front-end code to use in your web application or blog. This blog works as a html code generator. You can customize the application and generate html code. This blog generates html, css, javascript, jquery or any other javascript libraries code, depends on requirement. For example, if you want to use html table generator, There you can customize table style and automatically generates html and css code. In this blog, Desktop/Mobile view also available.
HTML Minifier Minify HTML and any CSS or JS included in your markup
Hover.css v2
Effects Setup Tutorial Licenses A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.
82 CSS Text Effects
Collection of free HTML and CSS text effect code examples. Update of June 2018 collection. 23 new items.
A guide to basic CSS resources
jenniferlynparsons profile image Jennifer Lyn Parsons
CSS is a broad topic as the styling language is more complex than it appears at the surface. The more modern additions of grid, flexbox, and various animation tools (not to mention preprocessors!) has made the topic difficult to sum up in a guide such as this. That said, for this guide I have selected the courses, articles, and other resources that I've found most helpful or return to on a regular basis.
Ce site vise à vous apprendre les bases de CSS utilisées pour structurer n'importe quel site web.
Je suppose que vous savez déjà ce que sont les sélecteurs, les propriétés et les valeurs. Et vous connaissez probablement une ou deux choses sur les mise en page, même si ça peut vous donner envie de vous arracher les cheveux. Si vous voulez apprendre le HTML et le CSS depuis le début, vous devriez allez faire un tour sur ce tutoriel. Sinon, voyons si nous pouvons vous éviter de vous énerver sur votre prochain projet.
css, with simple copy/paste
adding more icons soon, check out the full CSS ICON collection of 512 icons here.
HTML
<div class="search icon"></div>
CSS
.search.icon {
color: #000;
position: absolute;
margin-top: 2px;
margin-left: 3px;
width: 12px;
height: 12px;
border: solid 1px currentColor;
border-radius: 100%;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.search.icon:before {
content: '';
position: absolute;
top: 12px;
left: 5px;
height: 6px;
width: 1px;
background-color: currentColor;
}
Checkl tools for Webmaster on Ehosystem
Ip Dns PHP CSS and more ...
Create beautifull effect animated with CSS