Tag: Web

Hyper is a terminal built on web technologies, based on JavaScript, HTML and CSS providing a beautiful and extensible experience for command-line interface users. Hyper achieves a lot of its speed and functionality thanks to the power of hterm underneath, the terminal emulator of the Chromium project. If you're just getting started with Hyper terminal I'd suggest you definitely head to Hyper website, they have an extensive installation guide and usage documentation Today we'll be looking at the best packages and themes to make our Hyper terminal much cooler. Prerequisites Note Important words are highlighted. Bold words emphasis a point. Previous / Next code appears like this . . . . Material Theme for Hyper are link to package/theme npm repository. This project requires Node.js v6.11.0...

Introduction 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 my pen and tore out a piece of paper, drew a basic representation of the app and decided to make it into a Google search clone. The app could have been anything really, but it sounds much better to tell my friends that I just built a Google search clone, don't you think? I decided to use Vue for the frontend and Flask for the backe...

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