Angular-CLI Meets Webpack

A few months ago I tried my hand at the angular-cli. It was nice but it had enough deterrents to keep me away until the team worked some things out. Foremost was the incredibly slow app refresh during development due to SystemJS loading every file dynamically —definitely a deal breaker.

Full article

Read More

Journey to HTTP/2

It has been quite some time since I last wrote through my blog and the reason is not being able to find enough time to put into it. I finally got some time today and thought to put some of it writing about HTTP.

Full article

Read More

20 Protips For Writing Modern CSS

In this post we want to share with you a collection of 20 useful conventions and best practices that are recommend by the CSS community. Some are tailored more towards beginners, and some are a bit advanced, but we hope everyone will find a cool trick they didn’t know about. Enjoy!

Full article

Read More

Novos CPUs Intel 7th gen apostam no vídeo 4K

Nestas coisas dos computadores parar é morrer, e a Intel já anunciou que a 7º geração dos seus CPUs chega já no início de 2017, com maior eficiência e capacidade de lidar com vídeo Ultra HD 4K como se nada fosse.

Full article

Read More

Data Binding In AngularJS

Data binding is a process of establishing the connection between View and Model to communicate or updating the data from View to model and from Model to View. Data binding is of 3 types, as listed below.

Full article

Read More

Chrome passa a ter Google Cast integrado de origem

A Google parece querer entrar numa nova ofensiva de promoção do Chromecast, e opta por tornar a sua utilização bem mais simples a partir do Chrome, que passa a ter o Google Cast integrado.

Full article

Read More

Pixel-Perfect Specifications Without The Headaches – Smashing Magazine

Designers, developers and managers often work with compressed timeframes and multiple projects simultaneously. A team must be able to respond quickly to feedback on their product from clients, project managers and developers.

Full article

Read More

Zuckerberg hopes to show off his home control AI next month

Remember that artificial intelligence Mark Zuckerberg said he was going to build to control his house? It sounds like he actually made it -- and he's almost ready to show it to the public.

Full article

Read More

Build a React App with User Authentication

React is an awesome way to build web UIs. This JavaScript library allows you to turn complex UIs into simple and reusable components that can be composed easily together.

Full article

Read More

Android 7.0 Nougat review: All about getting things done faster

After a surprise debut and months of previews, Android 7.0 Nougat is ready for prime time. The broad strokes haven't changed since we first met Nougat back in March (when it was just "Android N"), which means it's still not the game-changer of an update some people have been hoping for.

Full article

Read More

Scrollanim – Create Stunning Scroll Animations

Scrollanim is a CSS3 and JavaScript library to create stunning scroll animations that work everywhere. It’s open-source (MIT), free and easy to use Oh, and it’s 9KB. Also, this is possible to add the animations using the JavaScript API. Scrolanim has many CSS3 animations to use.

Full article

Read More

Get Query String Parameters with JavaScript

One of the front-end features that server side languages don't have is the ability to natively get query string parameters by key.  The only method you have to access the query string is via the window.location.

Full article

Read More

Android Nougat 7.0 no Raspberry Pi 3

O novo Android 7.0 Nougat poderá demorar anos até chegar à maioria dos smartphones, mas quem tiver um Raspberry Pi 3 não terá que esperar tanto tempo. Já está disponível uma versão do Android 7.

Full article

Read More

Amtrak's next-generation high-speed trains arrive in 2021

While Amtrak is a perfectly fine way to travel, especially on the Eastern seaboard, the country's publicly owned rail company doesn't exactly have a high-tech reputation. That will change in the next few years, thanks to a massive $2.

Full article

Read More

Microservices: An Example With Docker, Go, and MongoDB

"Cinema" is an example project which demonstrates the use of microservices for a fictional movie theater. The Cinema backend is powered by for microservices, all of which happen to be written in Go, using MongoDB for manage the database and Docker to isolate and deploy the ecosystem.

Full article

Read More

Android From Scratch: Hardware Sensors

One of the things that makes developing for mobile devices different from other platforms is that a mobile phone or tablet is packed full of sensors and other hardware that developers can take advantage of for data input. In this tutorial you will be introduced to the Android sensor framework.

Full article

Read More

Night Mode Enabler activa o modo nocturno no Android Nougat

O novo Android Nougat 7.0 vem recheado de novidades, mas uma que se faz notar pela sua ausência: um modo nocturno para o ecrã. Felizmente, há quem já tenha tratado do assunto.

Full article

Read More

React on the Server for Beginners: Build a Universal React and Node App

