tech/webdev magazine

July 31, 2016

Speech Recognition in the Browser

Sunday, July 31, 2016 Teklinks

I recently bought an Amazon Echo, and I was seriously impressed by its ability to derive meaning from my commands. It really is a great product, but this isn't an Echo review. This is an introduction to experimental Chrome APIs. With these tools, you can build your very own Alexa clone.

Full article

Making Learning to Code Less Complicated

Sunday, July 31, 2016 Teklinks

As the analogy goes, a frog placed in boiling water will jump out. But if it’s placed in cold water that’s slowly heated, it won’t perceive the danger, and it will be cooked to death. Web Developers are like those frogs, slowly boiling.

Full article

Fake it 'til you Make it CSS

Sunday, July 31, 2016 Teklinks

In the past few years, I have been spoilt with high-speed broadband that makes browsing the web a stress-free task. But realistically, not everyone has fibre optic, and a lot of people consume web content through 3G.

Full article

Accordion: TL;DW - Supercharged

Sunday, July 31, 2016 Teklinks

Paul recaps what went into building an accordion! If you want to see the full live stream video, click here:https://www.youtube.com/watch?v=P2glQ...Watch more episodes of Supercharged here: http://ift.tt/1T6oPEt to the Chrome Developers channel at http://goo.gl/LLLNvf

Full article

Why our website is faster than yours

Sunday, July 31, 2016 Teklinks

We recently updated our site. Yes, it has a complete design overhaul, but as real software developers we focused a lot on the technical bits and pieces as well. Our goal was to take control, focus on performance, be flexible for the future and make it fun to write content for the site.

Full article

Kubernetes at Box: Microservices at Maximum Velocity

Sunday, July 31, 2016 Teklinks

A few years ago, we began splitting up the monolithic PHP application that powers Box into microservices. We knew we'd ultimately need dozens (even hundreds) of microservices to be successful, but there was a serious problem: our model for provisioning new services was slightly... antiquated.

Full article

Full Width Containers in Limited Width Parents

Sunday, July 31, 2016 Teklinks

The issue is: how do we make a full-browser-width container when we're inside a limited-width parent? We want to stretch it exactly as wide as the browser window. If we could use absolute positioning, we could set the container to be at left: 0; and width: 100%; - but we can't, because we want the container to remain in flow. Can't we just apply some negative margin to each side and pull it outwards? In some circumstances, we can!

Full article

How Netflix does A/B Testing

Sunday, July 31, 2016 Teklinks

Have you ever wondered why Netflix has such a great streaming experience? Do you want to learn how they completed their homepage plus other UI layout redesigns through A/B testing? If so, then this article is for you!

Full article

Create a 3D Panorama Image with A-Frame

Sunday, July 31, 2016 Teklinks

In the five years I've been at Mozilla I've seen some awesome projects.  Some of them very popular, some of them very niche, but none of them has inspired me the way the MozVR team's work with WebVR and A-Frame project have.

Full article

Why Uber Engineering Switched from Postgres to MySQL

Sunday, July 31, 2016 Teklinks

The early architecture of Uber consisted of a monolithic backend application written in Python that used Postgres for data persistence. Since that time, the architecture of Uber has changed significantly, to a model of microservices and new data platforms.

Full article

July 29, 2016

Download Google Fonts

Friday, July 29, 2016 Teklinks

We are proud to have teamed up with Google to offer desktop versions of their popular Google Fonts free of charge. Offered for use in print, these fonts are delivered using SkyFont’s patent-pending font delivery technology and can be used anywhere.

Full article

Great Products Don’t Happen By Accident

Friday, July 29, 2016 Teklinks

These are the slides and speaker notes from a presentation I gave on July 21, 2016 at the Design & Content Conference in Vancouver, B.C.. I’d like to start be asking you a simple question. How do you do what you do? Bad grammar and alliteration aside.

Full article

Measuring the Real-world Performance Impact of Service Workers

Friday, July 29, 2016 Teklinks

One of the most significant benefits of service workers (from a performance perspective, at least) is their ability to proactively control the caching of assets. A web application that can cache all of its necessary resources should load substantially faster for returning visitors.

Full article

A Crash Course in Ruby

Friday, July 29, 2016 Teklinks

In the last five years or so, Ruby has gained up in popularity and a lot of software professionals have switched to or added it to their technical skills.

Full article

Above & Beneath: Featured Content Layout Effect

Friday, July 29, 2016 Teklinks

Today we’d like to share a little aquatic landing page template with some special effects with you. The idea is to show a big headline in the initial view and when a grid/menu icon is clicked, the view slides down (below the water) and some featured content or menu items get shown. The transitions are accompanied by some fitting background sounds.

Full article

Alternatives to Amazon's Cloud Services (AWS)

Friday, July 29, 2016 Teklinks

