5 Tools A Frontend Developer Should Be Using

Use a CSS preprocessor (SASS/LESS)

.nav a {
color: red;
}
.nav a:hover, .nav a:active, .nav a:focus {
color: pink;
}
.nav {
a {
color: red;
&:hover, &:active, &:focus {
color: pink;
}
}
}

Use a build tool (Grunt/Gulp/CodeKit)

display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
gulp autoprefixer
gulp dist

LiveReload

Intro to BrowserSync

Continuous integration & delivery

Create a UI Toolkit

--

--

--

CTO @ OnCare

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
James Broad

James Broad

CTO @ OnCare

More from Medium

JavaScript Design Patterns #2: Open-Closed Principle

An example code snippet written in Javascript keeping the open-closed principle in mind.

What does a Front End developer do?

What does a Front End developer do

5 Free JavaScript Chart Libraries to Make Your Data Pop

Modular Architecture: A Framework For Building Clean, Easy-To-Maintain JavaScript Apps