In this article we are going to learn how to build a simple "Universal JavaScript" application (a.k.a. "Isomorphic") using React, React Router and Express. Warm up your fingers and get your keyboard ready... it's going to be fun!

Full article

Read More

4 JavaScript Design Patterns You Should Know

The Scotchmas Day 2 giveaway can be found at the end of this article. Every developer strives to write maintainable, readable, and reusable code. Code structuring becomes more important as applications become larger.

Full article

Read More

Hackers roubam passwords sincronizadas do Opera

Se utilizam o Opera e dão uso à sua funcionalidade de guardar e sincronizar as passwords entre múltiplos equipamentos, chegou a a hora de entrarem em pânico, pois esses dados foram roubados por hackers.

Full article

Read More

Cache Fetched AJAX Requests Locally: Wrapping the Fetch API

This article demonstrates how you implement a local cache of fetched requests so that if done repeatedly it reads from session storage instead. The advantage of this is that you don’t need to have custom code for each resource you want cached.

Full article

Read More

30K Page Views for $0.21: A Serverless Story

Note: For regular readers of this space, players of Fantasy Movie League, you probably want to stop reading right now as this post will definitively prove my in game moniker.  If you’re a tech person, however, feel free to continue.

Full article

Read More

Dockerizing a Node App

This isn't going to be particularly new information if you're a Docker expert, but it was a bunch of things that caught me when I first started using Docker and Node. We're going to walk through taking a "Hello World" example node server and Dockerizing it.

Full article

Read More

Six innovative rooftop solar technologies

It's never been easier to give your house a solar roof. Falling manufacturing costs and increasing demand have led to a number of fascinating new solar products in recent years, including roof shingles with integrated solar cells, modular solar arrays and even efficient thermal tiles made from glass.

Full article

Read More

Diverse Test-Automation Frameworks For React Native Apps

The bar is set high for today’s mobile apps. First, apps must meet the standard of quality that app markets expect. Secondly, mobile app users are very demanding. Plenty of alternatives are available to download, so users will not tolerate a buggy app.

Full article

Read More

Best Practices for Building a Microservice Architecture

Complexity has managed to creep in to your product. It's become increasingly difficult to evolve it at the pace you once could. It's time to look for a better way of doing things. Microservice architectures promise to keep your teams moving fast... but also come with a new set of challenges.

Full article

Read More

VW promete carro eléctrico que faz 500km com 15 minutos de carga

A VW quer distanciar-se o mais rapidamente possível do escândalo dieselgate, e para isso vai avançado com algumas promessas que todos gostariam de ver cumpridas: um automóvel eléctrico barato, com autonomia, e carregamento rápido.

Full article

Read More

The ES6 Cheatsheet Story and Results

On July 28, I launched a mini product — my Interactive ES6 CheatSheet. Well, don’t want to let a few hundred bucks go to waste. Fine, we’ll build and launch a product by then. Totally reasonable.

Full article

Read More

Offline content with service workers

Service workers can do a lot more than make web pages work offline but for most people, myself included, this will be their first experience with them. I recently implemented a simple offline page for my blog and was surprised with how easy it was. Full of confidence, I wanted to do more.

Full article

Read More

How To Cast A Video From Facebook To Chromecast

YouTube is where some of the best videos live but Facebook is where lower quality bootlegged versions of them are uploaded. Jokes and copyright infringement aside, Facebook has a lot of video content.

Full article

Read More

The target="_blank" vulnerability by example

If you use the target="_blank" attribute on a link, and do not accompany it with a rel="noopener" attribute, you are leaving your users open to a very simple phishing attack.

Full article

Read More

Optimize Your Mobile Application for Google

Have you ever wondered how those mysterious links pointing to apps appear in your search results when you search the web with Google? How can app developers make sure their apps are displayed here? In this tutorial, I will demonstrate how to achieve this effect for your apps.

Full article

Read More

Neuron - ES6 React Electron Starter Kit

Note: This project is an active work in progress. Contributions, support and feedback is very much welcomed. Neuron is an offline first starter kit for developers wanting to create cross platform desktop applications with Electron.

Full article

Read More

Xiaomi apresenta o Redmi Note 4

Mesmo estando a sofrer com a concorrência de marcas como a Huawei e Oppo, a Xiaomi parece não se deixar desmotivar e avança com mais um smartphone de luxo a preço de saldo: o Redmi Note 4. O Redmi Note 4 é um smartphone com ecrã Full HD de 5.

Full article

Read More

The technology behind preview photos

