Fresh Resources for Web Designers and Developers (August 2019) – Website Design Article

It’s time for another monthly round of featuring some top resources for our fellow web developers. Previously, in the Fresh Resources series, we have mostly featured tools and apps for designers and developers. This month, however, we have more resources that help you brush up your skills as a web developer. We have a tip for using SVG, a resource to learn more about TTFB, information on creating an accessible UI, and many other interesting subjects. Let’s take a look…

Read More

How to Display Data as Table in Browser Console – Website Design Article

Console is a browser built-in tool that logs errors that happens on the website. If there are any errors – such as broken links, incomplete JavaScript functions, or unknown CSS properties – the browsers will show error messages within the Console. On top of that, we can also interact with the Console through the shell and the Console API, which comes in useful when testing certain functions and data output. Here, we will show you one handy tip for Console…

Read More

This CSS Layout Debugger Will Be Developer’s Next Best Friend – Website Design Article

How many times have you struggled to find one specific problem messing up your CSS layout? From missing closing tags to improperly nested siblings, CSS issues are a dime a dozen. And with this CSS layout debugger, the process just got a lot easier. This one line of code will traverse the DOM and outline each element with a different color. This way you can better visualize how your CSS is working (or not working) and quickly spot problem areas.…

Read More

15 Graphical Command Line (GCLI) Commands in Firefox for Front-End Developers – Website Design Article

No matter how many fancy buttons and menus we’ve got, there are always programmers who appreciate command line access in their work environment, especially when it eliminates a hunt for the right button or menu that displays the needed setting in our line of sight. Firefox has had a Graphical Command Line Interpreter, or in short a GCLI for a while now, and been expanding its command set over time. The GCLI commands provide developers with a quick access to…

Read More