Here you can find resources, tools, extensions and everything else about "Front-End Development".
Helpful / Useful Links | Resources | Tools | Extensions | Jobs/Careers
- GitHub Profile README Generator
- GitHub Contributions Chart Generator
- Github Profile README Icon Card Generator
- Github Profile README Skills Icons
Document Resources | Video Resources | Courses | Certificate Programs | Trainings and Code Battles Sites | CheatSheets | Roadmaps | Source Research | Templates
- [TR] - Sıfırdan CSS Eğitim - (Adem İlter)
- [TR] - CSS Anlat - (Adem İlter)
- [TR] - CSS Dersleri - (PROTOTURK)
- [TR] - CSS Dersleri - (Enes Bayram)
- [TR] - CSS3 Transition, Transform ve Animation Özellikleri - (Arin Yazilim)
- [EN] - Tailwind CSS - Course for Beginners - (CodewithGuillaume)
- [EN] - Tailwind CSS – Course for Beginners - (freeCodeCamp.org)
- [TR] - Tailwind CSS Dersleri - (PROTOTURK)
- [TR] - Yeni Başlayanlar İçin Tailwind CSS - (Arin Yazilim)
- [TR] - Tailwind CSS - Kullanacaklar izlesin - (Adem İlter)
- [TR] - Tailwind CSS - Çok mu çirkin!? - (Adem İlter)
- [TR] - Tailwind CSS - Temel Kavramlar, CSS bilmek şart mı? - (Adem İlter)
- [EN] - JavaScript Tutorial - Create a Card Game - (freeCodeCamp.org)
- [EN] - Build A Calculator With JavaScript Tutorial - (freeCodeCamp.org)
- [EN] - 10 JavaScript Projects in 10 Hours - Coding Challenge - (freeCodeCamp.org)
- [EN] - Build 15 JavaScript Projects - Vanilla JavaScript Course - (freeCodeCamp.org)
- [TR] - JavaScript - (PROTOTURK)
- [TR] - 30 Günde JavaScript - (PROTOTURK)
- [TR] - Modern Javascript - (Mehmet Pekcan)
- [TR] - JavaScript Eğitim Serisi - (Uğur Aktaş)
- [TR] - JavaScript Dersleri - (Enes Bayram)
- [TR] - JavaScript Karmaşası - (Arin Yazilim)
- [TR] - Uygulamalı Javascript Dersleri - (Arin Yazilim)
- [TR] - Frontend Calisma Grubu - (Fatih Acet)
- [TR] - React + Tailwind = UI Clone Projeleri - (PROTOTURK)
- [TR] - React Örnekleri - (PROTOTURK)
- [TR] - ReactJS Basit Uygulamalar - (Uğur Aktaş)
- [TR] - Yeni Başlayanlar İçin React - (Arin Yazilim)
- [TR] - React'la Site Yapımı - (Uğur Coşkun)
- [TR] - ReactJS Eğitim Seti 2022 - (PC Uzmanı)
- [TR] - React ile Twitter Klonu - (Adem İlter)
- [TR] - React-Hooks - (Uğur Coşkun)
- [TR] - React Hooks - (codingwithdidem)
- [TR] - React Hooks - (Ali Özkan)
- [TR] - React Custom Hooks - (Ali Özkan)
- [TR] - Next.js v13 İlk Bakış - (Mehmet Pekcan)
- [TR] - Sıfırdan İleri Seviye Next.js (v13) - (Mehmet Pekcan)
- [TR] - Next.js öğreniyorum - (Adem İlter)
- [TR] - Vue3 Bootcamp - (Kablosuz Kedi)
- [TR] - Vue eklentisi nasıl yazılır/paketlenir/npm'e gönderilir - (Adem İlter)
Adem İlter - [TR]
PROTOTURK - [TR]
Arin Yazilim - [TR]
Mehmet Pekcan - [TR]
codingwithdidem - [TR]
Yazılım Bilimi - [TR]
- HTML-CSS (Web Development Tutorials)
- HTML
- Flexbox
- Grid
- Tailwind CSS
- JavaScript Cheatsheet
- Responsive Web Design
- Git
- Git
- Git
- DevDocs
- Design Resources
- Free JavaScript Resources
- Web Development Resources
- Free for Developers
- Dev Resources
- Public APIs
- UntitledUI - (UI kit and design system for Figma)
- DopeUI - (Templates for Figma)
- FreeFigmaTemplates - (Templates for Figma)
- HTMLrev - (Landing page HTML templates)
- HTML5 UP - (Responsive HTML5 and CSS3 Site Templates)
- GrayGrids - (HTML, Bootstrap, Tailwind Templates)
- UIdeck - (HTML Templates, Bootstrap Themes, Tailwind, and React Templates)
Icons | Colors | Fonts | Stock Media Resources | CSS Generators | Ready to use (...) | Hosts | API
- Google Icons
- Tabler Icons
- Line Icons
- Icon Scout
- Remix Icon
- CSS.gg
- ionicons
- Feather Icons
- Flaticons
- Boxicons
- Simple Icons
- IcoMoon
- Iconoir
- Phosphor
- Glyphs Icons
- IconPark
- Bunch Icons
- 147 Colors
- uiGradients
- coolors
- Colorsinspo
- Color Hunt
- colorsandfonts.
- colordesigner
- colorshadowlord/
- Shadowlord - Tints and Shades Colors
-
Glassmorphism Generator
-
Mesh Gradient
-
Background Wave SVG Generator
-
Border Radius Generator
-
Box-Shadow - Gradiend Box-Shadow
-
Grid Generator
- Tailwind UI - (Official Components of Tailwind CSS - By the makers of Tailwind CSS)
- Flowbite - (Components of Tailwind CSS)
- Headless UI - (Components of Tailwind CSS for Vue/React)
- daisyUI - (Components of Tailwind CSS for Vue, React, ...)
- Material Tailwind - (Components Library for Tailwind CSS and Material Design)
- Tailblocks - (Ready-to-use Tailwind CSS Blocks)
- uiverse - (Buttons-Loaders-Checkboxes-Toggle Switches-Inputs-Cards)
- Box-Shadows
- Gradient Buttons
- Buttons
- Collection of CSS Animations
- Animate.css - (CSS Animations Library)
- Popular Layouts and Patterns
- 50 Free SVG Mesh Gradients
- A free collection of 208 SVG Doodles
- The Movie Database
- TVDB - (TV and Movie Databases)
- Supabase
- Pocket API
- Kuzzle
- V-Calander - (on Vue.js)
- Here Developer
- Asana
- HTTP Cats
Browser Extensions | VSCode Extensions
- ColorZilla
- Dimensions
- WhatFont
- Wappalyzer
- WhatRuns
- VisBug
- CSS Peeper
- CSSViewer
- Web Developer
- Window Resizer
- React Developer Tools
- Vue.js devtools
- Lighthouse
- Selectext - Copy text from videos!
- Live Server
- Live Share
- ESLint
- Prettier - Code formatter
- Tailwind CSS IntelliSense
- Tailwind Documentation
- GitLens — Git supercharged
- CSS Peek
- Live Sass Compiler
- Quokka.js
- Console Ninja
- Turbo Console Log
- Markdown Preview Enhanced
- Tabnine AI Autocomplete for Javascript, Python, Typescript, PHP, Go, Java, Ruby & more
- ES7+ React/Redux/React-Native snippets
- JavaScript (ES6) code snippets
- Vue Language Features (Volar)
- TypeScript Vue Plugin (Volar)
- Vetur
- Vue VSCode Snippets
- Better Comments
- Color Highlight
- indent-rainbow
- Material Theme
- Material Icon Theme
- Deepdark Material Theme
- Power Mode
- vscode-faker
- CodeSnap
- Twitter: @emr3rden
- Instagram: @emr3rden
- Codepen: @emr3rden
- LinkedIn: @emr3rden
- Website: emr3rden.github.io