All Tools and Technologies Needed for Front-End Developers, Orderd by My Recommendations
All the Famous Editors you need to start working on your projects.
- VSCode Free
- Atom Free
- SublimeText $$
- Coda $$
- KomodoEdit Free
- Brackets Free
- Notepad++ Free
- Vim Free
- PHP Storm $$
- Web Storm $$
- AptanaStudio Free
- Atom Ternjs
- Linter
- Linter Ui Default
- Linter JsHint
- Script
- Atom Path Intellisense
- Atom Live Server
- Atom Beautify
- Minimap
- Pigments
- CSS Autoprefixer
- Color Picker
- Atom Windows TitleBar
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
Only Grids Systems if you don't Want to Use Framework Components.
Tools to Help You Test Your Website Speed, Performance and Accessibility.
- Picsum
- LoremPixel
- ImgPlaceholder
- DummySrc
- IpsumImage
- PlaceImg
- DummyImage
- FakeImagePlease
- Placeholder
- Place-Hold
- Placehold
- 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