Bookmarks/Resources Management
Tags: beginners, bookmarks, programming
Published: 2022-04-19 19:23:06

## Table of Contents
1. [Gathering your inspiration](#gathering-your-inspiration)
2. [Giving yourself leeway](#giving-yourself-leeway)
3. [Bookmarking more resources](#bookmarking-more-resources)

### Gathering Your Inspiration
You will hear time and time again that websites such as [Behance](https://www.behance.net), [Dribble](https://dribbble.com/#), and [Instagram](https://www.instagram.com/tmchuynh/) are great sources of inspiration for a developer. But we all know how many times we will go one sites like [CodePen](https://codepen.io/tmchuynh/pen/gOoZPrN) to also look at what works of art other developers have come up with. 


### Giving Yourself Leeway
The first mock-up you create isn't going to be your final nor is it going to be your best. You'll change your design one way or another. You'll want to add multiple more features and take away some. It's all in the process of design. What will help with the process is if you start thinking about options at the brainstorming step instead of waiting until you're almost at the finish line. Yes, you could go down to step 10 of road A but what if you first consider the possibilities of road A and road B equally first? Then you won't have to walk as far in both direction to get to your desired endpoint.

I have attached some resources I personally have bookmarked and have used in past projects:

#### CSS 
- [pattern css](https://bansal.io/pattern-css#separator)
- [freepik](https://www.freepik.com/)
- [Build bootstrap](https://buildbootstrap.com/)
- [smash illustrations](https://usesmash.com/)
- [3d icons](https://free3dicon.com/)
- [favicon](https://www.favicon.cc/?)
- [Font pairing](https://fontjoy.com/)
- [SASS to CSS](https://jsonformatter.org/sass-to-css)
- [unDraw](https://undraw.co/illustrations)
- [type-scale](https://type-scale.com/)
- [Animated headers](https://www.finisher.co/lab/header/)

### CDNs
- [hover.css](https://cdnjs.com/libraries/hover.css/2.1.1)
- [typed.js](https://github.com/mattboldt/typed.js)
- [Charts.css](https://chartscss.org/docs/installation/)

### Resources
- [Flex property](https://css-tricks.com/almanac/properties/f/flex/)
- [Complete Guide to Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
- [CSS Buttons](https://www.w3schools.com/w3css/w3css_buttons.asp)


### Bookmarking More Resources
Managing your bookmarks can be a hassle. Look at your browsers tab right now. How many bookmarks do you have open currently? Do you even dare say? Comment below, if you do, I'd love to hear. I on the other hand, would rather not. 

There are bookmark tools and techniques to manage your tabs that make navigating through them a lot less time consuming. Do you use google chrome's tab grouping feature? Do you have a bookmarks manager app or chrome extension downloaded? 

Here are some techniques and extensions for bookmark managing:

1. [Google Chrome's tab grouping functionality](https://blog.google/products/chrome/manage-tabs-with-google-chrome/)

![google chrome](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hv92qedne1akezhavmr0.png)
 

2. [Pocket](https://getpocket.com/en/)

![pocket](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jfk9o0aujwv5d5rpkgvg.png)
 

3. [Raindrop.io](https://raindrop.io/)

![raindrop](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/su3kqwateltm3wgngazq.png)
 

4. [Lasso.net](https://www.lasso.net/go/)

![content for teams](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/twryjjndv3usir35gkad.png)
 

Happy coding!