Saturday, June 21

Tag: Web

Building Websites With Tilda (Full Review)
Web Tricks

Building Websites With Tilda (Full Review)

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,...
10 Reasons Why You Will Never Let Placeit Go
Web Tricks

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 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...
Web Tricks

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, an understanding of the service lifecycle is essential. The service worker lifecycle consists of mainly 3 phases, which are: Registration Installation Activation Let’s go over each of them. Registration A service worker is basically a JavaScript file. One thing that differentiate a service worker file from a normal JavaScript file, is that s...
Dark Patterns And Other Design No-Nos For Mobile
Web Tricks

Dark Patterns And Other Design No-Nos For Mobile

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...
10 Free Font Alternatives to Gotham
Web Tricks

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 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...
Web Tricks

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 I’ll never stop trying and you won’t either. It all started in May 2018, when I stepped off the plane in Granada, Spain, with a luggage at my side, laptop on my back, and some very rusty Spanish in my head. It was my first time in Europe and I would be here for the next three months doing an internship in UX design at Badger Maps. I was still pretty green in UX, having be...
Web Tricks

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, and seems mega evasive. This sometimes happens. Hey, things come up and get clients get busy. The problem is that you have requirements too, and a “busy” client is killing your schedule and your motivation. So what do you do? In this article, we’re going to take a look at how you can speed up the whole process with slow cli...
Data Visualization with Webix
Web Tricks

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 can be used for developing Excel-like office web applications. Besides the UI components collection, there’s an event handling mechanism, offline mode support, and a bunch of development tools. For example, you can create your own skins using the Skin Builder, use the visual designer for drag-and-drop UI creation, or experiment with the code in o...
Web Tricks

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 package. Next, we’ll use the “Audits” panel (Lighthouse) from Chrome DevTools to analyze our web application against the core tenets of PWAs. Finally, we’ll explain and add the PWA features to our web application according to the “Progressive Web App” section in the Lighthouse report. Before we start implementing our PWA, let’s first introduce ...
4 Web Design Principles Hollywood Reboots Can Teach Us
Web Tricks

4 Web Design Principles Hollywood Reboots Can Teach Us

At least once every day, some designer somewhere in the world will look at something made months or years ago; failing that, some executive will get the bright idea that they can make their mark on a company and the world by changing something that already exists, instead of making something new. One or both of these people might get this sort of itch in the back of their head, accompanied by a sense of dissatisfaction and ill-defined purpose. The itch will get itchier, the dissatisfaction will grow, and the purpose will begin to form until, one day, they blurt out the words: I think we should redesign our website (and/or make a King Kong movie that focuses on the human characters). Redesigning a site is not unlike rebooting a movie or TV show. They’re both massively complex creative...
Web Tricks

How monday.com makes project management AWESOME for web developers

So what the heck is monday.com? You're probably see a bunch of promotions for it. Every project management tool seeks to do the same instrumental thing: keep teams connected, on task and on deadline to get major initiatives done. But the market is getting pretty crowded, and for good reason — no platform seems to have gotten the right feel for what people need to see, and how that information should be displayed so that it’s both actionable/relevant, and contextualized. Introduction That’s why monday.com is worth a shot. The platform is based off a simple, but powerful idea: that as humans, we like to feel like we’re contributing to part of a greater/effort good — an idea that sometimes gets lost in the shuffle as we focus on the details of getting stuff done. So projects are put onto a t...
Web Tricks

Destructuring Assignment In JavaScript

I’m not so sure, but I think JavaScript might be the only web technology where you can destructure objects and assign the individual units in one take. It is also one great feature that allows you can get straight to the point with what you have to do and keep things very clean. Destructuring assignment in more simple words means unpacking the values of objects or arrays into simple variables. You have probably already seen it used somewhere, and it never made sense to you. At the end of this guide, we will see how to use it and what it can replace for you. Prerequisites Let’s Start With Arrays Old school ways tell us that if we have an array and we want to assign some of it’s values to variables, we do something like this: let johnDoe = ["John", "Doe", "Iskolo"] let firstName = johnDoe[0]...
Visual Studio Live Share Can Do That?
Web Tricks

Visual Studio Live Share Can Do That?

Visual Studio Live Share Can Do That?Visual Studio Live Share Can Do That? Burke Holland 2018-09-19T13:30:17+02:00 2018-09-19T11:39:28+00:00 A few months ago, Microsoft released its free Visual Studio (VS) Live Share service. VS Live Share is Google Docs level collaboration for code. Multiple developers can collaborate on the same file at the same time without ever leaving their own editor. After the release of Live Share, I realized that many of us have resigned ourselves to being isolated in our code and we’re not even aware that there are better ways to work with a service like VS Live Share. This is partly because we are stuck in old habits and partly beca...
20 Freshest Web Designs, September 2018
Web Tricks

20 Freshest Web Designs, September 2018

Welcome to our roundup of the best websites launched (or relaunched with major updates) in the last four weeks. September marks the beginning of Fall in the northern hemisphere, and reflecting that change, we’re seeing fewer light, airy, minimal designs, and more rich, warm, comforting designs. There’s been a flood of new design agency sites, and a ton of new season fashion sites launched this month—we’ve included the best. You’ll also find some great photography and lots for lovers of typography. Enjoy! Critical Mass Critical Mass is one of those design agencies you’d just love to work for. Their new site is a homage to themselves, telling a success story from their roots in Calgary, to 11 different offices around the world, with some exceptional work along the way. Genesis Genesis is a...
Web Tricks

​All My JavaScript is Broken and I Don't Know Why

There are few things in life that I enjoy more than good, healthy, broken code. It’s inevitable that things are going to break, it’s inevitable that I'm going to need to debug those things, and it’s inevitable that I'll need do whatever is necessary to fix them. No one ever ships 100% perfect code. This happens all the time: we ship code to production, all our tests pass, things seem fine, we celebrate… and then users start complaining. Sometimes they complain right away. Sometimes days later. We usually have no idea what happened to make them complain in the first place. No one has ever intended their code to unexpectedly break whatever it broke. So we end up scrambling to do post-mortem debugging. An exception has happened, we don’t have the info as to why, but we need to figure it all ...