Cascade Styling Sheets CSS
Top 10 Daily
* CSS Cheat Sheet *Time
Time and Date!
Write-Box
* Write Url *
A Soft Murmur
Youtube Daily Calm
CSS Frameworks
** CSS Portal *** CSS Desk *
** Traversy CSS Frameworks **
Pre and Code
CSS Problems Solved
Kevin Powell YT
Flaticon Arrows
User Interface (UI)
ui-designUser Experience (UX)
UX BasicsCSS Resources
** Shay How CSS ** | ** Shay How CSS Box Model **
CSS Alignment
Alignment | Bootstrap Horizontal Alignment | Smashing Magazine CSS AlignmentCSS Tricks Centering | CSS Centering | Geeks for Geeks Align
CSS Font
W3 CSS Font | CSS Tricks Font Properties | TypographyFont Awesome
Font Awesome Cheat SheetLoading... Loading... Loading... Loading... Loading...
V5 Bootstrap
** V5 Bootstrap *** CSS Layout io * | CSS Reference io | ** Shay Howe CSS **
* CSS Tricks Almanac *
CSS Learn Layout TOC | CSS Learn Layout | CSS Position Marksheet io
CSS Position Educative io | CSS Position Medium | CSS Position Flaviocopes
Opacity CSS Tricks
CSS W3 Schools
* W3 Schools CSS Home * | * W3 Schools CSS Reference *Align Center Left Right | W3Schools CSS
CSS Grid | CSS Align | CSS Layout
* CSS Ultimate Guide * | * CSS Zen *
Kevin Powell CSS
Improve your CSS by Keepin' it DRY | Kevin Powell YouTube ChannelCSS Bootstrap
Bootstrap CSS | Grid | AlignImages Align | Bootstrap Vertical Alignment |
CSS Display inline block |
CSS Flexbox
CSS Flexbox |Foundation Zurb
Foundation | Site Docs | Email DocsCSS Tips and Tricks
li first child for navigation of logo |CSS Responsive Images
W3 Responsive Images | MDN Responsive Images | Bootstrap 4 Responsive Image |Ul Li Example...Not Good I think due to bootstrap..
- A
- B
- C
- D
- E
VS Code, Emmet, ! Tab, cdn Bootstrap https://www.bootstrapcdn.com/,
Example:
Templates Main | Fonts Importing |Short List Best Of
* Development Process * | * Outline Design and Development * | * Bootstrap Quick Start * | CDN JS Font Awesome | Coggle Thoughtmap | Wireframe | Canva |Best Leveraging Tools
Emmet | * Dev Hints Emmet Cheatsheet * | Scotch IO Emmet | Text ExpanderCSS Images
CSS Background Image Size | Gulp Image Compression | SVG Go | Image Responsive Bootstrap 4SASS
SASS BasicsCSS Colors, Gradients and Opacity
MDN CSS Colors | CSS Tricks Gradients | CSS Opacity | Code Pen Example OpacityUX/UI
Design Course YT | TailBlocks | Tailwind CSSSASS
Sass MeisterLayout Grids, Rows and Columns
Canva | Colorlib | Idealware | MockflowMoqups | Figma Layout-Grids Canva Golden Ratio
Get Bootstrap
* Bootstrap CDN * | Bootstrap Starter Template | Bootstrap Getting StartedLayout Overview | Grid Mix and Match
Themes
Generic CSS
Shay Howe Box Model | w3 Box Model | CSS Tricks Box ModelCSS Layout TOC | CSS Reference io | MDN CSS Reference
CSS Flexbox and Grid Row
Youtube Flexbox Tutorial | Box Sizing Border Box |Codepen Flexbox Examples | MDN Grid Row CSS | ** Grid by Example **
CSS Tricks Grid Guide |
BEM and Other Naming Conventions
BEM Info | BEM 101Other Tips and Tricks
ULHTML 5
W3 Schools Html | MDN Semantic ElementsMDN Elements Reference
Content Creation and Content Curation
Juicer Fresh Daily Content | Curata | Constant Contact Blog | Medium Content CurationTypography
Font Awesome Cheat Sheet | Google Fonts | Bootstrap Typography | Fonts.comAdobe Fonts
Colors
Color Hex | *Colour | Coolors Themes | Color Hunt** Canva Color Themes **
Images
Placeholder | Pexels | PixabayGoogle Dev Image Optimization | Kraken IO | Litmus Image Compression |
Images Guide
Gather Assets Mis en Plac
Functionality Contact Us
w3 Contact Up Demo | Form Get Demo | Codepen Demo | Bootstrapious Demo |* Form Spree Demo * | Traversy Youtube Contact Us Form Demo | Dreamhost Email Setup | Wufoo Secure |
Daily Top Favorites
Write Box | A Soft Murmur Rain Sounds |JS Console
:load https://cdn.jsdelivr.net/momentjs/latest/moment.min.js
moment().format('dddd MMMM Do YYYY, h:mm A')