Web Tricks

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 you want!) This business is yours to shape and mold into whatever you want it to be and to support whatever sort of lifestyle you want to lead outside of it. That said, while the structure of the business may fully be under your control, the income you make from it is not. Every country holds its residents accountable for paying taxes. When you have an e...

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. If you have ever used Webpack prior to version 4, then this will be a relief. In addition to this, Parcel has out of the box support for JS, CSS, HTML, file assets etc, with no plugins needed, and it builds all these assets in a blazing fast bundle time. Getting started To get started using Parcel, we need to first install the Parcel b...

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: Vue CLI Angular CLI Create React App Ember CLI 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 of parameters and flags. The Vue CLI introduced a Graphical User Interface (GUI), which can save us a lot of time and give us clarity on what we are actually doing while building a Vue App generated with the CLI. NOTE The UI Tool is till in Beta, and a lot may change. Prerequisites You should have a basic to intermediate understanding of JavaScript and VueJS You should...

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 an in-house team) Mailchimp has got almost everything right. Almost. Chimp lovers will be relieved to discover that Freddie has survived the rebrand, and remains as the logomark, albeit redrawn in a simpler form. He’s lost his “M”, a bit of fur’s gone, the ear’s simpler. Essentially Freddie is more usable, more translatable, more international. The most...

Representing Web Developers In The W3CRepresenting Web Developers In The W3C Rachel Andrew 2018-09-27T14:15:00+02:00 2018-09-27T19:03:15+00:00 One of the many things that I do is to be a part of the CSS Working Group as an Invited Expert. Invited Experts are people who the group wants to be part of the group, but who do not work for a member organization which would confer upon their membership. In this post, I explain a little bit about what I feel my role is in the Working Group, as a way to announce a possible change to my involvement with the support of the Dutch organization, Fronteers. I’ve always seen my involvement in the CSS Working Group as a two-way...

Tough Interview(er) Questions For The Job-Seeking DesignerTough Interview(er) Questions For The Job-Seeking Designer Joshua Bullock 2018-09-26T13:30:31+02:00 2018-09-26T11:46:24+00:00 Whether you’re a multi-year veteran to the UX industry or fresh out of a higher education or boot camp style program, setting out into the job market can be a daunting task for any designer. From freelancing or working for a more boutique studio, doing agency work, or joining the enterprise, a myriad of positions, requirements, and organizations are available for a design practitioner who is looking to take the next steps in their career. In this article, I’ll present a list of q...

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 which (if either) is the right solution for your problem. Grid is Container-Based, Flexbox is Content-Based In flexbox layout, the size of a cell (flex-item) is defined inside the flex-item itself, and in the grid layout, the size of a cell (grid-item) is defined inside the grid-container. Confusing? Let’s look at an example, here’s the HTML ...

Building Websites With Tilda (Full Review)Building Websites With Tilda (Full Review) Nick Babich 2018-09-25T13:30:00+02:00 2018-09-25T11:38:17+00:00 (This is a sponsored article.) The modern web is very unified. Designers use the same patterns, and, as a result, websites created by different people look like clones. The only way to stand out from the crowd is via content. Content is what brings people to your website in the first place. Tilda is a website builder that can be used to create websites, landing pages, online stores and special projects. Tilda’s creators practice a “content-first” philosophy: Content precedes design. Being big fans of storytelling,...

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 try. 2. It’s so Fast You’ll Think You Just Missed It It’s like watching a movie, the hard part is choosing which one, after that you just have to enjoy. You can play with all of Placeit’s smart templates before deciding which design suits your brand the best. 3. Get Yourself an Original Design You can customize each template as much as you want to ensure you get an ori...

Dark Patterns And Other Design No-Nos For MobileDark Patterns And Other Design No-Nos For Mobile Suzanne Scacca 2018-09-24T14:00:18+02:00 2018-09-24T20:02:24+00:00 When it comes to making money, some companies will do whatever it takes to get people inside their establishment. But does that kind of business tactic even work? In my opinion, if you have to lie or trick your consumers into a sale, well then, that won’t obviously work! You might be able to attract a good amount of foot traffic (and even make some sales from the deceitful strategy), but let’s look at the big picture. If traffic levels won’t sustain and you’re handling more refunds than sales, the a...

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 National September 11 Memorial & Museum, and Saturday Night Live, as well as many other household names have adopted Gotham. Described by Hoefler & Co. simply as, “What letters look like” it’s the typeface’s modernity, honesty, and assuredness that make it so popular. As with many typefaces, with great popularity com...