Frontend Resources
Tags: frontend, javascript, ui, ux
Published: 2020-12-26 09:11:57

In this article, I listed useful resources and tools that you can use to improve your front-end skills. If you have resources you want to add, you can contribute to the [repository](https://github.com/Bur0/burakalpkara.com).

Source : [burakalpkara.com](https://burakalpkara.com)

### 📚 Blogs & Magazines
  - [developer.mozilla.org](https://developer.mozilla.org/en-US/)
  - [css-tricks.com](https://css-tricks.com/) 
  - [dev.to](https://dev.to/)
  - [smashingmagazine.com](https://www.smashingmagazine.com/)
  - [tympanus.net](https://tympanus.net)
  - [cssdesignawards.com](https://www.cssdesignawards.com/)
  - [odayibasi.medium.com](https://odayibasi.medium.com/) 🇹🇷
  - [alistapart.com](https://alistapart.com/)
  - [davidwalsh.name](https://davidwalsh.name/)
  - [css-weekly.com](https://css-weekly.com/)
  - [sitepoint.com](https://www.sitepoint.com/)
  - [sidebar.io](https://sidebar.io/)
  - [turkcedokuman.com](https://turkcedokuman.com/) 🇹🇷
  - [frontend.horse](https://frontend.horse/)
  - [heydesigner.com](https://heydesigner.com/)
  - [drafts.csswg.org](https://drafts.csswg.org/)
  - [fatihhayrioglu.com](https://fatihhayrioglu.com/) 🇹🇷
  - [jstutorial.medium.com](https://jstutorial.medium.com/)
  - [wesbos.com/blog](https://wesbos.com/blog)
  - [blog.logrocket.com](https://blog.logrocket.com/)
  - [overreacted.io](https://overreacted.io/)
  - [justjavascript.com](https://justjavascript.com/)
  - [epicreact.dev](https://epicreact.dev/)
  - [frontendfoc.us](https://frontendfoc.us/)
  - [kevinpowell.co/articles](https://www.kevinpowell.co/articles/)
  - [javascript.info](https://javascript.info) 
  - [web-standards.ru](https://web-standards.ru/) 🇷🇺
  - [joshwcomeau.com](https://www.joshwcomeau.com)
  - [ishadeed.com](https://ishadeed.com)
  - [jxnblk.com/blog](https://jxnblk.com/blog)
  - [infinum.com/handbook](https://infinum.com/handbook/books/frontend)
  - [1loc.dev](https://1loc.dev/)
  - [elad.medium.com](https://elad.medium.com/)
  - [catchjs.com/Blog/PerformanceInTheWild](https://catchjs.com/Blog/PerformanceInTheWild)
  - [wizardzines.com](https://wizardzines.com/zines/css/)  
  - [browser-2020](https://github.com/luruke/browser-2020)
  - [hwclass.medium.com](hwclass.medium.com) 
  - [catalin.red](https://catalin.red/)
  - [speckyboy.com](https://speckyboy.com/)
  - [css-irl.info](https://css-irl.info/)

  

### 🎯 Playground & Sites 
  - [codepen.io](codepen.io/trending)
  - [w3schools.com](https://www.w3schools.com) 
  - [flexboxfroggy.com](https://flexboxfroggy.com) 
  - [cssgridgarden.com](https://cssgridgarden.com)
  - [Learn CSS Positioning](https://ishadeed.com/article/learn-css-positioning/)
  - [codyhouse.co](https://codyhouse.co/) 💰
  

### ⚓︎ Javascript/Css Ui Framework
   - [tailwindcss](http://tailwindcss.com/)
   - [Bulma](https://bulma.io/)
   - [Bootstrap](https://getbootstrap.com/)
   - [Ant Design](https://ant.design/)
   - [Element](https://elemefe.github.io/element-react/#/en-US/quick-start)
   - [Semantic Ui](https://semantic-ui.com/)
   - [Vuetify](https://vuetifyjs.com)
   - [Bootstrap Vue](https://bootstrap-vue.org/)
   - [Buefy](https://buefy.org/)
   - [Vuesax](https://vuesax.com/)
  
### ⚒️ Toolkit
  - [bit.dev](https://bit.dev/)
  - [tiny-helpers.dev](https://tiny-helpers.dev/)  🚀
  - [caniuse.com](https://caniuse.com/)
  - [photopea.com](https://www.photopea.com/)
  - [usewindy.com](https://usewindy.com/) 💰
  - [javier.xyz/visual-center](https://javier.xyz/visual-center/) 
  - [svgbox.net/iconsets](https://svgbox.net/iconsets)
  - [tinypng.com](https://tinypng.com/)
  - [Responsively App](https://github.com/responsively-org/responsively-app)
  - [wweb.dev/resources/css-separator-generator](https://wweb.dev/resources/css-separator-generator)
  - [githubbox](https://github.com/dferber90/githubbox)
  - [remove.bg](https://www.remove.bg/)
  - [vanschneider.com/colors](https://vanschneider.com/colors)
  - [feathericons.com](https://feathericons.com/)
  - [heroicons.dev](https://heroicons.dev/)
  - [icones.netlify.app](https://icones.netlify.app/)
  - [bundlephobia.com](https://bundlephobia.com/)
  - [blocks.wickedtemplates.com](https://blocks.wickedtemplates.com)
  
 
 
### 🍪 Browser Extensions
  - [PerfectPixel](https://chrome.google.com/webstore/detail/perfectpixel-by-welldonec/dkaagdgjmgdmbnecmcefdhjekcoceebi?hl) 
  - [JSON Viewer](https://chrome.google.com/webstore/detail/json-viewer/gbmdgpbipfallnflgajpaliibnhdgobh)
  - [CSS Peeper](https://chrome.google.com/webstore/detail/css-peeper/mbnbehikldjhnfehhnaidhjhoofhpehk?hl)
  - [WhatFont](https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm?hl)

### 🎒 Courses
  - [freecodecamp.org](https://www.freecodecamp.org/)
  - [pluralsight.com](https://www.pluralsight.com/) 💰
  - [designcode.io](https://designcode.io/) 💰
  - [frontendmasters.com](https://frontendmasters.com/) 💰
  - [leveluptutorials.com](https://www.leveluptutorials.com/)
  - [codecademy.com](https://www.codecademy.com/)
  - [htmlacademy.org](https://htmlacademy.org)
  - [andreasbm.github.io/web-skills](https://andreasbm.github.io/web-skills/)
  - [scrimba.com](https://scrimba.com/)
  - [codecourse.com](https://codecourse.com/) 💰
  - [teamtreehouse.com](https://teamtreehouse.com/)
  - [linkedin.com/learning](https://www.linkedin.com/learning) 💰
  - [egghead.io](https://egghead.io/)
  - [masteringnextjs.com](https://masteringnextjs.com/) 
  - [courses.reactsecurity.io](https://courses.reactsecurity.io/) 💰
  - [reactnativeschool.com](https://www.reactnativeschool.com/)

  
### 🏔 UX / UI
  - [uxarchive.com](uxarchive.com) 
  - [lukew.com](https://www.lukew.com/)
  - [refactoringui.com](https://refactoringui.com/)
  - [uxmovement.com](https://uxmovement.com/)
  - [checklist.design](https://www.checklist.design/)
  - [userway.org](https://userway.org/) 💰
  - [sherpa.blog](https://sherpa.blog/) 🇹🇷 💰
  - [medium.com/@nathanacurtis](https://medium.com/@nathanacurtis)
  - [UI'da Çözeriz](https://www.youtube.com/channel/UCVH6om9EisvKXJtJCjm3fyA/videos) 🇹🇷


### 🔴 Youtube 
  - [DesignCourse](https://www.youtube.com/c/DesignCourse/videos)
  - [AdamArgyleInk](https://www.youtube.com/c/AdamArgyleInk/videos)
  - [Justin Kim](https://www.youtube.com/c/JustinKimJS/videos)
  - [WesBos](https://www.youtube.com/c/WesBos/videos)
  - [TheNetNinja](https://www.youtube.com/c/TheNetNinja/videos)
  - [Adem İlter](https://www.youtube.com/c/AdemIlter/videos) 🇹🇷
  - [Fatih Acet](https://www.youtube.com/c/FatihAcet/videos) 🇹🇷
  - [Kevin Powell](https://www.youtube.com/kepowob/videos)
  - [Codegrid](https://www.youtube.com/c/Codegrid/videos)
  - [codedamn](https://www.youtube.com/c/codedamn/videos) 
  - [Kodla Co](https://www.youtube.com/channel/UC36g9LO0Y5obns9PJCoBp8g/videos) 🇹🇷
  - [Webend](https://www.youtube.com/channel/UCUmfDu4Ux_uD9Hv5GKtNHAg/videos) 🇹🇷
  - [Codevolution](https://www.youtube.com/c/Codevolution/videos)
  - [Rachel Andrew](https://www.youtube.com/c/RachelAndrew/videos)
  - [Google Chrome Developers](https://www.youtube.com/c/GoogleChromeDevelopers/videos)
  - [John Ahn](https://www.youtube.com/channel/UCFyXA9x8lpL3EYWeYhj4C4Q/videos)
  - [Engin Demiroğ](https://www.youtube.com/channel/UCRjiquPh4mjPNoOV9eCilXQ/videos)  🇹🇷
  - [DesignIntoCode](https://www.youtube.com/c/DesignIntoCode/videos)
  - [Pradip Debnath](https://www.youtube.com/c/itzpradip/videos)
  - [Devdojo](https://www.youtube.com/c/Devdojo/videos)
  - [William Candillon](https://www.youtube.com/c/wcandillon/videos)
  - [Tarik Guney](https://www.youtube.com/c/TarikGuney/videos) 🇹🇷
  - [JS Turk](https://www.youtube.com/c/JSTurk/videos) 🇹🇷
  - [PROTOTURK](https://www.youtube.com/c/PROTOTURKCOM/videos) 🇹🇷
  - [Web Dev Simplified](https://www.youtube.com/c/WebDevSimplified/videos)
  - [Frontend Istanbul](https://www.youtube.com/c/FrontendIstanbul/videos) 🇹🇷
  - [AdrianTwarog](https://www.youtube.com/c/AdrianTwarog/videos)
  - [Curran Kelleher](https://www.youtube.com/c/currankelleher/videos)
  - [JavaScriptMastery](https://www.youtube.com/c/JavaScriptMastery/videos)
  - [Kablosuz Kedi](https://www.youtube.com/c/kablosuzkedii/videos)  🇹🇷
  - [microcode](https://www.youtube.com/c/microcode/videos) 
  
#### 🟣 Instagram

 - [samanthaming](https://www.instagram.com/samanthaming/)