HTML/CSS
-
Cascading Style Sheets (CSS3) Tutorial
- Adding Style
- Common Style Sheet Properties
- Classes
- Selectors
- Fonts
- Formatting Text
- Overlapping HTML/CSS Elements/Values
- Specifying Colors
- Transparency
- Borders, Margins and Padding
- HTML Tables
- Display Settings
- Border Radius
- Overflow
- Width and Height
- Floating Elements
- Linear Gradients
- Radial Gradients
- Images
- Background Images
- Box Shadows
- Modifying the Style of Lists
- Creating a Navigation Bar
- Transform
- Transition
- Browser Compatibility
- The Popular <CENTER> Tag
- Example HTML5/CSS Document
Converters
- HTML to JSON Converter
- Convert Image to Base64 String
3D Effects
- Login & Register Form with Animations
- Avatar Cards for Users/Employees
- Website Landing Page with Flip Cards
- Parallax Effect Landing Page
Input Forms
- Login AND Register Form with Animations
- Mock Google Input Form
- Modern Contact Form
Landing Pages
- Website Landing Page with Flip Cards
- Parallax Effect Landing Page
- Single Page Website
- Interactive Website Landing Page
Controls
- Mobile Phone Toggle Buttons
- Custom Checkboxes
- Stylish Dropdown Lists
- Popup Speech Bubble/Balloon
- Auto-hide Page Sections
Menu Systems
- Slick, Single Level Nav Bar Menu
- Mobile Navigation Menu
- Huge Dropdown Menu
- Menu with Submenus
The Parallax Effect
- Parallax Effect Landing Page
- Parallax Effect Footer
Special Effects
- Bokeh Background
- Christmas Bokeh Background
- Rainbow Linear Gradient Background
- Image Portfolio/Gallery
- Lifted Corners
Positioning
- Center Elements on Screen
- Position Footer at Bottom of Page
- Remove Whitespace Between Images
- Bootstrap Rows and Columns
Other
- Using CSS Feature Queries
- Detect User Dark Mode Theme
- The CSS Box Shadow Property
- Special HTML Characters
- BING Virtual Earth Maps API
- Google Maps v3 API