Fresh Resources for Web Designers and Developers (December 2020)

We are finally at the end of 2020, an unprecedented year of the decade, and with that we are also back with bring fresh resources for our fellow web developers. This year specifically, I’ve seen Laravel ecosystem thrived with new packages, libraries, ... more

Fresh Resources for Web Designers and Developers (May 2020)

If you’re a web designer or developer and want to make the most of your spare time, take a look at this round of Fresh Resources series. In this list, you will find a couple of references for code samples and recipes, one-liner codes, and articles that ... more

10 Must-Have Free macOS Apps For Web Developers

For web developers, applications are important factors to better productivity; without having the right ones, developing a single website could take up a lot of a developer’s time. There are many applications for web development for every platform. In ... more

Top 10 CSS Editors [Review]

CSS is a simple language that it does not need a special editor to write. But having the right code editor will help you minimize errors while writing the CSS code, and overall boost your productivity. I know that for some developers, a code editor is ... more

Fresh Resources for Web Designers and Developers (April 2020)

Despite the doom and gloom due to the virus (COVID-19) spread, it’s not stopping us to share fresh resources and tools with our fellow Web Developers. In this edition, we have a number of resources and tools with an extensive set of features for example ... more

How to Send Customized Messages to Slack From your App

Slack is a popular messaging app used by many teams. It comes with a lot of services and an API for developers to integrate it with their applications. In today’s post we’ll see how to use one of its services called Incoming Webhooks, to send data to ... more

20 Cool Things You Won’t Believe Were Built Using CSS

Contrary to popular belief, CSS is not only used to provide basic style for a web page in order to make it look more attractive. There are plenty of other things that one can do with CSS as well. With the ability to create animations and interactions, ... more

Fresh Resources for Web Designers and Developers (January 2020)

We are now officially starting a new decade, and with that also we’ve also brought you a handful of new resources for our web developers. In this round of the series we have quite a lot of applications and tools for Windows users. For example, we have ... more

Automate Your Grid Design Process with GridGuide

The first major step of any website design is picking a grid. This typically defines the maximum width of the page along with how many internal columns and gutters will be used to divide the layout. You can try building your own but the best tool for ... more

CSS Preprocessors Compared: Sass vs. LESS

There are popuplar CSS Pre-processors LESS and Sass. CSS Preprocessor primarily intends to make authoring CSS more dynamic, organized and productive by bringing several programming features into the it such as variables, mixins, and conditionals. The ... more

Fresh Resources for Web Designers and Developers (December 2019)

Time flies. We are nearing the end of a decade. Nonetheless, we’re not ending to share good stuff with our fellow web developers. In this round of the series, we have carefully curated some tools, a handful of JavaScript libraries, and a couple of new ... more

Bring VR Experience in Your Browser with WebVR

The Oculus Rift, HTC Vive, and other VR products have changed the future of technology. We may scoff at the idea of VR headsets but much like the Internet in the 1990s, VR is the way of the future. And thanks to WebVR we already have a way to merge the ... more

10 Useful Firefox Developer Tools You Should Know

Firefox being "developer’s browser" has many great tools to help make our work easier. You can find more on its tool collection on the Firefox Developer Tools webpage and can also try their Developer Edition Browser which has more features ... more

Milligram.css – Minimalist Frontend Library for Developers

From Bootstrap to Foundation there’s no shortage of custom CSS libraries. But what if you need a very simple lightweight option for new web projects? Many existing CSS libraries are heavy and brimming with excessive features . But Milligram is a super ... more

Fresh Resources for Web Designers and Developers (October 2019)

In this month round of our Fresh Resource series, we’ve put together a wide variety of tools, frameworks, and materials for our fellow web developers. We’ve got React extensions, several PHP-based application, a CSS library that will make you feel nostalgic, ... more

6 Cool Image Captions with CSS3

CSS3 is really powerful. It used to be that we need images or a bunch of JavaScript codelines to make a simple transition effect. Nowadays we can do the same with only CSS3. In this tutorial, we will show you how to create image captions with various ... more

30 Acronyms All Web Developers Should Know

The jargon of the web development industry contains so many acronyms we are using day in and day out, that it’s not only daunting for novices, but sometimes also hard for practicing developers to follow . Most of us safely use more common acronyms such ... more

How to Display Data as Table in Browser Console

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 ... more

How to Create And Customize Google Maps

We all know that Google Maps is one of most powerful apps on the web to navigate faster and easier throughout the world. However, what most of us may not know is that you can customize Google Maps in terms of UI and and other features. And it doesn’t ... more

How to Test Website Across Multiple Browsers and Devices Synchronously

When building a responsive website we’ll need to test it in multiple screen-sizes to make sure that the site layout is rendered properly on those varying screen-sizes. We can use screen-size and device emulator in Chrome which is pretty handy. However, ... more

10 WordPress Plugins for Better Mobile-Responsive Websites (Updated)

You can use a WordPress plugin to create landing pages, customize your login page, adopt two-factor authentication, or even figure out how to optimize your site for you with artificial intelligence. In this post, we’re going to add another item to that ... more

Fresh Resources for Web Designers and Developers (May 2019)

The Web has changed a lot compared to when I just got started in this industry. Native Web API are more standardized across the browsers, and new CSS and JavaScript specification are introduced. These enable developers to build new tools surrounding ... more

How to Speed Up Website With <LINK> Tag

Editor’s note: This article is part of our Code Optimization series, where we take a look at how to optimize coding for better efficiency in a bid to be better coders. " Foreseeing " browsers are the future of top speed Internet surfing, bringing ... more

Guide to Linting JavaScript with JSHint

Editor’s note: This article is part of our Code Optimization series, where we take a look at how to optimize coding for better efficiency in a bid to be better coders. Linting in computer programming is the process of static analysing code to find issues ... more

Sass Best Practices: Tips And Tools For Developers

Editor’s note: This article is part of our Code Optimization series, where we take a look at how to optimize coding for better efficiency in a bid to be better coders. Much like how jQuery revolutionized vanilla JavaScript, Sass has revolutionized vanilla ... more

30+ Useful Chrome Extensions for Web Designers

I love Google Chrome. Its simplicity, speed and performance are undoubtedly top-notch. But sometimes, being too simple can also be a problem, especially for us web designers who rely heavily on add-ons. I walked away from Chrome back in 2008 just because ... more

Writing CSS with Myth For Web Designers

CSS has introduced a slew of new features such as CSS Gradients, Shadows, Border Radius, and Animation that can all be achieved purely with CSS. There are also several features that have yet to be implemented due tolack of browser support for CSS variables ... more

How to Create Smooth Numbers Transitioning For Your Site

One of the effective ways to make a presentation of numerical information more interesting is by adding a transition animation . Creating a transition animation can be done with javascript, but the coding will take you a long time. For a quicker alternative, ... more

Beginner’s Guide to Using Handlebars.js

In this post, we are going to look into Handlebars, a JavaScript templating engine based on Mustache. It shares the same functionalities with Mustache but sports a number of new features. Handlebars is a handful templating tool particularly for displaying ... more

How to Debug Websites on iPad

With billions of mobile users nowadays, building websites that are viewable on mobile devices is indispensable. Luckily, we’ve got many tools and options for debugging websites on mobile platforms . You can use Adobe Edge Inspect, Google Chrome Emulation, ... more