andrey

593 Flips | 21 Magazines | 12 Likes | 1 Following | 3 Followers | @koshdnb | Keep up with andrey on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “andrey”

Creating Vue.js Transitions & Animations

My last two projects <i>hurled</i> me into the JAMstack. SPAs, headless content management, static generation... you name it. More importantly, they gave me …

Funky Pure CSS Accordion

The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https.<p>↑ Insert the most common viewport …

CSS

Is there already a canvas drawing directive for AngularJS out there?

Is there already a directive to draw/paint things on a canvas? So you can implement something like Paint or even something bigger like Photoshop …

20 Best AngularJS Tools for Web Developers

This article introduces you to 20 of the best<i> AngularJS tools</i> for web developers. Angular JavaScript allows you to extend HTML syntaxes. It’s a …

Custom Elements That Work Anywhere

Safari Tech Preview 17 now has Custom Elements “enabled everywhere”, meaning it won’t be long before they’re shipping in a stable version. Since more …

JavaScript Promises 102 - The 4 Promise Methods

As I covered in JavaScript Promises 101, a promise in JavaScript is an object that represents the result of an operation that hasn't been completed …

41 JavaScript experts to follow on Twitter

JavaScript is one of the most popular programming languages, and for good reason. From its origins at Netscape to its current iteration, JavaScript …

IIFE – Immediately Invoked Function Expressions

An in-depth guide on Immediately invoked function expressions in JavaScript.

We Have Seriously Underestimated Angular

I was putting together the keynote for the upcoming NativeScript Developer Day conference, and I had a slide placeholder in to talk about Angular. …

30 Lightweight JavaScript Plugins and Libraries from 2016

All released this year, the free JavaScript plugins and libraries on this page all offer a straightforward and specific function. There are no …

Angular Migration Guide

Bootstrapping<p>Start with the basics, and learn how to bootstrap an Angular 2 application.<p>Bootstrapping in the browser with Angular 2<br>In this guide, …

The cost of small modules

<i>Update (30 Oct 2016): since I wrote this post, a bug was found in the benchmark which caused Rollup to appear slightly better than it would</i> …

Add Git Branch Name to Terminal Prompt (Mac)

When in a repository directory you can show the name of the currently checked out Git branch in the prompt, making it easier to track where you are …

Full Width Containers in Limited Width Parents

I bookmarked a tweet a few months ago, as it was a bonafide CSS trick and that's what we love around here.The issue is: <b>how do we make a</b> …

Web Development

Rekord Lists

The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https.<p>↑ Insert the most common viewport …

Fixing HTML Video on Mobile

How and why we built Whitewater, an open source video encoder and player for our site<p>The problem with mobile video<p>In early 2015 we started …

10 CSS Libraries for Better Image Hover Effects

Letting users <b>easily and clearly know which part of the webpage is clickable</b> is an important part of UX design. The old but gold way of doing it was …

Understanding ES6 Modules via Their History — SitePoint

<i>This article is part of a web development series from Microsoft. Thank you for supporting the partners who make SitePoint possible.</i><p>ES6 brings the …

Top 10 JavaScript Community Influencers in 2016

I compiled the following top 30 influencers in the JavaScript community based on their aggregated reach and resonance in various social networks. …

Front-End Challenge Accepted: CSS 3D Cube

Do you like challenges? Are you willing to take on a task that you’ve never come across before, and do it under a deadline? What if, in carrying out …

Different Ways of Material Design Implementation

Modern Material design and discovering its implementation in different web frameworks

How well do you know CSS display?

<i>This article has been translated to Japanese by Kana Takahashi on POSTD.</i><p>The <i>display</i> property is one of the most important CSS properties we use for …

CSS Image Replacement: text-indent, Negative Margins and more

Image replacement in CSS has had a wide and varied history. In this modern age, if you are still looking to do so, there are many image replacement …

Top 10 Resources to learn Angular

Building AngularJS 2.0 Apps with Redux and ngrx. Courtesy of <i>Lukas Ruebbelke</i><i>.</i><p>Angular 2.0 and the Future of HTML5 Apps by the Father of AngularJS.</i> …

Smooth Page Scroll in 5 Lines of JavaScript

HTML has always had the ability to jump to locations on a page, provided the target element has an id attribute, via a technique known as anchor …

Implementing baseline rhythm in CSS

By aligning type to a vertical grid, designers can make their work look harmonious and clean. And by having the same visual rhythm implemented …

default-passive-events

Makes {passive: true} by default when EventListenerOptions are supported<p>50 lines snippet that enables passive event listeners by default for some …