Seven Amazing Web Development Resources

1: Font Pair – Fonts don’t exist in a vacuum, least of all Google fonts. With thousands of different fonts available, being able to maintain an aesthetically pleasing reading experience can be a challenge. Fortunately, there’s Font Pair, which reveals which Google fonts work best together. You’ll never get lost pairing serifs and sans-serifs again, we promise.

2: PlaceIMG – After you’ve built the wireframe, spun up the dev box, and started your latest (and greatest) creation, there’s always one thing missing: Great images. With the ability to deliver images in the style and size of your choice, PlaceIMG is an essential bookmark and has delivered over 100 million images to web developers worldwide.

3: Materialize – Google’s Material Design is, without a doubt, all the rage in 2016. But enacting the principles from scratch can be hard. Materialize is a responsive CSS framework based on Material Design. By incorporating custom CSS components into the default settings, building a great user experience with a beautiful aesthetic couldn’t be easier.

4: Gulp – Automating your dev team’s workflow is a crucial step to speeding up the creation of your next app. That’s where Gulp comes in: This taskrunner uses node streams to speed up your workflow and make your latest build work exactly how you imagine… hopefully.

5: Atom – Don’t love text editors? Well, here’s one that will make you love them. Atom is an open source desktop app that is customizable from the bottom up. The best part? You don’t need to touch the config file for each customization. So if you want to directly edit Chrome text in a darker UI where colors are are visually displayed… This is your golden ticket.

6: XAMPP – Great local dev environments are essential for web developers. Unfortunately, it’s not easy to install an Apache web server, especially one with all the bells and whistles. That’s why XAMPP has been around for over a decade: It’s easy to install Apache distribution contains the full gamut of tools (MariaDB, PHP, and Perl) and, crucially, is 100% free.

7: yourbrowser.is – So your website is 99% “done” and it’s time to share it with an impatient client. Will they see it the same way you do? Have them visit yourbrowser.is, where all the details of their browser, operating system, screen resolution, JavaScript, Flash version, you name it, can be emailed to you in a detail report. No more client nightmares, right?

Comments

  • Tarun Khandelwal

    Hello! Alec Rojas,
    It’s amazing about “Atom” and I would like to improve it more for the readers:
    Atom is getting popular day by day amongst developers, Atom is a hackable text editor built by the folks at GitHub. Atom is a desktop application based on web technologies. Like other desktop apps, it has its own icon in the dock, native menus and dialogs, and full access to the file system. Atom is comprised of over 50 open-source packages that integrate around a minimal core. Here is more regarding Web Developement. Some of the must have Atom packages are: Color Picker, Minimap, Emmet, Atom Pigments, JavaScript Snippets, etc.

    Thanks,
    tarunkhandelwal1992@gmail.com

Related Articles