Posts in Category: web tricks

Popular Design News of the Week: September 24, 2018 – September 30, 2018

Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers.

The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however, in case you missed some here’s a quick and useful compilation of the most popular designer news that we curated from the past

Read More

Building a Google search clone SPA with Vue and Flask


A few weeks ago, in the course of seeking for a developer role, I completed a technical assessment test and the entirety of this article is based on the development process; I thought it would be great to write about how I completed it, so open up your favourite code editor and let’s build something awesome and learn a few tricks.

The technical assessment test asked that I built an app with the following features:

Before anything else, I pulled out

Read More

The Freelancer’s Guide to Paying Tax

When you take the leap into freelancing and self-employment, it’s really exciting at the start. Eventually, the honeymoon phase wears off and you comfortably adjust to life as a freelancer, which, in all honesty, is a really great deal.

You get to run your design business the way you want. Work with clients you like. Make as much money as your schedule allows for. Live and work from anywhere in the world (and move as frequently as

Read More

Privacy By Design: How To Sell Privacy And Make Change

Privacy is a fundamental human right that allows us to be our true selves. It’s what allows us to be weirdos without shame. It allows us to have dissenting opinions without consequence. And, ultimately, it’s what allows us to be free. This is why many nations have strict laws concerning privacy. However, in spite of this common understanding, privacy on the Internet is one of the least understood and poorly defined topics to date because it spans a vast array

Read More

Using Parcel In A Vue.js App

When it comes to bundler, Webpack seems to be the de-facto bundler within the Vue.js community. In this tutorial, I will be showing you how to use Parcel in a Vue.js application completely from scratch.

What is Parcel

Parcel is a blazing fast, zero configuration web application bundler. It is a relatively new to the application bundler world. One of Parcel’s main selling point is it zero configuration as you don’t need have some kind of configurations to it.

Read More

Create Vue Apps Visually with the Vue CLI User Interface Tool

Most JavaScript frameworks these days usually have some sort of Command Line Interface (CLI) that enables users quickly scaffold applications and get straight to building apps, without doing repetitive set up tasks. Some common ones are:

Sometimes these CLIs come with a lot of configurations, which may be fun to use, but also a bit complex, since some commands may take in a lot

Read More

Mailchimp Unveils Quirky Rebrand

If any single tech company embodies the spirit of web-savvy, then it is Mailchimp. Since its beginnings as a side-project in the early-2000s the marketing service has walked the line between creative experiences, and simple usability. Mailchimp is one of those companies that saunters onto the court, lobs a shot over its shoulder, and gets nothing but net.

Now, with their latest rebrand courtesy of brand agency Collins (as ever, alongside

Read More

Grid Vs Flexbox: Which Should You Choose?

CSS Grid and CSS Flexbox are complimentary web layout technologies that have been hotly anticipated for years. However, despite some superficial similarities they are actually used for very different tasks; they each solve a very different set of problems.

In an ideal scenario, you may find that you employ both for different layout tasks. In this post we’ll look at their differences, look at how they solve various layout problems, and help you choose

Read More

Setting Up Your PyMongo Environment

Welcome to PyMongo Monday. This is the first in a series of regular blog posts that will introduce developers to programming MongoDB using the Python programming language. It’s called PyMongo Monday because PyMongo is the name of the client library (in MongoDB speak we refer to it as a “driver”) we use to interact with the MongoDB Server. Monday because we aim to release each new episode on Monday.

To get started we need to install the toolchain

Read More

10 Reasons Why You Will Never Let Placeit Go

Placeit offers thousands of smart templates which you can customize by simply clicking a few options, while still keeping a professional layout. You won’t have to worry about resolution, dimensions or proportions. We promise your designs will always look sharp since there’s no way you can mess it up.

The Brilliance of Web Designing

1. It’s as Easy as Breathing

Anyone can design, even you. Yes, you! Don’t trust us? Give it a

Read More

Demystifying The Service Worker Lifecycle

In an earlier article of mine, I talked about 4 essential things every PWA must have, which service worker happens to be part of. Service worker plays a very vital role when it’s comes to Progressive Web Apps (PWA), as it is responsible for offline caching, push notifications, background sync etc. In this article, we’ll be demystifying the service worker lifecycle and what can be done at each stage of the lifecycle.

For effective use of service worker,

Read More

10 Free Font Alternatives to Gotham

The typeface Gotham is one of the most popular sans-serifs in circulation. Designed at the turn of the millennium by Tobias Frere-Jones for the Hoefler & Co. type foundry, it is based on the basic letterforms that Frere-Jones saw in use on buildings around Manhattan, in signage and architectural lettering.

The quintessentially American feeling in the design has resulted in the typeface’s use in countless branding projects—Barack Obama’s presidential campaign, the

Read More

A Guide To Embracing Challenges And Excelling At Your UX Design Internship

This is the story about my user design internship. I’m not saying that your internship is going to be anything like mine. In fact, if there’s one thing I can say to shape your expectations, it would be this: be ready to put them all aside. Above all else, remember to give yourself space and time to learn. I share my story as a reminder of how much I struggled and how well everything went despite my difficulties so that

Read More

6 Ways to Speed Up Slow Clients

Frustrated with your client? Beginning to wish you’d never taken this job on in the first place? Do you just need some feedback so that you can move forward?

Picture it: You’ve managed to land a great gig with a well-paying client and you can’t wait to get started and produce some of your best web design work…But then days elapse into weeks and the project just isn’t moving forward. The client replies to you sporadically, doesn’t fully answer your questions,

Read More

Data Visualization with Webix

In this article, I’ll cover the process of data visualization with the Webix JavaScript UI Library. The most convenient and intuitive form of visualized data is, naturally, a chart. That’s why we’ll talk about different types of charts in this article.

Webix is JavaScript UI library of HTML5 components that you can use for creating mobile and desktop web apps. There’s a wide variety of components from a simple button to the SpreadSheet Widget that

Read More

Building A PWA Using Angular 6

In this tutorial, we’ll be using the latest Angular 6 to build a PWA by implementing the core tenets that make a PWA. We’ll start by creating a front-end web application that consumes a JSON API. For this matter, we’ll be using the Angular HttpClient module to send HTTP requests to a statically JSON API generated from the Simplified JavaScript Jargon GitHub repository. We’ll also use Material Design for building the UI via the Angular Material

Read More