Hendra Nicholas I am a software engineer, consultant and CEO at 41studio currently living in West Java, Indonesia. My interests range from programming to sport. I am also interested in entrepreneurship, technology, and design.

10 free tools for frontend web development

1 min read

10 free tools for frontend web development

The progress of web technology is going very quickly, many new tools emerge every year. In the development of the front-end is a big part of the web and has grown on its own path.

Here are 10 mandatory tools for developing a modern front-end, all these apps are free and helpful in creating website websites.

1. Grid Guide

Grid guide is free web app you can generate grods on the fly. First you can input total number of columns of grid guide, and the grid will generate a handful of options. You can download a PNG of each grid into Photoshop or Ilustrator file.

2. Foundation

Foundation | 41studio

Foundation like bootstrap when it comes with predefined CSS classes for grids, typography, buttons and other dynamic elements. Thi is a framework made for email development.

3. CodePen

CodePen | 41studio

CodePen is lighting fast, easy to get started and auto-update whenever you make changes. You can write code in LESS or SASS with preprocessors for HTML.

4. Unheap

Unheap | 41studio

Unheap is plugin with ease. They’re oerganized by type like navigation for media and other. It’s best jQuery plugin on the web.

5. Live Page

LivePage | 41studio

LivePage is a free Chrome extension that’ll auto-update the page whenever you make changes to local file. You can edit your HTML/CSS/JS files localy and the refresh with each save.

6. Fullpage Screen Capture

Fullpage Screen Capture | 41studio

Fullpage Screen Capture is favorite tools when designing a layout and screenshot of an entire website.

7. What Font

WhatFont | 41studio

WhatFont is alleviate some of the pain spent searching. You can add WhatFont to chrome to see a font on a website you can click and hover.

8. Node/npm

Node/npm | 41studio

Node can changed the face of web development. In Javascript to the backend and gave us npm for the managers. This is all frontend developers should learn the command line.

9. Mobile Speed Tester

Mobile Speed Tester | 41studio

Mobile Speed tester is to help webmasters build better sites and website score based on responsivity and loadtime for desktop and mobile.

10. Responsive Test

Responsive Test | 41studio
Responsive test is web app, it’s can open source project realesed on GitHub and you can test responsive website design in your browser.

That was 10 free tools for frontend web development and how to install it,  and if you know information about Software Engineering, Problem Solving, Tutorial, you can visit at www.41studio.com/blog.

Hendra Nicholas I am a software engineer, consultant and CEO at 41studio currently living in West Java, Indonesia. My interests range from programming to sport. I am also interested in entrepreneurship, technology, and design.