Quackit
quackit.com › css
CSS
Here, you'll find CSS tutorials, code examples, and CSS reference material.
HTML
HTML tutorials, examples, and general words of wisdom!
CSS Examples
Basic CSS examples, including background colors, fonts, flexbox, grid, and more.
CSS Color Codes
Here is a table of the basic color names that have been in CSS since CSS1 (except orange, which was added in CSS 2.1). Try clicking on a value. This will open the color in Quackit's online editor so you can see how it looks (and grab the code).
CSS Flexbox & Grid
Overview of CSS flexbox and grid layout and how to use them on your website.
Quackit
quackit.com
Quackit Tutorials
Free web development/design tutorials. Includes CSS, Javascript, AJAX, ColdFusion, and HTML tutorials, code examples, layout help and references. Complete list of HTML tags and CSS properties. Also contains resources and background overview of XML, ASP, XHTML, SQL, SQL Server, databases and more.
Videos
Quackit
quackit.com › html › online-html-editor › full
Online HTML Editor - Full
CSS properties, functions, @-rules, data types, color values, and more — all on one page.
Quackit
quackit.com › css › css_color_codes.cfm
CSS Color Codes
All about CSS Color Codes, includes color picker and hex color chart.
Quackit
quackit.com › css › examples
CSS Examples
Basic CSS examples, including background colors, fonts, flexbox, grid, and more.
Quackit
quackit.com › css › codes
CSS Codes
This section contains free CSS codes that you can copy/paste into your own website or blog.
Quackit
quackit.com › html › codes
HTML Codes
Full list of CSS properties.
Quackit
quackit.com › html › templates › css_grid_templates.cfm
CSS Grid Templates
Downloadable CSS grid templates. Use these templates to provide the layout for your website, then fill in the blanks.
Quackit
quackit.com › html
HTML
Learn how to animate SVGs using CSS animations, SMIL, and JavaScript libraries such as GSAP.
Quackit
quackit.com › html › online-html-editor
Online HTML Editor
CSS properties, functions, @-rules, data types, color values, and more — all on one page.
Quackit
quackit.com › css › external_style_sheets.cfm
External Style Sheets
Type CSS code into a plain text file, and save with a .css extension (for example, styles.css).
Quackit
quackit.com › css › css_tutorial.cfm
CSS Tutorial
Free CSS tutorial for new developers beginning web development.
Quackit
quackit.com › css › css3
CSS3
In this section of the website, you will find CSS3 examples and property references, etc.
Quackit
quackit.com › html › templates
HTML Templates
Need a website template? Download these free HTML templates for your own website! Includes basic HTML templates, CSS templates and more. Easy to customize these professional looking web templates.
Quackit
quackit.com › css › properties
CSS Properties
Alphabetical list of all CSS properties from the CSS2 and CSS3 specifications.
Quackit
quackit.com › css › animations
CSS Animations
CSS animations tutorial, plus a comprehensive collection of ready-to-use CSS animation examples.
Quackit
quackit.com › css › grid › tutorial
CSS Grid Tutorial
Learn CSS grid and create complex website layouts within seconds.
Quackit
quackit.com › css › codes › marquees
CSS Marquees
Create a CSS marquee using CSS animations. Scrolling text, images, slide-in text, up, down. Standards compliant code.
Quackit
quackit.com › css › flexbox
CSS Flexbox
Full list of CSS flexbox properties, flexbox tutorial, and more.
Quackit
quackit.com › css › animations › examples › css_animation_skeleton_wave.cfm
CSS Animation Example: The Skeleton Wave
Learn how to create a skeleton loading screen with a shimmering wave effect using CSS gradients and background-position.