Here are my top links for picking gorgeous palettes for my projects: Building a page with a " darkslategrey" or a " hotpink" background-color is a crime. A good color will often make the difference between a bad-looking page and a great one. More great font-links here, here and here. Letterhead Fonts: Rare and unique old typefaces.Those fonts are paid ones but 100% of the price goes into the designer's pocket. LostType Co-Op: If you're looking for something a bit more hype and trendy.: Helps you identify a specific font using a URL or an image file.
ONLINE BOOKMARK HTML COMPILER FREE
Google Fonts: Free and essential, easy to use too. Here are some links I keep in my 'Fonts' folder: Your projects will look more complete and potential employers will see that you're not only a code-generator. If you can spend some time on that aspect though, please do. In most cases, using Lato or Roboto from Google Fonts is already a great improvement over a default font. You don't have to be a designer or anything to pick a great font. Building a page with the default browser font is a crime. A good font will often make the difference between a bad-looking page and a great one. I started creating a Resources folder with everything in it but found myself having to go through the all thing just for a specific font so I like to have the following now: Since YouTube doesn't really have a great way to organize and manage your playlists (creating subfolders in YouTube would soooooo great 😍), I often have to dog past vegan recipes and Bowie concerts to get my hands on that specific "React + Firebase Tutorial".Ī little Space Oddity in the back doesn't do any harm still 🚀 Tutorials are great, especially if you're a visual learner like me, I can read something 10 times without grabbing it really, but if I can try on my own or see someone doing it live, it helps a lot! There are tons of great articles out there on the direction each environment is taking, how JS is evolving into ES7? How React is changing the way we 'think' and 'organize' our code? Which version of Angular will finally be stable and consistent (aha)? This is where you can keep track of the major changes hitting the front-end ecosystem.īest practice in my opinion is to keep that one at the bottom of your languages folders so that they're not visually competing with the useful stuff you'll be searching when you work but be sure it's accessible as it's still nice to keep an overview on how things are evolving out there. The second subfolder I have in each language foder is 
Remember that a bookmark should only be one if the relevant page takes more than 2/3 sec to be Googled. map() method works already?" so you might event want to have like 'Functions' sub-sub-folder if you find yourself browsing that a lot. You'll often be stuck on a script while building a function, thinking "damn how does that. I started with a single 'Docs' folder to keep all my important MDN links together but it quickly became too crowded and I could not tell apart one from the other so now I like to separate those by language. This is where I keep important links such as MDN pages on specific methods or prototyping for JS, or references to sections of the Facebook React Github docs for React.JS. Inside each "language folder" I have the following sub-folders:
The first set of folders I have in my bookmarks is sorted by languages:
0 kommentar(er)
