awesome-lists

My personal lists for everything and anything

Table of Content

• Portfolios - my list of web portfolios that I think are awesome.
• Blogs - a list of my favorite blogs that I like to read.
• Web Development Resources

Portfolios

My list of web-portfolios that I think are awesome. Pull requests are welcome.

Resources

• https://www.reddit.com/r/web_design/comments/6glc6i/best_ridiculously_simple_portfolio_sites/

https://www.justinchi.me/

https://jschr.io/

https://andrewzah.com/posts/my-setup-remote-programming-osx-2019/#development-machine

• I really like the table of contents as the sidebar here

https://colebemis.com/

• interesting way of formatting all sections like a list

https://arthelon.github.io/

• another simple list type format

https://tomanistor.com/

• cool black and white color scheme
• also cool blog format

https://blackrockdigital.github.io/startbootstrap-freelancer/

• simple, clean look

https://bmorelli25.github.io/portfolio-template/

• I like the use of the bootstrap cards.
• https://github.com/bmorelli25/portfolio-template

https://mmacneil.github.io/devfolio/

• use of bootstrap cards to display education and employment
• use of smaller image cards that display a modal of information about projects

https://imfunniee.github.io/fimbo/

• great visuals
• 100% free to use

Back to top

Blogs

• https://markdotto.com/ This blog is written by one of the creators of Bootstrap. He provides some quick advice, and has a sense of humor which is refreshing.

• https://www.vanschneider.com/blog

• https://dotdev.co/

Web Development Resources

I got this idea this site.

Colors

• Granim.js: Create fluid and interactive gradient animations with this small javascript library.
• Color Hunt: Color Palettes for Designers and Artists
• Color Claim: Created Tobias van Schneider with the goal to collect & combine unique colors for future projects.

CSS

• Bootstrap Table: An extended table to integration with some of the most widely used CSS frameworks.
• Animate CSS: A cross-browser library of CSS animations
• Text Input Effects: Simple ideas for enhancing text input interactions
• Hamburgers: Tasty CSS-animated hamburgers
• CSS Effects Snippets: A collection of CSS effects made with Vue.js
• Skeleton: A dead simple, responsive boilerplate.

JavaScript

• Flatpickr: lightweight, powerful javascript datetimepicker with no dependencies
• Select2: The jQuery replacement for select boxes.
• Prism: front-end syntax highlighter
• Cleave.js: Format your <input/> content when you are typing.
• jQuery Cheat Sheet

Icons

• Boxicons: High Quality web friendly icons
• Devicon: Set of icons representing programming languages, designing & development tools
• Ion Icons: The premium icon font for Ionic Framework and web apps everywhere

HTML

• HTML character codes: All HTML character codes of text fonts and symbols from � to &#65535