Amazon's AWS continues to innovate and dominate the cloud services market. It's grown so much that it's become a key component of Amazon's Wall Street mechanics, essentially a sector from which to materialize profit from its low-margin e-commerce roots:

Full article

July 28, 2016

BEM & Atomic Design: A CSS Architecture Worth Loving

Thursday, July 28, 2016 Teklinks

CSS Architecture Guidelines Generally I’m looking for: Low specificity: If specificity battles start between selectors, the code quality starts to nosedive. Having a low specificity will help maintain the integrity of a large project’s CSS for a lot longer.

Full article

Angular 2: Why TypeScript?

Thursday, July 28, 2016 Teklinks

Angular 2 is written in TypeScript. In this article I will talk about why we made the decision. I’ll also share my experience of working with TypeScript: how it affects the way I write and refactor my code.

Full article

Xiaomi revela Redmi Pro com ecrã OLED e câmara dupla

Thursday, July 28, 2016 Teklinks

A família Redmi da Xiaomi já tem bastantes fãs, e agora ganha mais um modelo que deverá contribuir para que ganhe ainda mais alguns. O Redmi Pro estreia a utilização de um ecrã OLED e câmara dupla no segmento económico.

Full article

Web Design in 4 minutes

Thursday, July 28, 2016 Teklinks

Let's say you have a product, a portfolio, or just an idea you want to share with everyone on your own website. Before you publish it on the internet, you want to make it look attractive, professional, or at least decent to look at. What is the first thing you need to work on?

Full article

Progressive web apps running as native OS X apps

Thursday, July 28, 2016 Teklinks

If you follow the Progressive Web App scene you’ve probably already seen multiple examples of the Air Horner app in mobile browsers such as Opera Mobile and Chrome for Android. However it is not easy to get your favorite PWA (such as Air Horner) to be a primary citizen on your favorite desktop operating system. Browser makers are working on getting better support for PWAs in desktop, but it’s not quite ready yet. This is why I started the PWAify project.

Full article

Microsoft Pix quer tirar as melhores fotos de forma inteligente

Thursday, July 28, 2016 Teklinks

Com a Microsoft Pix, o processo de tirar uma foto passará a ser tão simples quanto apontar e disparar, ficando tudo o resto a cargo da app. Com a Microsoft Pix, o processo de tirar uma foto passará a ser tão simples quanto apontar e disparar, ficando tudo o resto a cargo da app. A app captura múltiplas imagens (incluindo várias antes de se premir o botão de disparo) e depois aplica-lhes a sua inteligência para analisar aquilo que se passa, seleccionar a melhor imagem, ou então criar animações sempre que achar que o resultado será interessante.

Full article

Building a REST API With AWS SimpleDB and Node.js

Thursday, July 28, 2016 Teklinks

SimpleDB is a remote database offered by Amazon Web Services (AWS). The world of data stores is usually divided into SQL and NoSQL, based on the use (or non-use) of the SQL language. NoSQL data stores are usually based on a simpler key/value setup.

Full article

Clipped SVG Slider

Thursday, July 28, 2016 Teklinks

Here on CodyHouse we’ve published a lot of SVG experiments! What’s really powerful with SVG is the possibility to combine path animations with the clipPath element. Add a touch of CSS transformations and you got a spicy recipe! Inspiration: Music player animation by Veronika Lykova.

Full article

July 27, 2016

Understanding Angular 1.5 Lifecycle Hooks

Wednesday, July 27, 2016 Teklinks

The release of Angular 1.5 has introduced some powerful features that have made Angular 1.x fun and easy to use. One of this features is the lifecycle hooks. Lifecycle hooks were introduced to Angular in Angular 2 alpha. They were more or less inspired by the custom elements lifecycle callbacks.

Full article

The Hardest Part About Microservices: Your Data

Wednesday, July 27, 2016 Teklinks

Continuing on with my series about microservices implementations (see “Why Microservices Should Be Event Driven”, “Three things to make your microservices more resilient”, “Carving the Java EE Monolith: Prefer Verticals, not Layers” for background) we’re going to explore probably the

Full article

Xiaomi's Redmi Pro does OLED and dual camera on a budget

Wednesday, July 27, 2016 Teklinks

Just because Xiaomi is selling Segways, drones, bicycles and rice cookers these days doesn't mean that it's forgotten what it started off with years ago: mobile phones. Today, the Chinese company announced the Redmi Pro which is the latest smartphone in its entry-level portfolio.

Full article

Xiaomi's first laptop is the $750 Mi Notebook Air

Wednesday, July 27, 2016 Teklinks

It wouldn't be a Xiaomi event if it was just announcing one product. In addition to the new Redmi Pro smartphone, the Chinese company threw in a huge surprise by launching its first-ever laptop line, the Mi Notebook Air, running on Windows 10. It comes in two sizes -- the powerful 13.

Full article