diff --git a/README.md b/README.md index c171753..98d2b7e 100644 --- a/README.md +++ b/README.md @@ -40,6 +40,8 @@ ## Learning - [A Complete Guide to Flexbox | CSS-Tricks](https://css-tricks.com/snippets/css/a-guide-to-flexbox/) - A comprehensive guide to the Flexbox Layout. +- [A Complete Guide to Grd | CSS-Tricks](https://css-tricks.com/snippets/css/complete-guide-grid/) - A comprehensive guide to the Grid Layout. +- [CSS Grid](https://cssgrid.io/) - Complete video course all about CSS Grid - [Best Of JS](https://bestof.js.org/) ๐Ÿ‘ A site to check best GitHub repos for your favorite js framework - [CodeCademy](https://www.codecademy.com/) ๐Ÿ‘ - A series of interactive courses teaching the world how to code. Offering free and paid subscriptions across a variety of languages. - [Coursera](https://www.coursera.org/) - A selection of courses from highly reputable schools like Stanford and Yale. @@ -67,8 +69,11 @@ - [W3School](https://www.w3schools.com/) - Web developlment reference library. Covers HTML, CSS, Javascript (jQuery, AJAX, and more), as well as some server-side languages. Includes descriptions and interactive examples. - [Web APIs | MDN](https://developer.mozilla.org/en/docs/Web/API) - Everything a beginner needs to know about Web APIs. - [Web Design in 4 minutes](http://jgthms.com/web-design-in-4-minutes/) by Jeremy Thomas creator of [Bulma CSS](http://bulma.io/) and [marksheet.io](http://marksheet.io). -- [WesBos](http://wesbos.com/) -- [Web Dev Tricks](https://webdevtrick.com) - All your CSS, js, jQuery trending codes with source codes in one place. Your handy partner for all types of modern web development and designs. +- [WesBos](http://wesbos.com/) - Free and premium courses in web development +- [Web Dev Tricks](https://webdevtrick.com) - All your CSS, js, jQuery trending codes with source codes in one place. Your handy partner for all types of modern web development and designs. +- [web.dev](https://web.dev/) - Guides and resources for modern fast websites by google developers. +- [Syntax](https://syntax.fm/) - Front end development podcasts by Wes Bos and Scott Tolinski from Leve Up Tuts. +- [Front-end masters](https://frontendmasters.com/) - In-depth, modern front-end engineering courses. **[โฌ† back to top](#table-of-contents)** @@ -126,7 +131,7 @@ - [Airbnb Open source](https://airbnb.io/) ๐Ÿ‘ - [The Cost of JS](https://medium.com/@addyosmani/the-cost-of-javascript-in-2018-7d8950fbb5d4) ๐Ÿ‘ - [CSS Scroll-Snap](https://css-tricks.com/practical-css-scroll-snapping/) ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ - +- [Preload, Prefetch and priorities in chrome](https://medium.com/reloading/preload-prefetch-and-priorities-in-chrome-776165961bbf) **[โฌ† back to top](#table-of-contents)** --- @@ -150,6 +155,7 @@ - [Polacode](https://marketplace.visualstudio.com/items?itemName=pnp.polacode) - You know those fancy code screenshots you see in articles and tweets? Well, most likely they came from Polacode. It's super simple to use. Copy a piece of code to your clipboard, open up the extension, paste the code, and click to save your image! - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Format your code automatically on save. - [Settings Sync](https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync) - Settings Sync extension save your setting off in Github. Then, you can load them to any new version of VS Code with one command. +- [ES Lint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) - Javascript linter for highlighting code errors and best practices. **[โฌ† back to top](#table-of-contents)** @@ -163,9 +169,11 @@ - [Can I use... Support tables for HTML5, CSS3, etc.](http://www.caniuse.com/) ๐Ÿ‘ - [Checkbot - Browser extension that tests websites for SEO, speed and security issues](https://www.checkbot.io/) - [Codepen](https://codepen.io/) +- [Codesandbox)(https://codesandbox.io/) - [Create a new fiddle - JSFiddle](https://jsfiddle.net/) - [Critical Path CSS Generator - by Jonas Ohlsson](https://jonassebastianohlsson.com/criticalpathcssgenerator/) - [CrossBrowserTesting App](https://app.crossbrowsertesting.com/livetests/run) +- [https://www.browserstack.com/] - [CSS Triggers](https://csstriggers.com/) ๐Ÿ‘ - [DirtyMarkup ยท Tidy up your HTML, CSS, and JavaScript code](https://dirtymarkup.com/) ๐Ÿ‘ - [Favicon Generator](http://www.favicon-generator.org/) @@ -176,7 +184,7 @@ - [Javascript Console in Sublime Text](https://pawelgrzybek.com/javascript-console-in-sublime-text/) - [jQuery mega cheat sheet](https://cdn.makeawebsitehub.com/wp-content/uploads/2015/09/jquery-mega-cheat-sheet-Printable.pdf) - [JS Bin](http://jsbin.com/?html,output) -- [PageSpeed Insights](https://developers.google.com/speed/pagespeed/insights/) ๐Ÿ‘ +- [Lighthouse](https://developers.google.com/web/tools/lighthouse) ๐Ÿ‘ - [Responsinator](http://www.responsinator.com/) - [Responsive Grid System](http://www.responsivegridsystem.com/) - [Sans Francisco - a tool for designers](http://www.sansfrancis.co/) @@ -342,6 +350,7 @@ - [Random famous quotes | Mashape APIs](https://market.mashape.com/andruxnet/random-famous-quotes) - [Web APIs | MDN](https://developer.mozilla.org/en/docs/Web/API) - [A list of public APIs](https://github.com/toddmotto/public-apis) +- [jsonplaceholder](https://jsonplaceholder.typicode.com) - Fake Online REST API for Testing and Prototyping **[โฌ† back to top](#table-of-contents)** @@ -370,7 +379,8 @@ - [HTML5 for Masterminds, 2nd Edition](https://www.amazon.com/gp/product/1500429120/ref=as_li_tl?ie=UTF8&camp=1789&creative=9325&creativeASIN=1500429120&linkCode=as2&tag=pinnok-20&linkId=IBCPBVE3TBPCOUWF) - A complete course from Beginner to Mastermind - [Learn How To Code In HTML5 and CSS3](http://howtocodeinhtml.com/) - A free e-book about making websites in HTML5 and CSS for absolute beginners - [Responsive Web Design with HTML5 and CSS3](http://www.amazon.com/gp/product/1784398934/ref=as_li_tl?ie=UTF8&camp=1789&creative=9325&creativeASIN=1784398934&linkCode=as2&tag=pinnok-20&linkId=6CN4JQGXTZU6DHRY) - A comprehensive book about making RWD -- [Ebook Foundation-free programing books: GitHub Repository](https://github.com/EbookFoundation/free-programming-books) A directory of free learning resources, categorized by language +- [Ebook Foundation-free programing books: GitHub Repository](https://github.com/EbookFoundation/free-programming-books) - A directory of free learning resources, categorized by language +- [You don't know JS](https://github.com/getify/You-Dont-Know-JS) - Book series diving deep into the core mechanisms of the JavaScript language. **[โฌ† back to top](#table-of-contents)** @@ -382,6 +392,8 @@ - [CSS Diner](http://flukeout.github.io/) - It's a fun game to learn and practice CSS selectors. - [CSS Zen Garden](http://www.csszengarden.com/) - A demonstration of what can be accomplished through CSS-based design, and a chance to do your own. - [JavaScript30](https://javascript30.com/) - A free challenge course, building 30 little projects with HTML, CSS and plain JavaScript. +- [leetcode](https://leetcode.com/) - Coding prolems to solve in a range of categories and difficulties +- [hackerrank](https://www.hackerrank.com/) - Practice coding, prepare for interviews, and solve interview style coding challenges. **[โฌ† back to top](#table-of-contents)**