All Tools and Technologies Needed for Front-End Developers, Orderd by My Recommendations
- Editors and IDEs
- Css Preprocessors and Tools
- HTML Template Engines and Processors
- JavaScript Transpilers and Compilers
- Design Frameworks and UI Kits
- Prototyping and Wireframing
- Grid Only Tools
- Task Runners and Build Tools
- Test Performance
- Scaffolding Tools
- Websites For Icons
- Placeholder Image Services
- Compare Code
- Websites to Test Your Code
- Version Controls
- References
- Unit Testing and Automation Tools
- Developments Communities
- Websites to Follow
- Developments News
- Famous CMS
- Courses Websites
- Productivity Tools
- Maps for web
All the Famous Editors you need to start working on your projects.
- VSCode Free
- Atom Free | Recommended Packages, Recommended Themes
- SublimeText $$
- Coda $$
- KomodoEdit Free
- Brackets Free
- Notepad++ Free
- Vim Free
- PHP Storm $$
- Web Storm $$
- AptanaStudio Free
Css PreProcessing Tools help you do your work Fast, easy and More Dynamic with a Hard Chance to fail When writing CSS Code. Although Save you Time and Make You Focus on Other Things.
Template Engines help you do your work Fast, easy and More Dynamic with a Hard Chance to fail When writing HTML Code. Although Save you Time and Make You Focus on Other Things.
It Gives you the Ability to Write Modern JavaScript Code and use the features of ES6, 7, 8
All Frameworks and UI Kits that help you Create a cool websites and Save you Time and Power.
- Bootstrap
- Semantic UI
- Foundation
- Pure
- MaterializeCSS
- HTML Kickstart
- GroundWork
- Skeleton
- Beared
- Bulma
- Tachyons
- Tailwind
- Milligram
- UI Kit
- Kube
- KickOff
- BootFlat
- Base
- Concise
- Base ToolKit
- Picni CSS
- Spectre
Only Grids Systems if you don't Want to Use Framework Components.
Websites to deal with colors and choose combinations and Test colours.
Tools to Help You Test Your Website Speed, Performance and Accessibility.
- Picsum
- LoremPixel
- ImgPlaceholder
- DummySrc
- IpsumImage
- PlaceImg
- DummyImage
- FakeImagePlease
- Placeholder
- Place-Hold
- Placehold
- MDN
- HTML5Please
- CanIUse
- W3Schools
- HTML Elements
- HTML Reference
- CSS Index
- CSS4
- CSS4 Selectors
- CSS Values
- Css Triggers
- CSS3 Test
- CSS Reference
- Jest
- AVA
- Jasmine
- Mocha
- Tape
- Cypress
- WebDriver
- Test Cafe
- CasperJs
- Nightmare
- Ghost Inspector
- BackStop
- BrowserStack
- Browserling
- Gremlins
- Night Watch
- Front-End Focus
- Friday Front-End
- Dev Tips
- Fresh Brewed
- Web Develop Reading List
- Web Ops
- Web Tools Weekly
- ProcessWire
- WordPress
- Joomla
- Drupal
- concrete5
- OctoberCMS
- Typo3
- Contentful
- Adobe Experience Manager
- PrestaShop
- Sitefinity
- Udacity
- Lynda
- Coursera
- TeamTreeHouse
- Udemy
- Edx
- EggHead
- FreeCodeCamp
- Pluralsight
- LevelUpTuts
- Teachable
- Image Host Company - Host image on Google Drive
- Trello
- Todoist
- WunderList
- Evernote
- Asana
- Slack
- Discord