Understanding the difference between grid-template and grid-auto

With all the new properties related to CSS Grid Layout, one of the distinctions that always confused

[Smashing Magazine] Creating The Feature Queries Manager DevTools Extension

While working with feature queries, I requently find myself in the messy situation of trying to test

How display: contents; Works

As I frequently mention, every element in the document tree is a rectangular box. Broadly speaking, t

Recreating the GitHub Contribution Graph with CSS Grid Layout

While learning CSS Grid Layout, I’ve found that the best way to internalise all the new concepts and

What’s New in HTML 5.2?

Less than a month ago, HTML 5.2 became an official W3C Recommendation (REC). When a specification rea

Localisation and Translation on the Web

Coming from the English-speaking world, it can be easy to maintain the bubble that is the English-spe

Web Push Notifications with Firebase (Video Series)

When I attended Google Developers Days Europe a couple of weeks ago, I was introduced to Firebase’s n

Accessibility Testing with pa11y

Knowing where to start with accessibility testing can be difficult and overwhelming. In my article on

What's the Deal with Collapsible Margins?

Last week, I ran a twitter poll asking the following question - What would be the amount of space bet

How the minmax() Function Works

One incredibly useful new feature introduced with the CSS Grid Layout Specification is the minmax() f

CSS Animations vs the Web Animations API: A Case Study

Last week, I wrote about how I created the bitsofcode logo animation with CSS. After that, it was sug

How I Animated the bitsofcode Logo with CSS

I’m pretty new to CSS animations. For the most part, I had only used them in limited cases and mostly

Asynchronous Functions 101

One of the major advantages of JavaScript is that everything is asynchronous. For the most part, diff

Redesigning bitsofcode

Welcome to the new bitsofcode! Since launching this blog over 2 years ago, I’ve had two designs, this

Making Alix, a Chrome Extension for Linting HTML

Last week, I wrote about how you can use CSS selectors to help lint your HTML. The general idea behin

The Way We Talk About CSS

I’ve been writing new talks, creating new workshop material, and thinking

Why I'm moving from MacOS to Windows

Over the past week I’ve been moving my primary development machine from a

Coming to a browser near you - faster than ever before!

Back in 2001 I became a member of the Web Standards Project (WaSP). For ov

Widget

We nearly missed you at Battersea Old Windsor. Beth spotted you, shivering

Should I try to use the IE version of Grid Layout? Revisited for 2018

In November 2016, I wrote an article in response to a question about Grid

Get Started with CSS Grid - Online Class

Earlier this year I spent a fun day at the Skillshare offices filming a sh

Launching a new product - from self-hosted to SaaS

Today our first product Perch will be nine years old, and perhaps rather n

Grid Level 2 and Subgrid

CSS Grid fans are probably already aware that I have been very keen to see

The CSS Layout Workshop updated for 2018

Yesterday I made live fourteen brand new videos, plus a bunch of updates t

CSS Grid One Year On

A year ago today, Firefox was the first browser to ship into stable their

A counterintuitive way to increase diversity in tech

Want to increase diversity in tech but frustrated at society's lack of progress? Consider a career in

2017 Reading List: sailing forward in rough waters

I read a lot of books in 2017 to help me chart a course for 2018. If you are a little like me , some

So long, farewell, Microsoft!

I've decided to move on from Microsoft's Web Platform Team. What comes next? Let's find out! But firs

Donating profits this weekend to my hometown Bookmobile

This holiday weekend all my courses are half off and the profits will bring books to people all over

Animation at Work: my new book on motion design on the web

'Animation at Work' is for sale at A Book Apart. Learn all about how to bring your designs to life, o

Why you should run your work machine on Linux

