Tag: Web

CSS Grid Level 2: Here Comes SubgridCSS Grid Level 2: Here Comes Subgrid Rachel Andrew 2018-07-03T13:00:47+02:00 2018-07-10T16:18:00+00:00 We are now over a year on from CSS Grid Layout landing in the majority of our browsers, and the CSS Working Group are already working on Level 2 of the specification. In this article, I’m going to explain what is currently part of the Working and Editor’s Draft of that spec. Note that everything here is subject to change, and none of it currently works in browsers. Take this as a peek into the process, I’m sure I’ll be writing more practical pieces as we start to see implementations take shape. CSS Specification Levels The...

An object is a type of data in JavaScript. It's the only value you can pass around as variables besides primitives. For this reason, objects are really important in JavaScript. What are objects An object in JavaScript is a type of data that contains key-value pairs. You can create objects by writing these key-value pairs within curly braces. If you intend to create multiple key-value pairs, you need to separate each pair with commas, like this: const anObject = { key1: 'value1', key2: 'value2', key3: 'value3' // ... } Each key gives you a reference to a value. If you imagine an English dictionary, the keys are the words while the values are the definition of each word. const dictionary = { dream: "a series of thoughts, images, and sensations occurring in a person's mind during sl...

Building Mobile Apps With Capacitor And Vue.jsBuilding Mobile Apps With Capacitor And Vue.js Ahmed Bouchefra 2018-07-02T14:00:41+02:00 2018-07-10T16:18:00+00:00 Recently, the Ionic team announced an open-source spiritual successor to Apache Cordova and Adobe PhoneGap, called Capacitor. Capacitor allows you to build an application with modern web technologies and run it everywhere, from web browsers to native mobile devices (Android and iOS) and even desktop platforms via Electron — the popular GitHub platform for building cross-platform desktop apps with Node.js and front-end web technologies. Ionic — the most popular hybrid mobile framework — currently runs o...

In today’s tech world, it is important to know where the traffic on your website comes from because it helps content creators and website owners understand their visitors better. Website owners can further use this information to improve their website, render better advertisements or generally improve their content based on this data. In this tutorial, we will build a simple website and a traffic monitor, the traffic monitor will display details about visitors on the website. For every visitor, there will multiple columns such as time of visit, continent, country, city, operating system, browser, and pages visited. Here is a display of what the final application will look like: From the image above, we can see an incognito window to the left and the traffic monitor dashboard window to the...

How To Craft The Perfect Web Developer Ré­su­méHow To Craft The Perfect Web Developer Ré­su­mé Aditya Sharma 2018-06-29T14:00:26+02:00 2018-07-10T16:18:00+00:00 Did you know that your ré­su­mé could be the reason that’s holding you back from that 150k+ job that you know you deserve? This guide is dedicated to all the web developers out there and will demonstrate how you can create a successful ré­su­mé that will get you more shortlists than you can fathom. If it’s a piece of paper that is standing between you and your dream job, it’s time to show who’s the boss. Our guide to making a killer ré­su­mé will broadly talk about the following: Why Would A Web Devel...

How Mobile Web Design Affects Local Search (And What To Do About It)How Mobile Web Design Affects Local Search (And What To Do About It) Suzanna Scacca 2018-06-28T14:30:06+02:00 2018-07-10T16:18:00+00:00 As mobile-first takes center stage in the majority of articles I write these days, I’ve had a number of designers and developers question why that is. Sure, Google has made a big push for it, so it’s smart to do what Google tells you. But, for some websites, the majority of traffic doesn’t come from mobile users. At the moment, there are certain websites that happen to receive more mobile traffic than others, and a lot of it boils down to location. As Google e...

With the seeming massive adoption of web applications, design systems to support this adoption get better. While the internet is abound in certain areas, connectivity could be limited or non-existent in other areas or cases, this notion has influenced the design of applications on both web and mobile platforms. Poor connectivity influenced the development and speedy adoption of progressive web applications. Progressive web apps are applications which look and function like mobile applications. Caching techniques, service workers, manifest files and design are certain elements considered when designing for offline applications. In this post, we shall be discussing 8 tips for effective design of applications required to function offline. Application States All digital products (for the most ...