First impressions matter, whether you're on a first date, in a job interview, or just choosing new decorations for your house. Some of the first things you see when you visit someone's profile or page on Facebook are the pictures.

Full article

Read More

How to Create Pure CSS onClick Image Zoom Effect

CSS doesn’t have a pseudoclass for targeting click events, and this constitutes one of the biggest pain points of front-end developers. The closest pseudo-class is :active which styles an element for the period of time a user presses their mouse over it.

Full article

Read More

the new code – Rotating Elements To Mouse and Touch Locations Using JavaScript

Using CSS transforms, transitions and animation, we can rotate any element on the page, but CSS won’t allow us to do that dynamically, in response to user input. To make that happen, we need JavaScript, combined with the lessons I’ve shown to this point regarding CSS rotation.

Full article

Read More

One easy way to inject malicious code in any Node.js application

This article describes a method of injecting arbitrary code in Node.js modules. It does not encourage unethical behavior. The chain used to include instances of modules can be tampered to allow modification of required dependencies.

Full article

Read More

Document your Already Existing APIs with Swagger

We recently covered speeding your restful api development with Swagger. The article is really clear on how to use swagger, and I would suggest you read it first before going through this. The article however starts with an API from scratch. But this may not be the case for some of us.

Full article

Read More

Easy and Fast Emails with Laravel 5.3 Mailables

Laravel 5.3 has just been released and there are a ton of great new features. One of the major improvements is in how you send mail in your applications. Let's take a look at sending emails. Before Laravel 5.3, sending emails in Laravel looked a lot like this.

Full article

Read More

Upgrading CSS Animation With Motion Curves – Smashing Magazine

There is UI animation, and then there is good UI animation. Good animation makes you go “Wow!” — it’s smooth, beautiful and, most of all, natural, not blocky, rigid or robotic. If you frequent Dribbble or UpLabs1, you’ll know what I am talking about.

Full article

Read More

A Web Audio experiment: detecting piano notes

OK full disclosure, the title should probably be “A failed Web Audio experiment…”. Never mind, what follows below is a journey through learning the Web Audio API and attempting to make a nifty little app. I succeeded on all counts with the exception of producing the app.

Full article

Read More

MIT cria MegaMIMO que permite WiFi nas mesmas frequências sem interferências

A saturação das frequências utilizadas pelo WiFi vai tornando cada vez mais frequentes os casos de congestionamento (e a fuga para os 5GHz, onde será apenas uma questão de tempo até que o mesmo se repita), mas o MIT pode ter a solução: o MegaMIMO.

Full article

Read More

A few HTML tips ★ Mozilla Hacks – the Web developer blog

A while ago I wrote an article with some CSS tips, now it’s time to give some polish to our HTML! In this article I’ll share some tips and advice about HTML code. Some of this guidance will be best suited for beginners – how to properly build paragraphs, use headings, or improve forms, but we will also discuss SVG sprites for icons, a somewhat more advanced topic.

Full article

Read More

Why Aren’t You Asking Questions?

It’s the kickoff meeting. You are the lead designer on the project, and this is the first meeting with everyone in the room. Your client is reciting her wish list, and you’re taking diligent notes—probably with cute, relatable doodles. An hour passes, and you’ve barely said a sentence.

Full article

Read More

How to Implement a Custom Validator Directive (Confirm Password) in Angular 2

In this article, we will be exploring Angular 2 built-in and custom validators. We will build a form to capture user information based on this interface.

Full article

Read More

Death to Complexity: How we Simplified Advanced Search

A bit about the design process that went into reimagining Spokeo’s Advanced Search tools. This was a weeks-long collaboration between the design and front-end teams, with support from backend for some specific API updates.

Full article

Read More

Writing a JavaScript Framework - Project Structuring

In the last couple of months Bertalan Miklos, JavaScript engineer at RisingStack wrote a next generation client-side framework, called NX. In the Writing a JavaScript Framework series, Bertalan shares what he learned during the process:

Full article

Read More

Opera VPN chega ao Android - gratuita e com dados ilimitados

Depois do iOS é agora a vez de também os utilizadores com dispositivos Android poderem dar uso à VPN gratuita da Opera, para aumentar a segurança e privacidade (e também podendo bloquear publicidade na web.

Full article

Read More

ReactJS Components: Learning the Basics

React is an awesome UI library (not framework) and has gained a lot of love. A colleague/friend, in a dialogue on React said he doesn't find working with React so interesting because there are just so many options to do one thing.

Full article

Read More