# web elements **A deeper breakdown of specific elements and modules for building your websites.** ## BLOCKQUOTES - [w3schools - quotations](https://www.w3schools.com/html/html_quotation_elements.asp "opens in new tab") - [1st web designers - css snippets for blockquotes](https://1stwebdesigner.com/css-snippets-blockquotes/ "opens in new tab") - [tympanus - modern block quotes]( https://tympanus.net/codrops/2012/07/25/modern-block-quote-styles/ "opens in new tab") - [css newbie - ways to style blockquoutes](http://www.cssnewbie.com/six-ways-style-blockquotes/#.WP8sTxPytt9 "opens in new tab") - [smashing magazine - gallery of block quotes (no code given, just examples)](https://www.smashingmagazine.com/2008/06/block-quotes-and-pull-quotes-examples-and-good-practices/ "opens in new tab") ## HTML CHARACTER ENTITIES - [html character reference](https://dev.w3.org/html5/html-author/charref "opens in new tab") - [html entity list](http://www.freeformatter.com/html-entities.html "opens in new tab") ## LINK STYLING - [link pseudo classes](https://css-tricks.com/snippets/css/link-pseudo-classes-in-order/) - [chilled out text underlines](https://frontendmasters.com/blog/chilled-out-text-underlines/) ## LIST STYLING - [listamatic - different examples](http://css.maxdesign.com.au/listamatic/ "opens in new tab") - [design shack - list styles](https://designshack.net/articles/css/5-simple-and-practical-css-list-styles-you-can-copy-and-paste/ "opens in new tab") - [red team design - ordered lists](http://red-team-design.com/css3-ordered-list-styles/ "opens in new tab") - [list style recipes from css-tricks](https://css-tricks.com/list-style-recipes/ "opens in new tab") - simple foundation setups for lists ## CSS GENERATORS - [sitepoint - 10 css3 generators](https://www.sitepoint.com/10-best-css3-code-generators/ "opens in new tab") - [web designer depot - 15 great generators](https://www.webdesignerdepot.com/2012/04/15-great-html5-and-css3-generators/ "opens in new tab") - [enjoy css](http://enjoycss.com/ "opens in new tab") - [css generator tool](https://cssgenerator.org) - lots of options - [fancy border radius generator](https://9elements.github.io/fancy-border-radius/) - [shadow palette generator](https://www.joshwcomeau.com/shadow-palette/) ## TABLES - [w3schools - html tables](https://www.w3schools.com/html/html_tables.asp "opens in new tab") - [w3schools - css tables](https://www.w3schools.com/Css/css_table.asp "opens in new tab") - [css tricks - complete guide to the table element](https://css-tricks.com/complete-guide-table-element/ "opens in new tab") - [sitepoint - css table designs](https://www.smashingmagazine.com/2008/08/top-10-css-table-designs/ "opens in new tab") - [stylish css table designs](http://www.findbestwebhosting.com/web-hosting-blog/index.php/15-beautiful-css-table-designs-for-designers "opens in new tab") - [table designs at freefrontend](https://freefrontend.com/css-tables/ "opens in new tab") --- tags: #web #resources home: [[! intro to web resources]]