
If you want to take development seriously then learn from the best. I have spent hundreds of hours on the site. Work in real modules with guided instructions, hint, and live preview. This app lets you choose your styles then gives you the json to use in your google maps function.įree educational platform for coding. I read a book on the Google Maps API a couple a years ago and it kind of became my thing to deliver cleverly style maps to my clients. The first result is your uncle, and he will tell you what you need to know. This is how I quicky reference html and css directly from w3schools in google. Try searching 'text-align w3schools' in google. It would be so much easier to remember all of the attributes if there weren't all of those prefixes involved, but at least there are a few nice references that stay up to date. So many other generators though I rarely use these. I do not write my own box shadow code, ever. Having hte preview on the same page and not having to worry about all of the skipping and freezing bugs makes it so much faster to get the functionality squared away. I still prefer to build my modules in JSFiddle then plug them into Hubspot. If you have ever fumbled script versions like I have then you know the power in this. Paste a different version of a script to each side, submit, and DiffNow will tell you the difference.
THE CHEAT SHEET READ FREE ONLINE FULL
pay attention to the settings on the sidebar though, in most cases you will want the output to be code fragment, full page adds html, head, and body tags. This tools is great for setting markup straight. Also there are times when you have to go through svg markup, someone elses markup, or generated markup.

Hubspot's old design manager used 4 space tabs, the new one uses 2 space tabs, my notepad uses 8 space tabs and my text editor uses etc. I like this better than my os calculator. Better yet, just type the math problem into the address bar when your search engine is google. This isn't as pretty as compressor.io but I like it over compressor.io for JPGs due to it performing better in my tests with JPG images.Ĭross multiplication is neccessary when I am using a 4500px wide design to build a 1950px wide website. I use this mainly for PNGs but it works for all image types. screen, browser, or tab capture with super simple sharing that doesn't appear to expire. I actually got this from several people at Hubspot and now I use it all the time, even here on the forum. Write out entire style sheets then copy and paste them into your. This works for Developer Info in Hubspot.Įnter css into the extension window and it automatically applies to the page you are on. js page in your browser and it will automatically ask to format it. I believe this only works for Google analytics. Very useful for inticipating responses.Ĭapture parts of a webpage, the whole page, and etc. I use this with gmail and it tells me when someone opens my emails. family, size, letter-spacing, line-height. Get information about live fonts on web pages.

THE CHEAT SHEET READ FREE ONLINE UPDATE
If you would like to add to this list just post below and I will update it.Įyedrop hexidecimal or rgb color codes from any webpage. I thought it might be helpful for others.


Below is a list of tools I have collected and use frequently. I don't know if this is appreciated here, but you see this in other forums.
