The tools I use for developing websites in 2018

Here is a non-exhaustive list of the tools I use for developing websites.


  • TextMate

    Commercial Mac OS X Website

    TextMate has been my editor of choice since I can remember. It's a free and open source text editor since version 2.0. It is updated very regularly (every 5-7 days for nighty builds). It is extremely light and fast and has a simple and ergonomic graphical interface. It is an IDE that allows you to develop in almost any language (both front-end and back-end) and to which you can add many extensions thanks to its system of bundles and snippets. A tool that I am therefore not ready to give up for the moment!

     

    TextMate icon
  • Sublime Text

    Freemium Mac Windows Linux Website

    Sometimes, when I want to change for something with more built-in functionalities, themes, and add-ons or when I'm not working on a Small macOS iconmacOS computer, I use Sublime Text 3. I know all the cool kids are using Small Atom iconAtom or Small Visual Studio Code iconVisual Studio Code nowadays, but when speed and performances are important to you, Sublime Text still is way ahead of its competitors.

     

    Sublime Text icon
  • Cyberduck

    Free Mac Windows Website

    I've used Small Transmit iconTransmit for a long time, but now, I'm using Cyberduck since it's free and open-source and has all the features I need from an FTP/SFTP client. I know lots of people are using Small FileZilla iconFileZilla but I've never been able to use it in the long run because of its terrible UI and security issue about storing unencrypted passwords.

     

    Cyberduck icon
  • DPLOY

    Free Mac OS X Windows Linux BSD Node.JS Website

    I also had the opportunity to test DPLOY which is particularly useful if you are using Small Git iconGit. It's a command-line tool that allows you to deploy only the latest changes, comparing the version on the server with your Git repository. It is finally quite similar to the synchronization function of Transmit, but faster, more stable, free and open-source!

     

    DPLOY icon
  • CodeKit

    Commercial Mac OS X Website

    I also use Codekit for most of my web projects, which is a bit like the Swiss developer's knife. It makes it possible to compile many languages (Less, Sass, Jade...) and has very useful functions such as the auto-prefixer, live reload and live preview, image optimization, and many others... It is one of the indispensable tools that I would find it difficult to do without today. Sorry, Windows and Linux users but it's only available for Small macOS iconmacOS.

     

    CodeKit icon
  • Gulp.js

    Free Web Node.JS Website

    Gulp is a task runner, i. e. it is capable of running scripts in your place alone like a big boy.
    These tasks depend on your goodwill and can be very varied:
    • simple operations such as minifying or concatenating CSS or JavaScript,
    • the creation or deletion of folders or files (possibility to create a project from scratch),
    • optimization, image compression,
    • the creation of a local server allowing testing on multiple devices at the same time,
    • the simulation of phantom browsers designed to browse and test page display regressions,
    etc.
    It has some similar features with Codekit so choose one or the other but don't use both at the same time, it'd be pretty useless.

     

    Gulp.js icon
  • Git

    Free Mac OS X Windows Linux Android iPhone ... BSD Haiku Website

    Well, what about Git? It's a decentralized version management software and I hope you're using it if you're developing websites or apps in 2018.
    It allows and encourages you to have multiple local branches that can be entirely independent of each other. The creation, merging, and deletion of those lines of development takes seconds.

    This means that you can do things like:

    • Frictionless Context Switching. Create a branch to try out an idea, commit a few times, switch back to where you branched from, apply a patch, switch back to where you are experimenting, and merge it in.
    • Role-Based code lines. Have a branch that always contains only what goes to production, another that you merge work into for testing, and several smaller ones for day to day work.
    • Feature Based Workflow. Create new branches for each new feature you're working on so you can seamlessly switch back and forth between them, then delete each branch when that feature gets merged into your main line.
    • Disposable Experimentation. Create a branch to experiment in, realize it's not going to work, and just delete it - abandoning the work—with nobody else ever seeing it (even if you've pushed other branches in the meantime).

     

    Git icon
  • GitHub

    Freemium Mac Windows Web Android Windows S ... Android Tablet BSD Website

    GitHub is a web-based hosting service for projects that use the Small Git iconGit revision control system. The site provides social networking functionality like feeds, followers and the network graph to display how developers work on their versions of a repository.

     

    GitHub icon
  • Chrome Canary

    Free Mac Windows Android Website

    Google Chrome Canary is an early-release, experimental version of the famous browser and is aimed at web developers so that they can work with the only search engine without losing the original version of Chrome. This allows them to try out the different features and run both browsers at the same time with a different configuration.
    Google says: "be forewarned: it's designed for developers and early adopters, and can sometimes break down completely".

     

    Chrome Canary icon
  • Grav

    Free Web Self-Hosted PHP Markdown Website

    Grav is an easy to use, yet powerful, open-source CMS that requires no database. In a nutshell, installing Grav is a matter of unzipping the file. It is fast, has sophisticated caching, and a light footprint for optimal performance. Content is just simple markdown files in folders, with no complicated databases to deal with. A powerful API and extensive hooks allow for plugins to extend Grav. Flexible Twig templating allows easy realization of your designs. It's what I use for most of my web projects.

     

    Grav icon
  • Stack Overflow

    Free Web Android iPhone Website

    Stack Overflow, part of Small Stack Exchange iconStack Exchange, is a free, community-driven, reputation-based Q & A site for computer programmers.
    In short, this is the website I spend most of my time on when I'm developing a website and need help with anything and everything.

     

    Stack Overflow icon

I hope this list will help you. Feel free to hit me up on Twitter if you need anything or just want to talk.



Comments on The tools I use for developing websites in 2018

Echo echo ... Feels empty in here

Maybe you want to be the first to submit a comment?

Sign up to comment, it's simple!