Applying for January classes? App/scholarship deadline extended through December 9th. Click here
Search Icon A magnifying glass icon.
Search Icon A magnifying glass icon.
Subject
Admissions

DEGREES

Next Start:
January 6, 2025
Next Start:
January 6, 2025
Explore Graphic Design Degree Courses
Discover Sessions Graphic Design Hub

Professional Certificates

Explore Graphic Design Career Courses

DEGREES

Next Start:
January 6, 2025
Next Start:
January 6, 2025
Explore Web Design Degree Courses
Discover Sessions Web Design Hub

Professional Certificates

Next Start:
January 1, 2025
Explore Web Design Career Courses

DEGREES

Next Start:
January 6, 2025
Explore Digital Media Degree Courses
Discover Sessions Digital Media Hub

Professional Certificates

Explore Digital Media Career Courses

DEGREES

Next Start:
January 6, 2025
Explore Digital Media Degree Courses
Discover Sessions Digital Media Hub
You can deepen your software skills and keep up with the latest Adobe CC updates in our online Digital Arts courses.
Contact Admissions

DEGREES

Next Start:
January 6, 2025
Next Start:
January 6, 2025
Explore Digital Photography Degree Courses
Discover Sessions Digital Photography Hub

DEGREES

Next Start:
January 1, 2025
Explore Fine Arts Degree Courses

DEGREES

Next Start:
January 6, 2025
Next Start:
January 6, 2025
Explore Illustration Degree Courses
Discover Sessions Illustration Hub

Professional Certificates

Next Start:
January 1, 2025
Explore Illustration Career Courses

DEGREES

Explore Advertising & Marketing Degree Courses
Discover Sessions Advertising & Marketing Hub

Professional Certificates

Explore Advertising and Marketing Career Courses

CERTIFICATES

Next Start:
January 1, 2025
Next Start:
January 1, 2025
Explore Sessions Career Courses
Professional Cert PLUS
Next Start:
January 1, 2025
Next Start:
January 6, 2025
Next Start:
January 6, 2025
Next Start:
January 6, 2025
Explore Sessions Bachelor's Degrees
Next Start:
January 6, 2025
Next Start:
January 6, 2025

WWW… Wednesday! Web Developer Tool Roundup

by admin | October 19, 2021


Web design, for all the amazing things it allows us to do, can also be… repetitive. There’s no way around it. Except—there is. Here’s a collection of 5 chrome extensions to help make your life as a web developer easier.

Ever been browsing the web and come across a font you’d like to use but couldn’t find its name? Fonts Ninja is a chrome extension that identifies web fonts. Simply by hovering, you’re able to see all of a font’s information, including size, color, and where to buy. It can also pull all of the available information from the site to populate a quick summary so you can get a feel for the site’s design system at a glance. If you’ve found something you like, you can add it to your bookmarks for later. You can find Fonts Ninja here.

html to figma

Html to Figma is an extension that allows you to convert a web page, in its entirety, into Figma layers which you can edit and arrange. This is a great tool for conducting market research, iterating on existing designs, or importing components. Rather than rebuilding sites from scratch or working from screenshots, HTML to Figma allows you to work with real assets for quick results. You can find HTML to Figma here.

Testing sites across the range of commonly used devices and screen dimensions can produce different issues and communicating these to the rest of the team can be difficult, especially if you can’t reproduce them. Nimbus Screenshot & Screen Video Recorder allows you to record whole web pages or just a portion of your browser. It’s useful both for bug testing and recording tutorials. You can find Nimbus here.

Collecting assets from sites can be a major time drain, especially when images enter the double digits. Image Downloader collects all of the images from a page and presents them in a convenient grid for selection and simultaneous download. You can also filter results by dimension or choose to only include images from links. You can find Image Downloader here.

It seems like every social platform has its own preferred dimensions and across the various collateral they require, there’s little overlap. Biteable’s Image Resizer takes your images and makes them social media-ready. Simply upload a single image, and you’re presented with the various standards used across a wide range of platforms. You can find Biteable’s Image Resizer here.

 

Taylor is a concept artist, graphic designer, illustrator, and Design Lead at Weirdsleep, a channel for visual identity and social media content. Read more articles by Taylor.

 

For creatives seeking a thorough training in web coding and front end design, Sessions College offers accredited fully online web design certificate and web design degree programs. Contact Admissions for more information.

This blog is powered by Sessions College, the leading online school of visual arts.

©2024 Sessions College for Professional Design  All rights reserved

Terms & Conditions       Privacy Policy