I’ve been running Linux on my work machine (Dell XPS running Linux Mint, let’s get that o

The Multitude of Interfaces

[this post was also posted to Medium]Over the last few years, I’ve taken an intentional direction tow

Do ask questions or, how we had a stereotypical conversation at a conference about being welcoming

I was recently at a conference I really enjoy, but had an interesting interaction that’s genera

Serverless zine #0

I recently made a zine about serverless compute — the idea started with telling a story that ex

(Slides) Serverless and CatOps: Balancing trade-offs in operations and instrumentation

Yesterday, I gave a talk at Monitorama PDX paralleling “CatOps” (cat operations) and serv

Never Graduate Week 2018

Last week I worked from Recurse Center’s annual Never Graduate Week, or as I explain to my frie

How your ask “to chat” about CTO roles really sounds

I’m writing this out in hopes that it helps a wayward founder, or a technologist to forward thi

Global Diversity CFP Day Recap (Philly edition)

This past Saturday, Sarah Gray and I organized the Philly edition of the first Global Diversity CFP D

2017 in review (bullets)

Welcome to the 2017 “bullets” post (previous years).This year was … really kind of hard.

Only made possible because of Devs Like You

Last week, I had the honor of keynoting LibertyJS, the regional Philadelphia JavaScript conference th

Angular: Getting Started Course Update (for v6)

This post identifies the latest changes to the “Angular: Getting Started” Pluralsight course.HistoryA

“Angular NgRx: Getting Started” Problem Solver

This blog post supports the sample code for the “Angular NgRx: Getting Started” course  on Pluralsigh

“Angular Component Communication” Problem Solver

This blog post supports the sample code for the “Angular Component Communication” course on Pluralsig

Filtering in Angular

One common requirement is to filter a list of information based on user entered criteria. This post c

Angular: Getting Started Course Update (for v4.3)

This post identifies the latest changes to the “Angular: Getting Started” Pluralsight course.HistoryA

Angular Learning Path

The content of this post is based on Angular version >= 2.x unless explicitly stated otherwise.Are

Property ‘x’ is private and only accessible within class ‘MyComponent’

 The content of this post is based on Angular version >= 2.x unless explicitly stated otherwi

Passing Data to and Raising an Event from a Nested Component

 The content of this post is based on Angular version >= 2.x unless explicitly stated otherwi

Build a Simple Angular Service to Share Data

The content of this post is based on Angular version >= 2.x unless explicitly stated otherwise.I’v

“Angular Routing” Problem Solver

This blog post supports the sample code for the “Angular Routing” course on Pluralsight, identifying

5 Tips to Write Better Conditionals in JavaScript

When working with JavaScript, we deal a lot with conditionals, I have 5 tips to share with you for wr

RxJS Operators for Dummies: forkJoin, zip, combineLatest, withLatestFrom

If you are confused about the differences between forkJoin, zip, combineLatest and withLatestFrom, yo

Building a PWA Conference Management App in 3 days [Part 2/2]

If you would like to know the background of the conference and event management flow, checkout the pa

Building a PWA Conference Management App in 3 days [Part 1/2]

This is a long overdue post 😛! On July 15 (Sunday), we had a successful conference Google I/O Extende

Setting up Web Dev Environment / Angular in Pixelbook (Chromebook)

Great, just got my Google Pixelbook not long ago! Time to setup the web development environment.For y

3 Useful TypeScript Tips (for Angular)

These are the 3 tips I found pretty handy while working with Typescript:Eliminating the need to impor

Toward a Better Nation: Making Every Votes Count, Reclaim Democracy

Here is a story about Malaysia 14th general election (GE14). How we, Malaysian all work together to m

Angular Tips: Shortcut to import styles files

shortcutIn this short post, let’s see how we can change this @import ‘../../../../file.scss’ to ‘@imp

AI Translate: Bias? Sexist? Or this is the way it should be?

It started with a post about stereotypes in Google Translate:https://medium.com/media/fbddcac996e3452

Mix and Match: Angular + Custom Elements (Polymer)

In my previous post — Polymer 3.0 Preview — Building a mini card game, We use Polymer 3.0 Preview to

Curation all the way

Curation is massively important to ffconf, and as of last week, ffconf now has a complete line up of

Peer Deps

Just using my blog to share a little tip for future me that current me keeps forgetting. Over the yea

Midlife

40. The big one. Though, I think television and movies have a lot to answer for that one. I wrote abo

8 years on

This is a stream of thought that I need to get out of me, and on to my personal blog. I apologise if

CLI: improved

I'm not sure many web developers can get away without visiting the command line. As for me, I'

My NHS Story

Today I realised that it was the end of the month and my two blog post a month, self imposed quota wa

When helpful turns into super bad security!

A shortish post partly to point out a bad…no, terrible practise, and in part to remind myself to neve

An adventure in sparse arrays

I offered to coach JavaScript recently, and an exercise I dreamt up was to implement every array (pro

Manual Aspire

As part of my research for the talk I gave at jsconf.eu 2018, I bought a ZX Spectrum 48K. I purchased

The story of 42 million bins

This past month of April I had a bit of an adventure in server fires (though thankfully not literal)

My extinguished kindle

Last night I reached for my Kindle to continue reading 1984. I had just started part 3 of the book an

✂📋 How I copy & paste in the terminal

I use the terminal a lot and aliases are a great way to both personalise my command line experience,

Quick tip for node modules

When writing my node modules, I've come to really quite enjoy using Jest for testing (I've wr

Why I have a limited company

I've been asked a number of times over the years why I chose to run my business under a limited c

Last minute node debugging

I'm working on a node project that I need to debug, but I didn't start it with the --inspect

Headless Raspberry Pi setup

The following information is scattered around the web and it's taken me a few times to find it ea

How to cross post to Medium

At some point during 2017, Medium decided to pull their IFTTT applets that allows content to be poste

Open source with a cap in hand

Nodemon was first released in Oct 2010 (via twitter no less). To date, nodemon has had 1,024 commits

A clean exit

I was running some tests recently using Mocha and I wanted to re-run the tests when files changed. Ty

To gist and back again

I've recently been using gists to help debug user issues on nodemon. The process is two parts: fi

My 2017

Continuing with my previous run of year in reviews (going back to 2007), here's my little entry t

Is jQuery still relevant?

I've been cruising the reddit listings recently and without much searching Ifound a staggering am

Learn more about vulnerability alerts

I personally hate the posts that include "considered harmful"…and yet, here weare. My first

Where do those node warnings come from?

This is a micro post with a tip that I'll need to remember again in the monthsto come. Node.js ca

tldr: a command line tip

Happy weekend: I wanted to share this pretty neat command line tool I cameacross very recently. This

Binary strings…and -1

Working with (quite) a few projects that required binary representations ofdata, I wanted to note dow

Thoughts and learning from ffconf 2017

Since running ffconf 2017 last week, and having the unique position of seeing all the talks twice, th

Dear Dizzy

Dizzy. Our stripy cat. A stow away in Julie's handbag when we intended to only take home two cats

ES6: Default arguments

Default arguments in ES6, put simply: I'm a huge fan.I wanted to document a few of the ways

Dive into bitwise not and numbers

Sometimes you want to perform bit operations in JavaScript, and due to it's mutating nature, it&#

Seven

Tia would turn 7 today. But she doesn't, for another year. I see her dark ginger hair in my sleep

Contrast ratio in devtools

Recently I've been wary of accessibility (a11y) of colour in my work, and I've known about th

Me on React: an old dog with new tricks

Over the years I've been consistently uninterested in using the new slew of frameworks and librar

Digging Deeper

By tomorrow, my conference, ffconf, will have launched it tickets and there will be a mass rush to gu

Opening Windows again (part 1)

I've had the good fortune to be given a trial Microsoft Surface machine from the folks at Microso

A new space

I've been fortunate to have been given remy.blog and so I've started a new blog over the

Conducting Codes of Conduct

There's a huge number of web conferences and meetups now and although a code of conduct should be

CSS sticky nav & smooth scroll (#3/3)

In the last 2 posts, I wrote about best practises around handling scroll events and then how to combi

Smooth scroll & sticky navigation (#2/3)

In the ffconf—the 2016 edition, the day before the site was to be launched, I decided that I wanted t

Sticky headers (#1/3)

I have mixed feelings about sticky headers on web pages, but it annoys me more when the implementatio

Windows 10 BASHing

It's a play on term, bash, because I'm trying out Window 10's Ubuntu BASH subsystem. Get

How to create a custom gmail design and template

Right, catchy title aside, I wanted to send an email recently from my Gmail account but I wanted to a

Getting free wifi

Have you ever picked up free wifi in a hotel or airport and had the "30 minutes free wifi"

Getting the latest emoji (on my mac)

In previous years I've been a mac fan and upgraded regularly, but as the OS moves more and more t

When github email scope fails

I've written many many Node.js applications, and whenever I add Github as the auth process, I fin

Tinnitus

I was recently emailed asking about tinnitus which I've suffered from for many years. I ended up

$ in code examples

My blog includes a lot of code examples throughout the many blog posts I have, and I'm a big prop

terminal.training

Today I'm excited to launch my video training course on the command line for "non-techies&qu

International Women's Day

As I dropped my son off at school and I was leaving, I spotted a whiteboard in the rain where some pa

Using jsonbin in the browser

Today I pushed a few security tweaks to jsonbin, the personal RESTful JSON store that allow you to us

Monty Hall: The Problem That Haunted My Mind For Years

How a Seemingly Simple Riddle Creates a Conflict Between Intuition And ReasonThe Monty Hall Problem i

Writing Your First Android App, in Assembly

Have You Ever Stopped to Wonder How The Internals of Your Phone Work?In this post I am going to share

Thanks Andy!

Thanks Andy!Precalculating (1 << i) is indeed a good approach, even though once the loop is unr

Elon, I just published a new blog post trying to answer your question — I hope it does!

Elon, I just published a new blog post trying to answer your question — I hope it does! Thanks for yo

“Why Do You Write and Blog? Why Do You Talk at Conferences?”

I get asked that all the time. Let me tell you…After publishing “So what is Voltage, anyway?”, I got

That’s a good question — I have never owned one of these large plotters.

That’s a good question — I have never owned one of these large plotters. Out of my head, I can think

Visualizing Repetitions in String using Python and Matplotlib

Stepping Out of My Comfort Zone in Python and a Security ConferenceA few months ago, I was accepted t

Back from the Dead: How I Revived a Fried Espruino Board

Performing a Delicate SMD Chip Transplant, Successfully!Yesterday, the positive alligator clip of my

CLI Prompts: My Favorite New Feature in Angular 7

What are CLI Prompts and Why I Think They are Such a Big DealAngular 7 is currently in RC (Release Ca

Angular, Schematics and the Future of TypeWiz

Will adopting Schematics make TypeWiz successful?TypeWiz is a project I started a few months ago. It

Polymer Testing Tips

In my previous article, I wrote about how to get started with unit testing in Polymer. The goal was t

Polymer Unit Testing

In the front-end world, testing is a weird topic. Developers know how much testing is important, but

Testing Reducers in NGRX Store

Next in this series, we’re going to learn how to test Reducers in NGRX Store. In the previous testing

Testing Actions in NGRX Store

In this small NGRX Store testing series, we’re going to learn how to test Actions, Reducers and Selec

Angular Classes with NgClass

With Angular, we have many approaches to adding, removing, toggling classes. We can choose single cla

Typing Arrays in TypeScript

There are many ways we can type a property to declare to TypeScript something is an array, or contain

Step by Step Custom Pipes in Angular

Angular has many Pipes built-in, but they only take us so far. Ideally we’d like to extend our applic

Handling Observables with NgIf and the Async Pipe

Dealing with async operations with the async pipe takes care of subscribing to Observable streams/asy

Angular's NgIf, Else, Then - Explained

Using the ngIf directive allows us to simply toggle content based on a conditional. But is it as simp

Introduction to TypeScript

Since its inception, JavaScript has experienced monumental growth - especially in recent years.The la

Classes vs Interfaces in TypeScript

Classes and interfaces are powerful structures that facilitate not just object-oriented programming b

NGRX Store: Understanding State Selectors

Selectors are pure functions that take slices of state as arguments and return some state data that w

JavaScript pour les Jedis, épisode II : L’attaque des Closures (partie 1)

Cet article fait partie de la série “Pour les Jedis, JavaScript” d’articles consacrés à JavaScript. S

Pour les Jedis, JavaScript, épisode I : Au coeur des fonctions (partie 2)

Cet article fait partie de la série “Pour les Jedis, JavaScript” d’articles consacrés à JavaScript.Po

Hi,

Hi,Could you elaborate on this: “ I would like to link Google Action Account Linking by Connecting my

Pour les Jedis, JavaScript, épisode I : Au coeur des fonctions (partie 1)

Cet article fait partie de la série “Pour les Jedis, JavaScript” d’articles consacrés à JavaScript. S

Introducing xLayers.app

For both designers and developers.We are super excited to announce the Alpha release of the https://x

Hi David, thanks for stopping by.

Hi David, thanks for stopping by.Actually, I’ve tried a couple of solutions using Cloud Endpoints and

What the heck is a Developer Advocate?

Tl;dr: A developer Advocate is the developers’ best friend!For the past three years or so, I have bee

Setup an Authorization Server—less for your Actions on Google Application

You Shall Not Pass Until You Link Your Account!In this blog post, we are going to tackle one of the a

Thank you Stoyan Stoyanov for your support

Thank you Stoyan Stoyanov for your support 🙏🏻

Hi Kate,

Hi Kate,Could you describe what dialogue you are trying to design?

Entendiendo Bazel

Para arrancar bazel es una herramienta que utiliza google para compilar TODOS sus códigos fuentes, ba

Muchas gracias Julio espero que puedas disfrutarlo !!!

Muchas gracias Julio 👌espero que puedas disfrutarlo !!!Saludos

hey thanks!!

hey thanks!!Yes I need install the fonts

Hola, si voy a continuar, tengo muchisimas ganas, pero estoy con falta de tiempo :) ya van a venir…

Hola, si voy a continuar, tengo muchisimas ganas, pero estoy con falta de tiempo :) ya van a venir ma

From no-sql database to Firestore & AngularFire

From no-sql database to Firestore & AngularFireHave you ever thought that the unique querys forma

hey, gracias por el mensaje, me alegro que te sirva!

hey, gracias por el mensaje, me alegro que te sirva!El complete lo deberias usar siempre que se termi

no se si no tocar el celular en toda la mañana XD … pero en los intervalos donde cambias de tarea o…

no se si no tocar el celular en toda la mañana XD … pero en los intervalos donde cambias de tarea o t

esta en mi lista, otro que tambien esta es Petter Hollens

esta en mi lista, otro que tambien esta es Petter Hollens

Productividad, es real?

Alguna vez pensaste ¿qué tan productivo sos diariamente? no basado en cantidad de tickets o funcional

No hace dos días subí un video se está actualizando el contenido

No hace dos días subí un video se está actualizando el contenido

ترشيحاتى لأفضل ما قرأت فى ٢٠١٧

دى بعض الكتب التى أعجبتنى وأعطيتها تقييم مرتفع .. وأنصح غيرى بقرائتها لما فيها من فائدة .. أكثرهم فائ

The Untitled Podcast – Season #1 – a bit of history

Recently, me Abdelrahman Omran and my friend Eslam Salem a security researcher and founder of Shiel

Build Actions for Your Community → October June 1st, 2018

As part of our ongoing event series “Build Actions for Your Community“, Google Cloud De

Build Actions for Your Community → Cairo May 25th, 2018

Preface Yesterday’s session (or should we say today’s session? read to know!) was different, it was

G Suite – Not all clouds are created equal

To answer a frequent question I get from people about the main differences between G Suite and Micr

علوم مقاصد الشريعة – الفقه، والعقيدة، والتزكية

#خريطة_ذهنية علوم مقاصد الشريعة، ثلاثة: ١- الفقه (لضبط جسد الانسان / الأفعال) .. هذا هو الإسلام &#

An open letter to the Japanese Ambassador in Egypt

Monday December 4th, 2017 To whom it may concern, dear Sir / Madame, I’m Abdelrahman Omran, s

Chrome Dev Summit’17 Live Tweeting

I’ve been attending Chrome Dev Summit 23-24 October, 2017 and it was exceptional conference!

The Web Platform – State of the Union ’17

TL;DR – This is Web Updates slides you’re free to use in your talks, I’d appreciate

Google Developer Roadshow Middle East and North Africa – GDRMENA Cairo Twitter Impact

Almost 2k attendees, 7 Speakers (2 Googlers / 5 GDEs), 3 full-days, ~26 sessions, and 2M+ Twitter I

Google Cloud Functions and Serverless Path Parameters

I’m trying to transition an express node service to using the serverless framework and Google C

Worlds Fastest Store, well sort of

I have been working on building a PWA front end for WooCommerce.  I saw the Polymer Shop repository a

Live Streaming – A Complete Failure

I wrote here that I was going to live stream when working on the little project I have been working o

Live streaming – Building the store of the future

I am working on a talk and need to write a good bit of code to make that talk fly.  I don’t see

Things you should do in Barcelona

Beer:Garage Beer Company – Brew pubBierCab – Bar and beer store.  Amazing selection in bo

Coding Style Guides

If you know me you probably know that I sincerely believe that for a project to be successful you nee

Web Technologies Hangout

What: A recorded video session where we discuss Web Technologies. I would like to focus on the browse

Making Coffee and Web Apps

I drink a lot of coffee. I write a lot of JavaScript.  This is about my journey from drip to my perfe

A new adventure

I started in April and had a great time during "Noogler onboarding" where I was introduced to the Goo

Writing an x86 "Hello world" bootloader with assembly

After booting, the BIOS of the computer reads 512 bytes from the boot devices and, if it detects a tw

Firefox day 5: A race

I've opened a session with four tabs:1. Facebook2. Twitter3. A Stackoverflow thread4. A Github page5.

Firefox day 4: Goin' up the country

I've found a few niceties besides the fact that **apps open links with Firefox in the background and

Firefox day 3: Details

When switching browsers three days ago, I forgot to install an ad blocker.I have to say I'm surprised

Firefox day 2: First few cracks

Today I happened to visit my own website, [geekonaut.de](http://geekonaut.de) and noticed a few inter

My Firefox month: Day 1

* I will try Firefox 54 on my laptops and phone for a month* Firefox Sync provides me with seamless a

How I approach side projects

- Start with something you don't know. Research & write down the result- Research just enough to iden

CORS - a guided tour

* The browser enforces the [Same-origin policy](https://en.wikipedia.org/wiki/Same-origin_policy) to

Bits and bytes in JavaScript

* when dealing with binary data or communicating with hardware, you may find yourself needing ways to

JavaScript in parallel

* JavaScript is single-threaded and long-running scripts make the page unresponsive* Web Workers allo

Understanding different number systems

* The fact that we us

2016: The year in review

This year I finally finished the draft of my book on Polymer!If things work out, it will be in print

HTML, DOM and JavaScript unraveled

The web platform has started out with HTML to allow users to share documentsand link them in a user f

The overwhelming web

Web Development can be pretty strange these days.On the one hand we tell beginners that they need ALL

Slick and slf4j MDC logging in Scala

* Multi-user applications need log messages to retain **context**, so the situation can be examined o

Five rules to stay sane and efficient when handling downtimes

Downtimes, Crashes, Incidents, System Failures - they have many names, but most people involved with

Five rules to stay levelheaded and efficient when handling downtimes

Downtimes, Crashes, Incidents, System Failures - they have many names, but most people involved with

JSON RPC 2.0 - for simple and powerful APIs

To my surprise a contender in the field of API protocols is yet unknown: JSON-RPC 2.0.A standard sinc

A new Angular Service Worker — creating automatic progressive web apps. Part 2: practice

Announcement: I present about Angular Service Worker this Tuesday, November 7 at AngularConnect confe

A new Angular Service Worker — creating automatic progressive web apps. Part 1: theory

Announcement: There is “Part 2: practice” of this article is available.As a “UIs for the future” engi

Best practices in the design of onboarding to the free wi-fi flow at the airports (and not only)

My 2017 in numbersDesign artifacts created by human beings are everywhere. They surround us all the t

Using Workbox 2 and Angular to create a Progressive Web App. Part 1: App shell

This is a set of 5 articles dedicated to creating PWAs using the newest framework and library mention

Here we go!

Here we go! jsPoland conference: my session “Mobile Web 2.0”. Thanks to one of the event attendees fo

Hi, Tomomi!

Hi, Tomomi! Thanks for this very interesting article! I’d like to reference your “Mobile Web Timeline

Friends Forever: Your Meetup And The Conferences

Partnering with relevant local and international conferences is a very good idea for your usergroup.

Upgrading to Angular v6: Step by Step

Angular v6 was released on May 3rd and now we can focus on upgrading our projects to the new version.

Continuous Integration with Angular CLI + Travis CI + Firebase Hosting + Greenkeeper + Github

In this article we will learn how to automatically deploy an Angular CLI project to Firebase hosting

Angular Tips: Formatting Dates with a Custom Date Pipe (dd/MM/yyyy)

In this article we will learn how to create a custom Date Pipe with Angular. Using Angular default

How to Add Bootstrap to an Angular CLI project

In this article we will learn how to setup an Angular project with Bootstrap 3 or Bootstrap 4. Update

Angular: Hide Navbar Menu from Login page

In this article we will learn two approaches to hide the Navbar Menu when displaying the Login page i

Angular Reactive Forms: trigger validation on submit

In this article we will learn different approaches of validating all form fields when user clicks on

Angular Tips: Avoiding duplication of RxJS operator imports

Updated post Update May 2018: since Angular v5, we can use RxJS Pipeable Operators, which makes easie

Getting Started with Angular Material 2

This article will show you how to setup your Angular project (v2+) using Angular Material 2. Update D

O que uso pra gravar os screencasts - 2016

Olá pessoal, De vez em quando as pessoas perguntam o que uso pra gravar as aulas que disponibilizo no

Todos os ebooks da Packt por US$ 5 - inclusive os meus!

Olá pessoal, Vim compartilhar uma super dica com vocês. Tem uns 3 anos que a Packt (editora com a qua

Meus ebooks Sencha e JavaScript com 50% de desconto!

Olá pessoal, A Packt entrou em contato e está oferecendo 50% de desconto nos meus livros no formato e

40+ resources to learn Sencha ExtJS 6

This is a list of 40+ resources to learn Sencha ExtJS 6. It contains presentations, tutorials, exampl

[Curso Java Básico - Orientação a Objetos] Correção Exercícios Aula 27: Classes e métodos

Oi pessoal, Hoje vamos conferir a correção dos exercícios de laboratório da aula 27 do Curso de Java

[Curso Java Básico - Orientação a Objetos] Aula 27: Classes e métodos com parâmetros

Olá pessoal, Vídeo/Screencast de hoje: aula 27 do curso gratuito de Java! Na aula de hoje vamos apren

Packt Free Learning: 1 ebook gratuito todos os dias (pra sempre)!

Oi pessoal, A Packt (editora pela qual publico meus livros) de vez em quando lança campanhas de 1 eb

[Curso Java Básico - Orientação a Objetos] Aula 26: Classes e métodos com retorno

Olá pessoal, Vídeo/Screencast de hoje: aula 26 do curso gratuito de Java! Na aula de hoje vamos apren

[Curso Java Básico - Orientação a Objetos] Aula 25: Classes e métodos simples

Olá pessoal, Vídeo/Screencast de hoje: aula 25 curso gratuito de Java! Na aula de hoje vamos aprender

[Curso Phonegap / Cordova] Aula 07: Phonegap + Android no Windows: Configurando Ambiente

Olá pessoal, Vídeo/Screencast de hoje: aula 07do curso gratuito de Phonegap e Cordova. Na aula de hoj

[Curso Java Básico - Orientação a Objetos] Correção Exercícios Aula 24: Classes e atributos

Oi pessoal,Hoje vamos conferir a correção dos exercícios de laboratório da aula 24 do Curso de Java g

[Curso Java Básico - Orientação a Objetos] Aula 24: Classes e atributos

Olá pessoal, Vídeo/Screencast de hoje: aula 24 do curso gratuito de Java! Na aula de hoje vamos apren

[Mobile Conf 2015] Palestra e Curso Phonegap com Ionic no Rio de Janeiro dias 28, 29 e 30 de Maio

Olá pessoal, Dias 28 e 29 de maio estarei no Rio de Janeiro para ministrar 2 workshops de Phonegap/Co

[Curso Java Básico] Aula 23: Como debugar no Netbeans

Olá pessoal, Vídeo/Screencast de hoje: aula 23 do curso gratuito de Java! Na aula de hoje vamos apren

[Curso Java Básico] Aula 22: Como debugar no Eclipse

Olá pessoal, Vídeo/Screencast de hoje: aula 22 do curso gratuito de Java! Na aula de hoje vamos apren

[Curso Java Básico] Aula 21: For Each (for melhorado)

Olá pessoal, Vídeo/Screencast de hoje: aula 21 do curso gratuito de Java! Na aula de hoje vamos apren

[Curso Java Básico] Correção Exercícios Aula 20 (Matrizes/Arrays Multidimensionais)

Oi pessoal, Hoje vamos conferir a correção dos exercícios de laboratório da aula 20 do Curso de Java

Congresso TI 2015: Palestra Online e Gratuita sobre Phonegap para iniciantes

Olá pessoal, Vim aqui falar para vocês que essa semana começa o a segunda edição do Congresso TI. O e

Instalando Maven no Mac OS (Yosemite)

Oi pessoal, Hoje vamos aprender como instalar o Maven no Mac (versão Yosemite especificamente), uma b

[Curso Phonegap / Cordova] Aula 06: Phonegap Desktop App

Olá pessoal, Vídeo/Screencast de hoje: aula 06 do curso gratuito de Phonegap e Cordova. Nessa aula v

[Curso Phonegap / Cordova] Aula 05: Testando com Phonegap Developer App

Olá pessoal, Vídeo/Screencast de hoje: aula 05 do curso gratuito de Phonegap e Cordova. Nessa aula v

[Curso Java Básico] Aula 20: Arrays multidimensionais - Matrizes

Olá pessoal, Vídeo/Screencast de hoje: aula 20 do curso gratuito de Java! Na aula de hoje vamos apren

Techniques for animating on the canvas in React

I recently experimented with audio visualisation in React on the Twilio blog. While I meant to teach

Implementing one time passwords in Crystal

Crystal is still a young language, there aren’t a lot of libraries available yet. For some this could

Git commands to keep a fork up to date

I’ve seen the following tweet about git making its way around Twitter recently:I ❤️ Git. But honestly

Spring clean your dev machine

Development machines can build up such a lot of cruft. Old versions, oudated programs and unused cach

Use the web share API easily with web components

I’m a fan of the web share API but I was not happy with my initial implementation of the API. It was

CSS: select first-of-class with the subsequent sibling combinator

There are a whole bunch of CSS selectors available to web developers, but sometimes there’s still not

gzip a file in Ruby

At the start of the year I looked into how to better compress the output of a Jekyll site. I’ll write

Permissions on the web suck

I am a fan of progressive web apps and the powers that they bestow on web developers to build the nex

Two tests you should run against your Ruby project now

I had the fortune of attending the wonderful Brighton Ruby conference last week. It was full of excel

Experimenting with the background fetch API

The service worker API is expanding as more ways to use the background dwelling worker emerge. I’ve w

Add danger.js to your OSS in 5 mins

What is danger.js anyway?DangerJS runs during your CI process, and helps your team to automate certai

Prettier - Opinionated Code Formatter

What is prettier?Prettier is an opinionated code formatter. That’s all.✅ Language support JavaScript

Introduction to GraphQL

😼 So what is GraphQL exactly?A query language for your API.GraphQL gives the power to ask for exactly

Tool I use for web development

Why this post?As a web developer, I use a lot of tools (new & old), utilities & some tips f

Comparison of HTTP and HTTP/2

This comparison blog post is to show why you should move from HTTP to HTTPS and why you should add su

Best Practices for Push Notifications

As the web is moving forward very fast and now we can do almost everything on the web which can be do

What is accessibility?

Accessibility means letting the user navigate and interact with a website by any means. Let it be a k

How To Setup Webpack 2

Webpack is module bundler for modern web applications.It is a highly configurable and easy to use.Red

CSS4 Selectors

A CSS selector is like patterns which are used to select and style the pattern matching elements. We

Web Performance Optimization

An average user stays in your site if the page loads in < 1000ms. In 2014, an average page size

Chrome DevTools

Google chrome is one of the fastest browser around and using chrome devTools for development is simpl

How to use environment variables to configure your Angular application without a rebuild

In February 2016, I published an article on how to configure your AngularJS 1.x application using env

The 7-step process of Angular router navigation

There are many great articles and books available on how to use and configure Angular router. In cont

A 10 minute primer to JavaScript modules, module formats, module loaders and module bundlers

Modern JavaScript development can be overwhelming.When working on a project, you may wonder why all t

Review of Angular 2 Master Class by Thoughtram

On July 6 and July 7, 2016 I attended the Angular 2 Master Class by Thoughtram in the Showpad offices

Review of Angular 2 Workshop by Brecht Billiet

On June 29 and June 30, 2016 I attended Brecht Billiet's Angular 2 Workshop at Holiday Inn Ghent Expo

Simple metaphor to easily understand and remember how token-based authentication works

In this modern era, software is often using token-based authentication so that parts of the software

How I feel about Angular 2

A few weeks ago I was privileged to spend time with Pascal Precht while he was preparing his talk for

How to configure your AngularJS application using environment variables

Most AngularJS applications contain logic.And thus most AngularJS applications typically have a confi

How to properly integrate non-AngularJS libraries in your AngularJS application

There may be times when you need to use a non-AngularJS library such as lodash or underscore in your

How I optimized Minesweeper using Angular 2 and Immutable.js to make it insanely fast

In my previous article I showed you how to build Minesweeper using Angular 2 and Immutable.js. You ca

How to build Minesweeper using Angular 2 and Immutable.js

This is the first in a series of articles on Angular 2. If you want me to send you a quick note when

Thoughtram Angular Master Class review

On August 25th and 26th I attended the 2-day Angular Master Class by thoughtram at Silversquare Bruss

How to use areas and border states to control access inside an Angular application with ui-router

UI-router is awesome!You can create nested states and do all kinds of fancy stuff.But what if you nee

How to access Angular $log debug messages from within Karma

Angular has a convenient $log service that allows you to log debug messages to the console:$log.debug

Learn how to make authentication in your Angular applications simpler and more consistent

Auth0! Parse.com! Firebase!They are just a few of the so many cool services and libraries that are av

The gotchas of caching ES-modules

Going all modern/native with an offline PWA using javascript modules, I had some problems getting the

The Web anno 2018 — Takeaways from Google I/O 2018

I sidste uge var jeg sammen med +7000 udviklere til Googles årlige udviklerkonference i Californien.

Clientside Routing in

TL:DR; demo, source - on npm as element-routerIt probably won’t come as a big surprise but I’m a big

The componentComponent — a dynamic way of inserting components in Angular

TL:DR: Find the componentComponent on GitHub here: https://github.com/filipbech/component-componentWi

Video: Using angular with your CMS

Last week in Lisbon, I spoke about how to use Angular outside the more common scenario of line of bus

Take-aways fra Google I/O 2017

I forrige uge holdt Google deres udvikler-konference i Mountain View, Californien. Jeg havde fornøjel

Simple State Management with RxJS’s scan operator

My Journey replacing Promises with RxJS

Update: Create a CD pipeline with Angular, GitLab and Firebase

[object ErrorEvent] thrown by Karma in Angular Unit Tests

In-depth: How do CDK Portals work?

Dynamic UI with CDK TemplatePortal and DomPortalHost

Extend the *ngIf Syntax to Create a Custom Permission Directive

Add Mocha reporter for Karma unit tests to your Angular CLI project

Create a CD pipeline with Angular, GitLab and Firebase

Create a ng-true-value & ng-false-value directive for Angular

Compile-time vs. Runtime configuration of your Angular App

Configure a proxy for your API calls with Angular CLI

Looking back on 2017

Three new Angular Courses to celebrate end of the Year 2017

Use Dynamic Components to render HTML for 3rd party libraries

Demystifying dynamic Forms in Angular

Understand How to Style Angular Components

Intercept HTTP Requests in Angular

Create a dynamic tab component with Angular

Enhanced *ngIf and *ngFor in Angular version 4.0.0

How to Configure Lighthouse for Balanced Quality Websites

Google’s Lighthouse is a great tool even though it has some issues. Fortunately, it’s possible to con

The One Thing We May Really Want to Research

My back-burner philosophical work revolves around one idea: that what creates and makes for our reali

Highlights from The Communist Manifesto (Karl Marx and Friedrich Engels)

“This organisation of the proletarians into a class, and consequently into a political party, is cont

A Short Guide to Minimal Web Development

There’s an art and even a bit of magic around simple frontend code. Writing such code comes with a fe

Web Development and the GDPR

Who shares or presents code has a special responsibility, because for both the uninitiated and the qu

37 Theses on CSS and Web Development

CSS Optimization Basics ends with a list of key ideas. From acknowledging that we don’t always write

AMP, a Strategy

There are problems with AMP. My recommendations: Avoid AMP; or use it, exclusively, on the most relev

The Craft of CSS

When we type down CSS like we’ve done 20 years ago, and when we work with ever more abstractions, wha

The Dangers of Being a Web Developer

Video, slides, and resources for my talk at beyond tellerrand in Düsseldorf.

CSS Optimization Basics

My latest little book, covering mindsets needed for writing effective style sheets, optimization opti

User-Centered Web Development

When we think of user focus we easily think of usability tests, following a usually strong wish to pr

HTML, CSS, and Dependency Direction

Adam Wathan wrote one of the most interesting web development articles I’ve read in the last few mont

How Declaration Repetition Developed over Time, a Statistically Insignificant Sample

We know that there’s excessive declaration repetition in the Web’s style sheets, that each declaratio

Highlights from Cobbett’s Advice to Young Men

“The first thing to be required of a man is, that he understand well his own calling, or profession;

On Loyalty

We should be protective of our greatest possession—our values.

The Compact Guide to Web Maintainability: 200 Tips and Resources

The result of reviewing, normalizing, rephrasing, sorting, and testing 134 responses to a maintainabi

Oh WTF My Tone, or: On Germans Speaking English

Anecdote. When I was working at Google, shortly after I had made one of my first bigger contributions

Highlights from The Elements of Style (William Strunk Jr.)

“Consciously or unconsciously, the reader is dissatisfied with being told only what is not; he wishes

On Material Design

When Google introduced Material Design back in 2014, I was happy; I was happy for the team and I was

Static Site Tricks: Social Network Propagation with IFTTT

Automation is critical for work efficiency and productivity. Everything helps.

The Two Extremes of Writing CSS, and What We Can Learn from Them

Extremes can be useful. In practice they help get the maximum out of a given approach, and in theory

On Meeting and Leaving People

Humans are social. Cooperation got us where we are. There are several ways to get to know new people,

What We Know

On some days, if you asked me about what we know, with absolute certainty, I’d respond with only that

On Writing 1,000 Poems

A story of venturing into an entirely different genre.

Privacy Experiments: How to Auto-Generate Random Web Traffic

I believe that privacy, which has never been about “hiding something,” is a fundamental civil right,

An UX lesson from a ATM machine

This is not a technical post as I usually write, but rather something funny that happened to me and I

Testing with the Angular HttpClient API

Embracing Observables and Immutability FTWThe HttpClientTestingModule makes it easier to mock request

The new Angular HttpClient API

Giving us back the controlControl room where all the HTTP requests are handled :)SeriesThis post is p

Great question!

Great question!Well, naming is always a polemic topic. Some people don’t agree at all with me and don

Angular 2 e o futuro

do desenvolvimento Front-endPor que uma nova versão?Essa história foi escrita durante a preparação da

Esclarecendo alguns mitos sobre o AngularJS

Frequentemente em conferências, listas de discussão e no Twitter, escuto algumas afirmações sobre o A

AngularJS cares about accessibility!

A11y made easy with angular-ariaThe ARIA attributes are designed to improve the accessibility of Rich

AngularJS: How to name directives

Quick tips to avoid issues with custom directive namesAngularJS directives allow us to use our own vo

Diretivas AngularJS: isolate scope

Diretivas nos permitem estender o HTML e criar nossos próprios elementos. Podemos definir como esses

How to unit test AngularJS Decorators

You could use decorators to enhance any kind of AngularJS module. Unit testing a decorator is all abo

รวมวิธิการจัดการ state และ permission ของ user บน Action on Google และ Dialogflow

เวลาที่เราสร้าง assistant มา ปัญหานึงที่เราไม่อยากให้เกิด ก็คือ ไม่อยากให้ Assistant ของเราดูแห้งๆตอบ

มาลองทำเว็บของคุณ ด้วย AMP HTML & AMP JS กัน

ย้อนกลับไปสองปีที่แล้ว Google เปิดตัว AMP และก็โฆษนาว่า เป็น instance load version Google ซึ่ง จริงๆแ

Stencil.js vs lit-element vs Vanilla vs Shadow DOM vs Vue.js

Stencil.js vs lit-element vs Vanilla vs Shadow DOM vs Vue.js What is the best solution for Web compon

Stencil.js, lit-element, Vanilla, Shadow DOM, Vue.js อะไรทำ Web component แล้วดีที่สุด

กระแส Web component ตอนนี้มาแรงสุดๆ ใครทำเว็บก็ต้องรู้จัก แต่ประเด็นที่ถกเถียงกันอยู่เหมือนกันคือ เขี

มาเข้าใจ Add to Home screen Banner บน Chrome ใหม่กันหน่อย (สำคัญ)

เดิมแล้ว ถ้า User เข้ามาในเว็บไซต์ที่มี manifest + serviceworker ติดตั้งอยู่ แล้วเข้าตาม Add to Home

มีอะไรใหม่ใน Vue CLI 3.0

เวลานี้ Vue CLI 3.0 ยังไม่ stable ถ้าใครจะใช้บน production ก็ระวังหน่อยนะครับ แต่ถ้าใครอยากจะลอง ก็สา

ทำไมผมถึงเลือก Vue.js ทั้งที่คนอื่นๆใช้ React กัน

นี่เป็นคำถามที่ผมจะโดนถามบ่อยมากๆๆๆๆ ก็เลยเขียนบล็อกตอบง่ายกว่าลึกๆแล้วผมเป็น คนที่ชอบอะไรง่ายๆครับ ย

ทำ Google Assistant ต่อ API แบบ ไวไว ภายใน 15 นาที

ก่อนจะเริ่ม ถ้าอยากจะทำได้ไวๆเราต้องรู้เรื่องดังนี้ก่อน1. สกิล node.js 2. ใช้ Cloud function for fire

Why Store is not necessary for Progressive Web App

This article is based on my point of view and I’m open for any suggestion and another point of viewCu

เสริมพลัง Offline ให้กับ WordPress ด้วย Workbox.js

ผมเคยเขียนบล็อกไปซักพักแล้วเรื่อง PWA กับ WordPress ซึ่งตอนนั้นก็แนะนำ Plugin ไปบ้าง จนตอนนี้ Plugin

Fast, extensible, configurable, and beautiful linter for Go

About a year ago I decided to polish my Go skills. Although the language is pretty small compared to

Introducing Guess.js - a toolkit for enabling data-driven user-experiences on the Web

About two months ago I published my initial research[1] on data-driven bundling. A few weeks after th

Machine Learning-Driven Bundling. The Future of JavaScript Tooling.

In this article, I’ll introduce the early implementation of a few tools which based on techniqu

JavaScript Decorators for Declarative and Readable Code

Decorators in JavaScript are now in stage 2. They allow us to alter the definition of a class, method

3 Tricks For Using Redux and Immutable.js with TypeScript

In this post, I’ll show you a few tricks which can make your life using Immutable.js and Redux

Follow Your Dream Career with Open Source. Personal Story.

This time I’ll violate my principle to write only about purely technical topics on my blog. In

Redux Anti-Patterns - Part 1. State Management.

For the past year I’ve been working on a project which uses React with TypeScript and Redux. In

Faster Angular Applications - Understanding Differs. Developing a Custom IterableDiffer

In this article we’ll take a look at another Angular abstraction - the differs and more specifi

Faster Angular Applications - Part 2. Pure Pipes, Pure Functions and Memoization

In this post, we’ll focus on techniques from functional programming we can apply to improve the

Faster Angular Applications - Part 1. On Push Change Detection and Immutability

On AngularConnect 2017 in London, I gave a talk called “Purely Fast.” In the presentation

Understanding Dynamic Scoping and TemplateRef

This post will be dedicated to template references in Angular and dynamic scoping. Although the main

Implementing a Simple Compiler on 25 Lines of JavaScript

I already wrote a couple of essays related to the development of programming languages that I was ext

Developing Statically Typed Programming Language

In this blog post we’ll go through a sample implementation of a type checker, interpreter and a

WebVR for a Gamified IDE

In the first part of this blog post I discuss the idea of using virtual reality for gamification of m

7 Angular Tools That You Should Consider

In this article we’re going to quickly explore 7 Angular development tools which can make our e

Announcing ngrev - Reverse Engineering Tool for Angular

Have you ever been hired to work on a huge legacy Angular project with thousands of NgModules, compon

Implementing Angular's Dependency Injection in React. Understanding Element Injectors.

Recently I’ve been blogging mostly about Angular and it’s not by accident! Angular is an

Distributing an Angular Library - The Brief Guide

In this post I’ll quickly explain the minimum you need to know in order to publish an Angular c

Angular in Production

In this informal essay I’ll go through a case study of my experience in using Angular (2 and ab

Ahead-of-Time Compilation in Angular

Recently I added Ahead-of-Time (AoT) compilation support to angular-seed and got a lot of questions a

2.5X Smaller Angular 2 Applications with Google Closure Compiler

In the post “Building an Angular 2 Application for Production” we explored how we can dec

Using Stripe with Angular

Stripe offer a set of APIs which allow businesses and individuals to easily accept and manage payment

Building an Angular Application for Production

Progressive Web Applications help us build native-like web apps, thanks to amazing tools such as Serv

Implementing the Missing "resolve" Feature of the Angular 2 Router

For the last a couple of months I’m working on an Angular 2 based PWA. The more complex the app

Scalable Single-Page Application Architecture

In order to have better understanding of the following blog post you should be familiar with the fund

Managing ambient type definitions and dealing with the "Duplicate identifier" TypeScript error

Maintaining the angular-seed, I found out that the most common problem for developers using the proje

Static Code Analysis of Angular 2 and TypeScript Projects

So far, most of the blog posts I’ve written are tutorials; they explain how we can use given te

Enforcing Best Practices with Static Code Analysis of Angular 2 Projects

About two weeks ago I published the initial draft of a Community-driven Angular 2 Style Guide. It was

ViewChildren and ContentChildren in Angular

In this article I’m going to explain the difference between the concepts of view children and c

Dynamically Configuring the Angular's Router

Warning: This version of the Angular 2 router is now deprecated! This means that soon the used below

Angular 2 Hot Loader

A couple of months ago I watched a few talks from ReactEurope. I was truly impressed by a few of them

Lazy Loading of Route Components in Angular 2

Warning: This version of the Angular 2 router is now deprecated! This means that soon the used below

Aspect-Oriented Programming in JavaScript

Note: The following blog post is based on the library aspect.js, which can be found here.The object-o

Flux in Depth. Store and Network Communication.

This is the second, and probably be the last, blog post of the series “Flux in Depth”. In

Using JSX with TypeScript

JavaScript is a weird language although, we love it the way it is. However, I’ve had quite a pa

Flux in Depth. Overview and Components.

This is the first blog post of the series “Flux in Depth”. Is this “yet the another

Even Faster AngularJS Data Structures

This is the last post of the series “Boost the Performance of an AngularJS Application Using Im

Boost the Performance of an AngularJS Application Using Immutable Data - Part 2

A few weeks ago I posted the article “Boost the Performance of an AngularJS Application Using I

Angular2 - First Impressions

On 18th of September 2014 was pushed the initial commit of version 2.0 of the AngularJS framework. A

Build Your own Simplified AngularJS in 200 Lines of JavaScript

My practice proved that there are two good/easy ways to learn a new technology: Re-implement it by yo

Persistent State of ReactJS Component

ReactJS is a framework, by facebook, which adds some well known concepts into the UI development. Eac

Boost the Performance of an AngularJS Application Using Immutable Data

I have affinity to functional programming since my first year in college. During my initial contact w

Processing Binary Protocols with Client-Side JavaScript

Last couple of weeks I’m trying to build high-performance consumption of binary protocol throug

Stream your Desktop to HTML5 Video Element

In this blog post I’ll share how you can stream your desktop to HTML5 video element.All you nee

Multi-User Video Conference with WebRTC

This is a tutorial for how to implement a multi-user video conference with WebRTC, AngularJS and Yeom

Asynchronous calls with ES6 generators

ES6 generators have landed in Chrome 39 Beta on 9th of October and are already available in the stabl

Binary Tree iterator with ES6 generators

ES6 specification is being clarified every passed day! One of the key features of the new version of

WebRTC chat with React.js

In this blog post I’m going to share how could be build WebRTC chat with React.js. Before we co

AngularJS in Patterns (Part 3)

This publication aims to provide a more theoretical overview of some of the AngularJS components in o

AngularJS in Patterns (Part 2). Services.

This publication aims to provide a more theoretical overview of some of the AngularJS components in o

Using GitHub Pages with Jekyll!

I’m switching to GitHub pages with Jekyll. There are several reasons behind my decision: Faster

AngularJS in Patterns (Part 1). Overview of AngularJS

In this series of blog posts I’m going to cover the paper I’m writing at GitHub.It aims to provide a

Singleton in JavaScript

Wikipedia describes the singleton design pattern as: The singleton pattern is a design pattern that r

Express over HTTPS

Sometimes you want to test your application in environment closer to the real world. In such cases yo

What I get from the JavaScript MV* frameworks

Why should I use JavaScript MVC, MVVM, MVP or simply MVW(hatever works for you)?When I talk with peop

Remote Desktop Client with AngularJS and Yeoman

In this blog post I’m going to show you how to build a VNC client using AngularJS and Yeoman. The sou

The magic of $resource (or simply a client-side Active Record)

At first sight AngularJS seems like a magical framework, which does some weird but awesome things lik

AngularJS Inheritance Patterns

Since AngularJS does not provide any built-in features for using inheritance, in this blog post I’ll

AngularAOP v0.1.0

In this blog post I’ll introduce you the new way of annotating services included in AngularAOP v0.1.0

Advanced JavaScript at Sofia University

In this blog post I’ll tell few words about the course Advanced JavaScript which Georgi Penkov, Evgen

AngularJS style guide

Today I created a GitHub repository which contains a set of good practices and style guides for Angul

Lazy prefetching of AngularJS partials

This blog post is concentrated about web performance. I’ll skip the well known stuff about combining

VNC client on 200 lines of JavaScript

In this quick blog post I’ll show you how to create a simple VNC client in about 200 lines of JavaScr

Aspect-Oriented Programming with AngularJS

In the following blog post I’ll write few words about what is Aspect-Oriented Programming, why I thin

CSS3 flipping effect

As you know because of the SIMD nature of the GPU it’s extremely good for graphical calculations. Sin

Practical programming with JavaScript

Before few months I was invited by Telerik Academy to make a talk about JavaScript. Last Monday Maria

Why I should use publish/subscribe in JavaScript

This post is inspired by my answer at StackOverflow.So why we should use publish/subscribe? Why it is

JavaScript, the weird parts

To say that JavaScript is becoming more and more popular is such a typical and boring way to start su

Functional programming with JavaScript

This article is about the functional concepts of JavaScript. Some of them are built-in the languages,

plainvm

plainvm can take the virtualization into different level of usage. To prove this I’ll first ask few r

Looking for performance? Probably you should NOT use [].sort (V8)

A few days ago, I’ve created a GitHub repository. It’s main goal was to collect different algorithms

JavaScript image scaling

I haven’t wrote here for a while so I decided to write about something more practical. Actually the i

ELang

And one more blog post by me! It’s going to be in brand new topic than the others. For about an year

Caching CSS with localStorage

Since HTML5 became wide supported the most popular aspects I hear about were it’s canvas, WebSockets

Self-invoking functions in JavaScript (or Immediately Invoked Function Expressions)

There are a lot of interesting things in the syntax of JavaScript, one of which is the definition of

Asus N56VZ + Ubuntu 12.04 (en)

It seems that it’s common a problem to setup Ubuntu on the new Asus N56VZ so I decided to create an E

Asus N56VZ + Ubuntu 12.04

Един пост на български, защото мисля, че ще бъде по-полезен.Доста време се тормозя с подкарването на

Debian Squeeze + LXDE on Google Nexus S (or having some fun while suffering)

I’m here again, after a long pause. For a while I’ve got problems with my health and I’m nailed at ho

HTML5 image editor

As you see HTML5 is everywhere (of course I exclude IE…or just before version 10). Web site us

Курсови проекти – ФМИ

Тъй като съм вече студент 3-ти курс във ФМИ и курсовите проекти се натрупаха, мисля че мога да бъда п

Carousel Gallery

And one post in English…For few days I’m developing one jQuery UI plugin. It’s picture gallery

SofiaJS...

В потребителската група SofiaJS последните няколко месеца се случиха доста интересни неща, а на мен в

Color animation plugin for jQuery

Hi! I haven’t wrote since a long time but there’s so much code and so little time…It’s bad tha

SofiaJS

Преди няколко месеца внезапно (както май често става) започнах да мисля за програмиране (как ли така&

Sound notification in web page

Few days ago I was creating a system in which it was necessary to implement a sound notification feat

f8...

Тази сутрин пуснах прословутата f8…Бях с големи очаквания (дори поствах за нея), може би зарад

f8

Ето нещо интересно, което ще можем да следим онлайн утре сутрин:

Google+ API

Като всеки любознателен developer и аз се включих към хората, които искат да получат mail от Google п

Ajax without jQuery for beginners

Before years I was writing all the code by my own, without additional libraries (including jQuery). F

Blogger image resize

That’s my second post here and the first one which is going to have any sense. Today a friend of mine

Hello world!

Hey,That’s my first blog here. I’ll try to put some interesting stuff about the Life, Universe and Ev

Why you’ve been bad about testing

Photo by Jonny Caspari on UnsplashSome common struggles people have with testing, and things you can

Demystifying Testing

Photo by Paul Gilmore on UnsplashHow to get from aimlessly testing or not testing at all to really un

Confidently Shipping Code

Photo by Vidar Nordli-Mathisen on UnsplashWhy I care about testingNOTE: This is a cross-post from my

React/JSX as a server-side templating language

Photo by Dwinanda Nurhanif Mujito on UnsplashUsing React function components to render your website’s

How I am so productive

Photo by lalo Hernandez on UnsplashPeople regularly ask me how I get so much done. Here’s my secret…N

Getting Noticed and Widening Your Reach

Photo by Tadeusz Lakota on UnsplashSome things you can do to gain a wider audience and get your stuff

Make Impossible States Impossible

Photo by tom coe on UnsplashA simple trick to simplify your application and component stateNOTE: This

How to make the most out of conferences

Photo by rawpixel on UnsplashSome specific things you can do as a conference attendeeNOTE: This is a

Why and How I started public speaking

Photo by Bogomil Mihaylov on UnsplashSome stories and some advice from an international speaker and t

mdx-deck: slide decks powered by markdown and react

Photo by Ash Edmonds on UnsplashWhy it’s awesome, what it is, how it works, and how to use mdx-deck.N

Link doesnt work

Link doesnt work

Ended up writing a blog post about this feature…

Ended up writing a blog post about this feature: https://medium.com/@auchenberg/detecting-multi-touch

Introducing remote debugging of Node.js apps on Azure App Service from VS Code (in public preview)

Azure App Service for Linux now supports remote debugging of Node.js applications directly from Visua

Auchenberg’s reading list #4

May 2-May 13 2018.Photo by Christin Hume on UnsplashChinaOver 30? You’re Too Old for Tech Jobs in Chi

Auchenberg’s reading list #3

April 15th-May 2 2018.https://unsplash.com/photos/18mUXUS8ksI/infoTechOLPC’s $100 laptop was going to

ColdFront and the need for a holistic front-end conference that spans across communities and…

ColdFront and the need for a holistic front-end conference that spans across communities and technolo

This is possible if you start your Chrome process manually with the — remote -debugging-port flag.

This is possible if you start your Chrome process manually with the — remote -debugging-port flag. Se

Compounds are our final syntax.

Compounds are our final syntax. See https://code.visualstudio.com/docs/editor/debugging#_compound-lau

Can I get you to open an issue on https://github.com/microsoft/vscode with more details?

Can I get you to open an issue on https://github.com/microsoft/vscode with more details?

Auchenberg’s weekly: 2

April 2nd-April 14 2018.Photo by Nikhil kumar on UnsplashInfrastructure.ACE Submarine Cable Cut Impac

Alright! This is going to be part of my toolset :P

Alright! This is going to be part of my toolset :P

This is my people… My experiences from the last CHI 2018

This is my people… this is family (non-verbatim) — Allison DruinAfter a long flight from the Philippi

Yep, working on that right now. Will document on it.

Yep, working on that right now. Will document on it.

Journey to create a web-app to load under 50KB on first-load: Roadblocks and Plans

So after the mini-success of having a less than 5KB library to allow easier creation of web component

Thanks for the check-up.

Thanks for the check-up. I am re-writing the some parts after this article because it will become mor

Journey to create a web-app to load under 50KB on first-load: Creating Element-lite

It all started when I was tasked to do the GDG Devfest site. The Polymer Summit 2017 was happening at

Question, is this working with webpack-dev-server?

Question, is this working with webpack-dev-server?

Grid online — Creating/Updating (at least) one Web Component per day this 2018

I do remember my trip back in June 2017 to San Francisco, where I met and had lunch with Donald Knuth

I do agree with all that you have said.

I do agree with all that you have said. The ease, lack of ambiguity, brevit yand predictability of a

Thanks John for the suggestion. I’ll look into it.

Thanks John for the suggestion. I’ll look into it.On a short note, I am way deep into the syntax and

Software Team Maturity Matrix

Whether you lead a small team of developers, a tech startup or a huge department, it’s important that

Dynamic resources using the Network Information API and service workers

My journey to and from work involves a small journey on a train. Without fail, there is this spot alo

Getting started with the Ambient Light Sensor

Whether I’m in the car or walking around a new city, Google Maps is one of the apps that I couldn’t l

Progressive Web Apps - Book Giveaway - Results

Firstly, I'd like to say a massive thank you to everyone who retweeted and liked the tweet for this g

How to display a "new version available" for a Progressive Web App

Have you ever been on a website and noticed a popup notification that suggests that there is a new ve

Progressive Web Apps - Book Giveaway

Progressive Web Apps has recently been released, and if you haven't already gotten your hands on a co

Service Workers can save the environment!

Woah! The title of this article might seem like clickbait - but bear with me. Using service workers c

Converting a Ghost blog to a Progressive Web App

Regular readers of this blog might notice a slightly different look and feel to this site. I’ve recen

Lessons learnt: Leaving an organisation

In my experience, leaving an organisation is a big deal. Given the amount of time we spend at work, w

Progressive Web Apps - My new book is available!

I am super excited to announce that my latest book has been published and is available to purchase!A

Guest Posts and Advent Calendars

This year, I’ve been lucky enough to write two articles for two great “advent calendar” style sites.I

Progressive Web Apps - Podcast

I was lucky enough to be interviewed recently by Matthew Groves on his podcast Cross Cutting Concerns

Book Review: The New CSS Layout

I’ll be the first to raise my hand and admit that my CSS skills are about as stinky as the stinkiest

How much storage space is my Progressive Web App using?

If you had told me when I first start developing many years ago, that I’d be able to build websites t

Lazy loading images using Intersection Observer

If you haven’t had the chance to watch it yet, Paul Lewis put together an awesome video series that d

Adding a Recent Content Component to VuePress

A few weeks back a new static site generator was launched, VuePress. Being based on Vue.js, I was imm

Next Event - Modern Development with the JAMStack

First off - my apologies for being a bit quiet here. I had two trips in a row, some big things (good

Getting Up to Speed with Vue.js

One of my goals for 2018 was to become an "expert on Vue". While I think I'm years away fro

An Example of the Async Clipboard API with Vue.js

A few days ago Google shipped Chrome 66 and one of the new features enabled in that version was the A

TIL - Pushing Node Apps to Azure with Visual Studio Code

I've been playing, off and on, with Microsoft Azure for a while now. My main focus has been on the se

Missed VueConfUS? Watch (Parts) Online!

I wasn't able to make this year's VueConf US (even though it was in my backyard), but luckily, some o

Datalists with Vue.js

This isn't necessarily a very exciting post, but a few days back someone asked me about integrating V

Serverless IoT for Enterprise Light Bulb Demos

Before I start, let me state a quick warning. No, this is not an Enterprise demo. Yes, it does involv

Adding reCaptcha with a Serverless Form Processor

A few days ago I added Google's reCaptcha support to a ColdFusion site. It was pretty easy (some fron

TIL - Vue.js and Non-Prop Attributes

This weekend I worked on a PR for a Vue.js component (vue-static-map) that ended up being a complete

nvim-typescript

These days it seems like everyone is using VSCode as their main editor, and with good reasons. VScode

Angular Schematics and Dynamic Content

Recently, I’ve been diving into the new tooling setup being worked on for upcoming ionic/angula

Ionic 4 Alpha Test

IONIC 4! It’s a thing that we (the Ionic team) have been hard at work on for the last few month

Adding Languages to iOS

In hybrid apps, when we want to add support for different languages, we tend to rely on JavaScript li

Ionic Colors Map: How to use them correctly

If you jumped from Ionic 1 to Ionic 2 when it was first released, a new thing that was added was this

iPhoneX and The Notch

Every year Apple releases a new iPhone and a new iOS version to match. For the history of the iPhone,

Custom Decorators

I’ve been getting more into decorators lately, especially since I used them in Angular/Ionic, b

Revisiting Typings: Post 1.0

Typings hits 1.0! Typings finally hit its 1.0 recently (well more like a month or so ago), and with t

Ionic 2 and External Libraries

Now that Ionic 2 is out in beta, people are setting aside some time to give it a shot and investigate

Setting Focus to an Input in Ionic 2

A Question came up in the Ionic Worldwide Slack today about how to set focus to an input. Now normall

Object Fit

Today I was watching a random video on ES6 tooling when I saw the author use a CSS property I’d

Ionic IO app name

A good question came up in the Ionic Slack today. A dev was looking to change the name of an app that

A New Year

This isn’t as much as a year in review for 2015, but all the things I look forward to doing in

My Dotfiles

My dotfiles are my pride and joy. There are hundreds of hours spent tweaking them to create the best

Welcome

Consider this my first post

Getting to Know a Legacy Codebase

The other day, Brad dropped me a message asking meabout the topic of getting to know a brand new (spe

Image Inconsistencies: How and When Browsers Download Images

This year, I’ve been working closely with the wonderfulCoingaming team out in beautifulTallinn. We’ve

Identifying, Auditing, and Discussing Third Parties

A large part of my performance consultancy work is auditing and subsequentlygoverning third-party scr

My Digital Music Setup

I want to begin this post with a disclaimer: I’m not an audiophile, and I don’tclaim to be particular

Measuring the Hard-to-Measure

Last night I gave a performance-oriented talk at the wonderfulDaFED event in Novi Sad, Serbia. In the

Finding Dead CSS

During a performance workshop I was running this week, I was reminded ofa technique for finding dead

The Fallacies of Distributed Computing (Applied to Front-End Performance)

In the mid-nineties, Laurence PeterDeutsch and colleagues at SunMicrosystems devised a list of what t

Ten Years Old

Ten years ago today, a seventeen-year old Harry decided to register the domaincsswizardry.com. It was

Relative Requirements

Every developer and designer is different; they have they own skills, interests,and abilities. Simila

Airplanes and Ashtrays

On 11 July 1973, 123 passengers lost their lives when their Varig 820 flightfrom Rio de Janeiro to Pa

How can technologists help reunite separated families?

After seeing an ex-ICE officer last night say that he expected the majority of these separations to b

Eye Tracking Study finds problems with Flat UIs

You may have read about a recent study that came out in early September 2017 by the Nielsen Norman Gr

AngularFire2 5.0.0-rc.6 Released

AngularFire2 has released 5.0.0-rc.6 for apps built with Angular.This release brings support for the

Why are Angular Material styles being duplicated in my project?

This article assumes that you are using SCSS with the Angular CLI.Make sure that your styles are addi

Angular v4 Final and Angular CLI v1 Final Released!

body[data-twttr-rendered="true"] {background-color: transparent;}.twitter-tweet {margin: auto !import

What’s the state of Angular Universal and AOT?

I’ve spent a good deal of the last week looking at Angular Universal and Ahead of Time (AOT) compilat

Upgrade from Angular 2.RC4 to final with Angular-CLI

I’ve completed the RC4 => 2.1.2 upgrade for one proprietary app and one open source app. Even with

Configuring an AngularJS 1.2+ app for production

When running in production mode, your app should do the following:myApp.config(['$compileProvider

Angular 2 rc.5 is out!

It contains 18 breaking changes, over 40 new features, and 80 bug fixes.RC 5 brings with it the signi

Angular Material 1.1.0-RC.X Privatization of Styles Reverted

If you are an Angular Material 1.x user, then you might have noticed that, while trying out the 1.1.0

I’d definitely recommend that you start by taking on a project for family/friends.

I’d definitely recommend that you start by taking on a project for family/friends. That way there wil

I’m glad you like the article..

I’m glad you like the article..Losing your first client is a great gained experience, don’t let it se

Thanks!I send an invoice for downpayment and start working when I receive the downpayment.

Thanks!I send an invoice for downpayment and start working when I receive the downpayment.In Europe w

How to get more clients as a freelance developer

Practical tips I wish I knew a few years agoWhenever a conversation about freelancing kicks off with

Thanks!I think so yes, I’m not sure I get your question though.

Thanks!I think so yes, I’m not sure I get your question though. Why would your users “clear browser c

I’m glad you like it, and thanks a lot for reporting the typo! I just fixed it

I’m glad you like it, and thanks a lot for reporting the typo! I just fixed itCheers

If you’re using the Angular CLI then you don’t have to worry about this

If you’re using the Angular CLI then you don’t have to worry about this

I’m glad you like it :D

I’m glad you like it :D

Yeah indeed, they’ve got some nice examples in this page.

Yeah indeed, they’ve got some nice examples in this page. I’m not sure though if they’re looking to e

Thanks Joe Lencioni for reading the article!

Thanks Joe Lencioni for reading the article!There’s a difference between the purpose of MDN dev docs

Résolutions pour 2018

Janvier est arrivé et comme tout le monde, j’ai pris un certain nombre de résolutions pour

Chrome Devtools - 5 fonctionnalités à suivre (Septembre 2017)

Dans cet article je vais me concentrer sur la console afin de vous partager quelques tips &

Chrome Devtools - 5 fonctionnalités à suivre (Juin 2017)

Snippets Les snippets sont

Retour Google I/O 2017

Cette année encore, j’ai

B.O.F. Speaker DevoxxFR 2017

Voici un retour du B.O.F. (Brid Of Feather) Speaker intitulé “Les speakers anonymes” à

Chrome Devtools - 5 fonctionnalités à suivre (Mars 2017)

Avant proposJe lance une nouvelle série d’articles que je vais compléter régulièrement dont

J'ai mis en place les RTTs le vendredi ;)

Avant proposCeux qui me connaissent savent

J'ai fait un jeux multijoueur en temps réel server-less et offline (Partie 3 - Partie graphique)

Troisième partie d’une série de 3 articles :

J'ai fait un jeux multijoueur en temps réel server-less et offline (Partie 2 - FireBase)

Deuxième partie d’une série de 3 articles :

J'ai fait un jeux multijoueur en temps réel server-less et offline (Partie 1 - PWA)

Contrôle d'un robot par une page web

J’ai acheté pour ma fille il y a quelque temps ce robot :

Retour sur le Google I/O 2016

A mon tour de faire mon retour sur le

Comment devenir speaker ? (Partie 3)

Si vous n’avez pas lu les deux premières parties, vous pouvez les trouver

Comment devenir speaker ? (Partie 2)

Si vous n’avez pas lu la première partie, je vous invite à la lire :

Comment devenir speaker ? (Partie 1)

Régulièrement je croise un grand nombre de personnes talentueuses techniq

Myo sous linux

Cette semaine à SQLI, lors d’une soirée Hack, j’ai eu l’occasion de prend

Connectez votre rameur d'appartement avec Chrome

Réalisez votre PortalGun avec WebRTC

DevFest Nantes 2014 - Demos Part 2 - Leap Motion

Suite des articles sur les démos que j’ai eu l’occasion de coder pour le

DevFest Paris 2015

Devfest

Improving Sapiens' timeline page

Real-time the easy way with EventSource

Functional Programming in Javascript

Node and Postgres: book announcement

AngularJS 1.x - best practices for larger apps

Directive communication in Angular

Turn anything into an ng-model with ngModelController

Keeping easy things easy

Infographics aren't just pretty pictures

Scraping data with the browser

Is anybody you know democratic?

Own your content

Land-grabbing the Noosphere

Twedar - machine learning side project

Playing with ES6 generators to make a Maybe in Javascript

New project: SidekickJS - Javascript code quality tool

Testing Backbone views

Testing Glossary

How to test Backbone apps

Blurring the stock market

How much iOS can you learn in a day?

The Faith Machine

The Luzhin Defence, Nabokov

Startup resources

Exambuff - Open Sourced Startup

Rails 3 Asset Pipeline in a minute

Ruby's === equality operator

Total Engagement, B Reeves & J. Read

My first experiments with R

Game Based Marketing, G Zichermann & J Linder

Crafting UI Elements Using Angular Components and Interfaces

This is a guest post contribution. Learn how to wire UI elements in a local weather app using Angular

Build Progressive Web Apps with Angular [Video Course]

A few days ago, I published a video course on how to build Progressive Web Apps (PWAs) with Angular.T

Create your own libraries with Angular CLI

Since Angular 6, we can now use Angular CLI to create our own libraries. A good use case for librarie

3 Angular pipes you should know about

Pipes can be used creatively for debugging purposesWith Angular 6.1 was released a new pipe: KeyValue

[Tutorial] Custom Form Controls with Angular

Last year, I published a tutorial that explained how you can create a component that supports the use

Component architecture with Angular

Angular embraces reactive programming, where components know how to react to external events such as

[Tutorial] Custom error handling with Angular

Errors happen! You probably know that uncaught errors end up in the browser console, but what if we w

Progressive Web Apps for Angular 6 and beyond

Progressive Web Apps is a name given to a set of new W3C standards that allow any web application to

What to expect from Angular 6

Angular Elements is one of the main new features of Angular 6Angular 6 is around the corner, with a r

[Tutorial] How to create your own Angular directive?

Our goal in this tutorial is going to build a directive that will render a credit card provider logo

Solved with CSS! Logical Styling Based on the Number of Given Elements

The third post in my "Solved with CSS" Series, this time detailing how you can use CSS to apply logic

The Female Engineers of Bustle on Getting the Job Done

A feature on Bustle, sponsored by Windows, on my some of my teammates and myself, where we discuss wo

Solved With CSS! Dropdown Menus

A CSS Tricks post on how we can create accessible dropdowns using only vanilla CSS.

Solved With CSS! Colorizing SVG Backgrounds

A CSS Tricks post on how we can colorize inaccessible SVG backgrounds by using CSS filters, instead!

Pair Projecting

This is my second Pastry Box Project post: on why working with other people makes projects more rewar

2017 in Review

Keeping the tradition alive! My 2017 in review and 2018 goals.

Why Design Systems Fail

This 24-Ways post looks into why the implementation of design systems and how to ensure that yours is

Debugging React Native Apps using Visual Studio Code

React Redux Part 1 : Implementing a counter component in react by using state

Injecting Custom JavaScript into React Native's Webview

iTerm tips and zsh plugins for better development environment

React TDD Example: Unit Testing and Building a React Component with Jest, Gulp and React Test Utils

Repeating Multiple Elements using ng-repeat-start and ng-repeat-end in AngularJS

Implementing a curry function in JavaScript using TDD

Remote debugging localhost with weinre ( and HTTPS too )

Whatsapp web client: Hide/blur thumbnail images preview

A brief walk-through of the ng-options in AngularJS

Practical Guide to PreLink, PostLink and Controller Methods of Angular Directives

Explaining Call and Apply in JavaScript, through Mr.Dave

AngularJS: Real time model persistence using local storage

'Resolve' in AngularJS routes, explained as story

Mastering the scope of the directives in AngularJS

Multiple Left-hand assignment in JavaScript, is really bad. Think before you do it.

Starting VerbalRegex.com open source project

Octopress Blog Tweaks: Adding Author Info Section Below Each Posts

Some Gotchas In Arithmetic Expression Evaluation : JavaScript

Starting my new blog: Finally Octopress

介紹好用工具：Pandoc ( 萬用的文件轉換器 )

由於最近經常用 Markdown 撰寫文件，而我部落格文章現在也開始改用 Markdown 撰寫，寫習慣了之後，發現真的回不去了。現在的我不用再被難用的 Office Word 奴役，因為它功能太多了，

分享一組我在 Azure 建立虛擬機器都會執行的初始設定腳本

由於我每次在 Azure 上建立 Windows Server 2016 Datacenter 測試用 VM (虛擬機器) 的時候，都需要在開機後執行特定 PowerShell 腳本，這邊我特別分享出來

管理 Redis 伺服器的利器：Redis Desktop Manager (原始碼建置筆記)

最近需要下載 Redis Desktop Manager 回來用，不過官網上的 Windows 版本已經不提供最新版直接下載，取而代之的是讓你取得原始碼自行建置，建置的成功你就可以直接用最新版，否則你就

2018 企業前端框架趨勢論壇之問答回應 (完整版)

我們今年在 2018/9/15 舉辦了一場「企業前端框架趨勢論壇」活動，現場來了將近 200 人，可見許多人對前框架的發展相當感興趣。由於是我們第一次舉辦大型活動，我發現整體活動安排得不是很理想，尤其是

如何在 Visual Studio 2017 對 .NET Core 專案啟用分析器功能

在 Visual Studio 2017 裡面，有個好用的「分析器」功能，可以幫助開發人員寫好程式。他的作法是在背景執行一連串的程式碼分析，透過一組規則集 (RuleSet) 對專案中的程式碼進行剖析與

在 PowerPoint 2016 中製作技術簡報的幾點注意事項與選項設定

我經常看到同事製作的 PowerPoint 簡報品質不佳，而且每次犯錯的地方都差不多，我這些年都不知道重複講幾次了。其實 PowerPoint 的預設設定對於一般人比較沒問題，但是我們經常要將原始碼貼到

在 Angular 套版時應注意多層次選單超連結的使用

我們許多專案，都會有網頁設計師設計版型，然後再交由前端工程師套版。不過有很多版型，都會留有 <a href="#"></a> 這樣的空連結，比較常見的用途都是在「多層次選單」的上

如何在 Azure Lab Services 中批次啟動與停止實驗室中所有虛擬機器 (VMs)

最近因為企業內訓的授課需求，需要在 Azure 上建立 20 台客製化環境的虛擬機器(VMs)，這個時候正是使用 Azure Lab Services 的最佳時機 (以前的名稱叫做 Azure DevT

如何用 Excel 2016 分析問卷項目中的複選選項

當我們手邊拿到一份問卷調查的 Excel 檔案，如果問卷題目是「複選」項目，要在 Excel 中分析出每個選項的出現比例，應該沒有比較方便的做法。我自己研究後發現，還是要透過撰寫 VBA 才能快速完成分

如何將現有 .NET Core 專案加入相對應的 xUnit 單元測試專案

在 Visual Studio 2017 開發工具裡，建立單元測試專案有好幾種方法，其中一種是將現有專案增加一個相對應的單元測試專案。在傳統 .NET Framework 專案中，很輕易的就可以建立完成

釐清幾個超容易混淆又很常用的 RxJS 運算子 (Operators)

撰寫 Angular 的開發者，目前應該是最自然接觸 RxJS 的了。每當有機會要用上的時候，就會在這一百多個 RxJS 運算子之間徘迴打轉，因為實在太多相似的 API 可以用，以至於經常鬼打牆寫不出來

如何自訂 ASP.NET Core Web API 的錯誤回應訊息

我看過有無數企業在設計 Web API 的時候，會將所有可能的回應訊息，無論成功或失敗，全部一律回應 HTTP 狀態碼 200 (OK)。但這樣的設計完全違反 RESTful 架構精神，我們應該盡可能透

發行 Angular Schematics 程式產生器與設定 .npmignore 的注意事項

昨天寫了一個小工具，可以自動將現有 Angular CLI 建立的專案，轉換成有 Hot Module Replacement (HMR) 功能的版本，只要簡單一個命令 ng add hmr-enabl

離線安裝完整 Angular 開發環境的標準作業流程 (大型企業適用)

這兩個月經常在新竹科學園區進行 Angular 企業內訓，有越來越多的企業意識到 Angular 帶來的高價值(High Value)與低總體成本(Low TCO)。不過，在高度資安的防護下，我經常需要

如何將 ASP.NET Core 2.1 網站部署到 Docker 容器中

從 .NET Core 2.1 開始，無論是 .NET Core 或 ASP.NET Core 專案，容器映像全部統一由 Docker Hub 上面的 microsoft/dotnet 專案提供。今天這

Interview: Angular plus Docker with Julian Fahrer

code { background: whitesmoke; padding: 3px 5px; color: #2ea3f2; font-weight: bold; }

Interview: Jeff Delaney from Angular Firebase

Meet Jeff DelaneyJe

A Fun Introduction to Angular Animations

Huge fan alert! Angular Animations are one of my favorite parts of Angular, and I think Matias Niemel

Five Things I Wish I Had Known about ngUpgrade

IntroductionI recently had the opportunity to h

Components Are the New Thin Client

IntroHere is a presentation about state managem

Angular Animations – Motion Makes Meaning

IntroLast year I had the opportunity to speak a

Notes About Angular and Midi

IntroHype song aside, I wanted to take a moment to share the lessons I learned while making Mischief

Free Song Download! All About Angular

IntroRoger Tipping and I wrote an Angular love song for our Mischief Maker presentation at ng-conf 20

ng-conf 2017: Mischief Maker

IntroHere are the presentation slides and code samples from my talk at ng-conf 2017.The primary goal

Writing a Basic Component Test with Angular Testing Utilities

Testing a ComponentWriting unit tests is very much like flossing. We all agree that we should floss (

ngAir Podcast: Containerizing Angular Apps with Docker

I had the opportunity to chat with Justin, Bonnie, Alyssa, and Austin about Angular and Docker on the

New Pluralsight Course: Containerizing Angular Applications with Docker

I’m excited to announce the release of my next course on Pluralsight titled Containerizing Angular

8 Tips to Maximize Your Productivity

Getting things done has always been a challenge for most people – and I include myself –

Video: Microservices with Docker, Angular, and ASP.NET Core

I recently had the opportunity to speak to a group in Denver, Colorado about Microservices, Docker, A

Upgrading an Application to Angular 6: Step By Step

Angular 6 is out and it offers some great new functionality in the CLI and overall framework. One of

Getting Started with Machine Learning using TensorFlow and Docker

Machine Learning (ML) gets a lot of press now days and for good reason. It can be used to gain insigh

My Interview on the IT Career Energizer Podcast: Career Tips and Life Lessons Learned

I had the opportunity to talk with Phil Burgess on the IT Career Energizer podcast recently and reall

“Containerizing” Angular with Docker: My ng-conf Talks and Overall Experience

ng-conf 2018 is officially over….too bad it can’t go on forever. It’s such a great

Channel 9 Video: Five Things About Docker

I had the opportunity to sit down with Simona Cotin (Azure Developer Advocate at Microsoft) at the An

Tech 5 Tutorial: Getting Started with ASP.NET Core on Mac and Windows

In this Tech 5 tutorial, I’ll walk you through getting started with ASP.NET Core on Mac and Win

Thanks a lot for the thoughtful comment Rupesh Kumar Tiwari !Appreciate it

Thanks a lot for the thoughtful comment Rupesh Kumar Tiwari !Appreciate it

Thanks brother!

Thanks brother! I’m happy I met you and that we’re friends, you inspired me a lot and showed me how m

Thanks for the feedback Ben!

Thanks for the feedback Ben!Yeah, I don’t see a way to get around the need to import the module you n

Thanks for the feedback!

Thanks for the feedback!Yep, you could still use variables for the prefixes, but think about how mess

Angular Routing — A Better Pattern For Large Scale Apps

It’s been a while since my last post because I’ve been busy cooking you people some pretty interestin

Thanks! Yeah, Pete and Mike are awesome!

Thanks! Yeah, Pete and Mike are awesome!

Thanks Sudhir! makes me happy that it helped!

Thanks Sudhir! makes me happy that it helped! 😃

Thanks a lot Jason!

Thanks a lot Jason!

Thanks Niko!

Thanks Niko!

Thanks for the feedback Charles!

Thanks for the feedback Charles!Appreciate it

Nice work.

Nice work. Is the 60% improvement on top of the speed improvements already brought by the source-map

UPDATE 08/2018: Binaryen no longer supports s2wasm and the official…

UPDATE 08/2018: Binaryen no longer supports s2wasm and the official "wasm32-unknown-unknown-wasm

Thanks Tim for such a great project! Best wishes to you and your family.

Thanks Tim for such a great project! Best wishes to you and your family.

(updated my original comment after re-reading yours and seeing it indeed was referring to proxies)

(updated my original comment after re-reading yours and seeing it indeed was referring to proxies)

Proxies are surprisingly fast in general, the code in V8 is relatively simple.

Proxies are surprisingly fast in general, the code in V8 is relatively simple. It’s hard to say more

hahahaha yeah, I noticed that and fixed it, perhaps Medium is caching the old version still

hahahaha yeah, I noticed that and fixed it, perhaps Medium is caching the old version still

Thanks for the positive vibes!

Thanks for the positive vibes! At this point it’s just an experiment and the code written for the dem

LazyDOM — an experiment to bring virtual DOM to the browser natively

EDIT: 11/2017 — This post was originally published 04/2016. Yehuda Katz now has a WHATWG proposal for

You wanted me to mention Babel.

You wanted me to mention Babel.

THIS IS ALL BABELS FAULT

THIS IS ALL BABELS FAULT

How I Lock My Bike in Berlin

1 year with a bike in Berlin, and counting...I bought a bike 2 months after

Working Better with Git for a Clear History

Your teammate worked on a few improvements in all forms of the company’s webs

Computer and Human Languages

Basic knowledge of computer languages (mainly JavaScript) is assumed.Some tim

React and Form Management: Is Redux Form Worth It?

This is an improvement over my answer to a question in a Brazilian forum: "

T. T. T.

Put up in a placewhere it's easy to seethe cryptic admonishment  &n

Writing Mode in VS Code

I’m a big fan of writing. I’m also a big fan of using my code editor and Mark

My Hacking Adventure in Lithuania

Exploring the country where my surname came from and hacking collaboratively

Creativity

In a life where, by default, there’s no meaning at all, I value creating abov

Dental Health and Habits

Brushing teeth is a good habit. An easy-to-build one, I’d say, thanks to the

Expressive JavaScript Conditionals (for Humans)

Conditionals! As programmers, we write at least one every day. Easy to write,

UI Components that Abstract Mistakes

2017, October 14th.A cloudy day [1] of Autumn in Berlin, probably

An Open Letter to my Loving Father

Dad,I remember the first English sentence you taught me when I was a kid. The

Tchau

de Viamão, Brasil para Berlim, Alemanha.🇩🇪– 

Choose Life 🇩🇪

Choose life. Choose a job. Choose a career. Choose relocation. Choose giving

Where Does Growing up Go Wrong?

Then into your life, there comes a darknessAnd a spacecraft blocking out the

A Minimal Workspace on macOS

Ask me for a screenshot of my desktop and all you get is a wallpaper – if I’m

I Travelled to Photographs

February was ending.Usually, such thing would mean regular summer days. Howev

Catalysis

As a High School student, I remember always finding Chemistry something betwe

Don't Blame it on React or Redux

What most people don’t know when they first get into Redux is that, just like

var that = this? Nah.

Tried JavaScript for some minutes? You probably already wrote the following.

Shared Variables Between JavaScript and CSS

Because it assures consistency throughout the project and avoids mag

How to Exclude CSS, Images, Anything from Unit Tests

Your app needs all those require, but your unit tests may not.When developing

A Bit on Random Numbers in JavaScript

Math.random() is a JavaScript function that outputs a random number in the ra

Horizontal and Vertical Align Anything with CSS

Using translate() is one of the easiest ways[1] to instantly

Solitude

A state in which people are locked in their own heads. Where everything they

A Better ES2015+ and JSX Workflow in VS Code

Lately I’ve been trying VS Code, a code editor based on El

I'm Tired of Beautiful-Looking User Interfaces

What if the user interface is more beautiful-looking than usable, understanda

Encadeamento de Métodos em JavaScript

Popular em diversas bibliotecas JavaScript, o encadeamento de métodos (“metho

SVG Images as React Components with Webpack

If you’ve ever tried to load inline SVG (using svg-inline-loader) into React,

A Cascata das Variáveis do CSS

Suporte |

O CSS do Futuro

Já existem especificações garantindo funcionalidades incríveis para o CSS:

Mass Deleting Files from Slack

Slack comes with limited file storage, so you eventually run out of space. De

A Fantástica Diversidade do Front-end

Os diferentes perfis de desenvolvedores front-end é um tópico que frequente e

5 Bibliotecas Essenciais para Desenvolver React Apps

O conjunto de ferramentas, boilerplates e bibliotecas disponíveis formam um e

Lessons from the Last Years

I’ve made a point of being in challenging situations whenever possible.In the

Twelfth Floor

Do you know when a window view is urban?When your look through the window and

Ninguém Sabe Pouco o Suficiente

Quando você se vê envelhecendo, talvez seja desmotivador olhar para uma pesso

O Til no JavaScript

Incompreendido, o operador til (~) é um mistério que ninguém discute. Primeir

O Que Há de Errado com a "Cultura jQuery"

Este não é um artigo sobre jQuery. Este é um artigo sobre ferramentas, sim, m

A Guide to Favicons and Touch Icons

Favicon is a simplified visual element associated with a particular website,

Do You Help People out There?

My GPS doesn’t work, again. And this isn’t the first time I’m not sure where

Como Eu Vi a BrazilJS 2015

É mais experiente que volto de mais uma BrazilJS, evento que acontece na cida

Multiline Sass Comments

Since the beginning of this year, I’ve created a lot of different boilerplate

Desmitificando Seletores Complexos

Se existem recursos no CSS que a total compreensão se restringe a uma parcela

She

She’s despair, daily fatigue and frustration. An intersection of the lack of

Moving to a Chromebook

So here's the deal. The macbook broke, it broke a long time ago, possibly January. The space bar just

I Got A Laser Cutter

OK so I didn't buy one, well not at this moment in time (I no way have the 💰 for that!). No this was

Happy International Women's Day 2018

Oli and Pete this post is for you, neither of you could possibly know where I was in my life when you

How to make a LED Snowboard Jacket

Full Disclaimer: I actually recommend you don't do this. It's explained below, but in short snowboard

New year, refreshed blog

This is part of a much bigger remit of mine to get on top of my personal sites. I'll be writing more

I've just stepped away for a bit...

I'm spending the next month in Lake Tahoe, on the California/Nevada border. I spent most of 2017 thin

This blog's mini pattern library

Main HeaderSub HeaderSmall capsThis is a regular text size paragraph. Skate ipsum dolor sit amet, jud

Codevember Hash Two

Codevember Hash TwoIt's Sapphire subject today so here's a little audio vis instead of a grid practic

Codevember Hash One

Codevember 2017Wow I almost wrote 2018 then! It's here CODEVEMBER!! ALL THE EMOJIStl:dr; It's Codeve

How To Be On Fire

So the other day I shared a relatively crazy experience I had in Vienna last week.Thankfully gettin m

Codevember Review

I wrote this back in December, then hopped in a campervan and travelled round Australia and barely op

Codevember Number Fifteen

Super SunToday's inspiration is: The Super SunToday's is a little bit trickier as we have to creat

Codevember Number Thirteen and Fourteen

Part Three: d3.jsBefore I start I want to give a big shout out to Ben (@benjaminbenben) who was helpi

Codevember Number Eleven And Twelve

This is an experiment in symmetry. An effect that would be great in the final audio vis software.See

Codevember Number Nine And Ten

Phew, there was a break wasn't there! Apparently it's hard to keep up when you're on the road. So I t

Codevember Number Eight

Part Two: Random Cool New FeaturesSo this next section I did ponder for a while. I could take you str

Codevember Number Five

Today sees the last in our Bridget Riley series. We'll move on to something different tomorrow...Toda

Codevember Number Four

We're in it for the long haul - so we're still using the same technique. Stick with me - come next we

Codevember Number Three

This is my inspiration for today’s pen: Bridget Riley's Dilated Centres. Bridget Riley : Dilated C

Codevember Number Two

I’ve gone straight for something a bit weird for day two. But we’re not doing too much different from

Basic punch detection using Web USB

The awesome Fronteers conference is just a few days away, and I will be talking about connecting hard

A new, lean way of creating web apps

As a browser engineer and a spec editor, I am always quite skeptical of frameworks and libraries — so

On my desktop it’s quite good.

On my desktop it’s quite good. You see a little delay in Chrome but it is barely noticeable in Firefo

On the fly WebP decoding using WASM and a Service Worker

For the people who know me, I have been super excited by the recent developments on the web platform,

W3C TAG nomination: Introducing myself

So some of you might have noticed that my employer Intel has nominated me for the W3C TAG, which is t

A few tricks and tips for improving a custom element

Yesterday, Diego González posted a nice article for a Gamepad element he just created. As I am a big

A bit about lit-html rendering

So Zouhir has been asking me a bit about how rendering works with lit-html and custom elements base c

Gokul on Twitter seems to have managed to get it to work on Mac OS…

Gokul on Twitter seems to have managed to get it to work on Mac OS: https://twitter.com/gokul_i/statu

I haven't tried it yet on Mac OS, but this is still work in progress.

I haven't tried it yet on Mac OS, but this is still work in progress. You could try with Chrome C

Progressive Web Apps coming to all Chrome platforms

Since I have posted a few screenshots on my Twitter account, people have asked me to share a bit more

Using UseClass, UseFactory, UseValue & UseExisting with treeshakable providers in Angular

In this blogpost I want to describe how to use the useClass, useValue, useFactory, useExisting provid

Announcing 'Getting started with Angular and ASP.NET Core' blogpost for ng book

I wanted to announce another blogpost I wrote for the famous “ng-book” called “Getting started with A

Running cypress tests in an Angular project with travis CI

In the last blogpost I explained how to get started with cypress tests. The next step would be runnin

Start your end to end testing with Angular and Cypress

In this blogpost we will cover how to get started with end to end testing using cypress and angular a

Starting with Angular and Microsoft's Face Recognition API

In this blogpost I want to give you a guidance to the first steps of starting with Microsoft’s Face R

Create a build pipeline for Angular and ASP.NET Core apps with Visual Studio Team Services

In this blogpost I want to describe how you can build up a build and release pipeline for your Angula

Recent Speaking Activities

In this blogpost I want to recap my recent speaking activities and provide you some short information

Separating state into angular modules with ngrx

In this blogpost I want to give you an explanation of the state tree of ngrx if you are working with

CRUD operations in Angular with ASP.NET Core and HATEOAS

This blog post shows how to implement CRUD operations in Angular which are driven by an ASP.NET Core

Using the Angular Material Paginator with ASP.NET Core and Angular

In this blogpost I want to show you how to use Angular Material with Angular to use a table with pagi

Testing an Angular Http Service

In this blogpost I want to show you how you can test the new HttpClient introduced with the version 4

Going full time on offering solutions

I am delighted and excited to announce that at the end of September, I will end my employment with my

Announcing ASP.NET Core WebAPI PacktPub Video Course

I am very proud and really happy to announce that my video course “RESTful Web services with ASP.NET

Angular - New HTTP interface with interceptors

In this blogpost I want to explore the latest HTTP interface from angular which was introduced in Ang

Lessons learnt from organising a conference

It has been quiet here for a while… :-)You may have noticed that I organised my first conference .NET

Announcing the .NET Day 2017

I am very happy to announce the .NET Day 2017 in Switzerland! In this blogpost I want to give you a s

Moving your Angular application from SystemJS to Webpack

In this blogpost I want to show you how you can move from an existing Angular application using syste

Automatically reload typed configuration in ASP.NET Core

In this article I want to explore IOptionsSnapshot and show how to work with IOptionsSnapshot in ASP.

Angular Ahead Of Time (AoT) compilation, lazy loading and treeshaking with webpack

In this blogpost I want to show you how to get Ahead Of Time compilation enabled with lazy loading in

The difference between AddMvc() and AddMvcCore()

In this blogpost I want to show you difference between the ASP.NET Core methods AddMvc() and AddMvcCo

Working with Angular Template Forms

In this blog I want explain and show you how to work with Angular’s template driven forms.The Problem

Speaking at the Microsoft TechDays 2017

I am very proud to announce that I will be speaking at the Microsoft TechDays 2017 about Angular and

How I started recording my first Video training

In this blogpost I want to describe how I started recording my first Video training and tell you abou

How to implement a table filter in Angular

In this post I want to show you how to implement a table filter in Angular.Code: https://github.com/F

Build and debug a WebAPI with the Dotnet CLI and VSCode

In this blog I want to show you how to build and debug a WebAPI with the Dotnet CLI and VSCode.Code i

How to debug an Angular application with Chrome and VS Code

In this blogpost I want to show you how to debug an Angular application with Chrome and VS Code.First

Moving from Microsoft Lumia 950 to OnePlus 3

In this blogpost I want to share the experience I made moving from Microsoft Lumia 950 to OnePlus 3.P

How to set up Angular and Webpack in Visual Studio with ASP.NET Core

With this blogpost I want to show an example of how to set up Angular and Webpack in Visual Studio wi

Neue Angular-Kurstermine angekündigt

In diesem Blogpost möchte ich bekanntgeben, dass Digicomp neue Kurstermine angekündigt hat, die ich a

How to create an ASP.NET Core WebAPI

In this blogpost I want to show you how to create an ASP.NET Core WebAPI. We will use a custom mapper

Kooperation von MyCSharp.de und der BASTA!

Ich freue mich wieder sehr anzukündigen, dass es erneut zu einer Kooperation von MyCSharp.de und der

ASP.NET Core 1.0 with Entity Framework Core

In this repository I want to show the first steps with Entity Framework Core and ASP.NET Core 1.0.The

Cross Platform Builds with Angular, Gulp and Webpack

In this blogpost I want to show how to create Cross Platform Builds with Angular, Gulp and WebpackWeb

ASP.NET Core and Angular with Webpack and Visual Studio

This article shows how to use ASP.NET Core and Angular with webpack and Visual Studio. Both the clien