teklinks

tech/webdev magazine

André Simões

André Simões
Web Developer

June 30, 2016

Freebie: Responsive Landing Page Template With Flexbox

Thursday, June 30, 2016 Teklinks

The fist impression a website leaves on potential customers often plays a huge role in their decision whether to buy or pass on a product. A landing page with a good design can keep users engaged longer and hint them that the advertised product or service is of high quality.

Full article

Building an Angular 2 Application for Production

Thursday, June 30, 2016 Teklinks

Progressive Web Applications help us build native-like web apps, thanks to amazing tools such as Service Workers, IndexDB, App Shell etc. Once the browser downloads all the static assets required by our app, the active Service Worker can cache all of them locally.

Full article

Introducing Queues in Node.js

Thursday, June 30, 2016 Teklinks

This is the first of a series of articles that will be diving into using work queues to manage asynchronous work in Node.js, extracted from the Node Patterns series. It is common for applications to have workloads that can be processed asynchronously from application flows.

Full article

Designing Push Notifications that Don’t Suck

Thursday, June 30, 2016 Teklinks

At busuu, we think of ourselves as being not only a language learning app, but also part of a broader self-actualization category. So we think we’re cousins of brain training apps, for instance. Fitness apps too.

Full article

High Performance Browser Networking

Thursday, June 30, 2016 Teklinks

Printed in the United States of America. O’Reilly books may be purchased for educational, business, or sales promotional use. Online editions are also available for most titles (http://ift.tt/xcZn3q).

Full article

Android From Scratch: How to Use Resources In an Application

Thursday, June 30, 2016 Teklinks

Any app that you develop will have to include some sort of local resources and values, such as strings, image assets (even if it's just the app icon) and colors. In this tutorial, you learn about resources in Android and how to use them in your apps for displaying content to users, handling different sized devices, and supporting users through various languages.

Full article

Testing an Angular $resource factory

Thursday, June 30, 2016 Teklinks

This article will show you how to test a $resource factory with a live example. What should you test? What not to test? When to use $resource? These questions and more will be answered here. The $resource is an Angular Service that makes it really easy to setup CRUD operations with RESTful APIs.

Full article

Google prepara teste de velocidade de internet?

Thursday, June 30, 2016 Teklinks

A Google já tinha um teste de velocidade criado para testar as ligações do seu serviço Google Fiber, mas que na verdade utilizava os testes da Ookla, responsáveis pelo popular SpeedTest, e que usa Flash.

Full article

June 29, 2016

Video review: OnePlus 3

Wednesday, June 29, 2016 Teklinks

While you may have read our OnePlus 3 text review, you might be waiting for another take before pulling the trigger on the latest from the sometimes-controversial smartphone manufacturer. Well, another take is what we've got: Facundo Holzmeister takes it away in our video review of the OnePlus 3.

Full article

Angular 2: HTTP Observables & Data Loading RX JS

Wednesday, June 29, 2016 Teklinks

Angular 2 provides a new pattern for running asynchronous requests, called Observables. Here, we will review a few of the concepts and eventually see how to run multiple concurrent HTTP requests, with the callbacks running only after all of them have completed.

Full article

How three dots changed JavaScript

Wednesday, June 29, 2016 Teklinks

When accessing arguments values in a function call, I always felt uncomfortable with arguments object. Its hardcoded name makes difficult to access arguments of an outer function in an inner one (which defines its own arguments). Even worse JavaScript provides it as an array-like object.

Full article

New Ways to Share, Save and Engage

Wednesday, June 29, 2016 Teklinks

Today, we're introducing several new ways for developers to help people improve their sharing and saving experience. This includes two new Chrome extensions, as well as updating our full suite of Social Plugin buttons to make it even easier to share, save and engage with content on Facebook.

Full article

Item Reveal Animations with SVG

Wednesday, June 29, 2016 Teklinks

Today we’d like to share some animated item reveal effects with you. These effects can look quite interesting on image grids, covering and uncovering every grid item when navigating. The idea was sparked by the beautiful and creative JOHO’s website.

Full article

How Airbnb manages to monitor customer issues at scale

Wednesday, June 29, 2016 Teklinks

For a typical person, this seems like a pretty straightforward question that every company should be able to answer. However, we found that it wasn’t so simple. Of course, we had the data of customer issues stored in our database but we didn’t have a great way to answer the question.

Full article

June 28, 2016

The Essential Meta Tags for Social Media

Tuesday, June 28, 2016 Teklinks

The following is a guest post by Adam Coti. Follow along as Adam whittles down the necessary meta tags for social media to display rich previews. If you referenced their docs directly, you might end up with a dozen, but in reality, you might be able to get away with as few as five.

Full article

Using JSX and React

Tuesday, June 28, 2016 Teklinks ,

JSX is similar to a mix of XML and HTML. You use JSX within React code to easily create components for your apps. JSX transforms into JavaScript when React compiles the code. The beauty of React is that you can create reusable code and easily structure your app from a component-based mindset.

Full article

Add to Cart Interaction in CSS and jQuery

Tuesday, June 28, 2016 Teklinks

We’re used to different patterns when it comes to the “add to cart” process. The basic idea behind this pattern is to notify the user that an item has been added to the cart, and provide her/him with a link to proceed to the checkout.

Full article

An Introduction To Redux – Smashing Magazine

Tuesday, June 28, 2016 Teklinks

Redux1 is one of the hottest libraries in front-end development these days. However, many people are confused about what it is and what its benefits are. As the documentation2 states, Redux is a predictable state container for JavaScript apps.

Full article

The 49 best free websites and apps to learn something new

Tuesday, June 28, 2016 Teklinks

Once upon a time, if you wanted to learn something, you had to a) pay a bunch of money, and b) go to a school or classroom, a place specifically dedicated to learning. Those days are over. Now, a profusion of apps, websites and institutions offer us a wider variety of (often superior) educational experiences than ever before- and we can access them from anywhere in the world, often for free. The apps and websites on this list can teach you practically anything- from coding and cooking, to surfing and negotiating.

Full article

June 27, 2016

How to Install Arch Linux the Easy Way with Antergos

Monday, June 27, 2016 Teklinks

Windows blue screen got you down? Is El Capitan a sinking ship on your Mac? Thinking about switching to Linux, but don’t know where to start? This guide will show you how to install Arch Linux… without all the hassle of text menus, command line terminals, crazy disk partitioning schemes, and even immediate software updates after installation. With Antergos, you can install Arch Linux the easy way.

Full article

How to Work With Geofences on Android

Monday, June 27, 2016 Teklinks

Location aware resources allow your application to interact with the physical world and they are ideal for increasing user engagement. Although many mobile apps use them, the topic of this tutorial is a feature that is often overlooked, geofencing.

Full article

7 reasons why Infinite Scrolling is probably a bad idea

Monday, June 27, 2016 Teklinks

On more than one occasion I have found myself trying to convince team-mates that Infinite Scrolling and its close relative Show More is more likely to degrade the experience than improve upon it. I thought I would jot down my notes on the matter and share them with you. Here they are:

Full article

Getting Started with Hapi.js

Monday, June 27, 2016 Teklinks

Separation of Concerns is the in thing these days, and with the introduction of RESTful architecture, it has been a cakewalk; however, new developers often face the dilemma of choosing their weapons. The frameworks, and the suite of tools they will use to develop their next killer application.

Full article

CriticalCSS In Action

Monday, June 27, 2016 Teklinks

In just my first weeks at Bocoup, I’ve been learning a lot about performance and how to make a site smoking fast. Recently, we were hired to audit and help a client understand what they could do to improve their site speed, and through this project I learned the nuts of bolts of actually implementing some of the things I’ve been reading about.

Full article

How to Create a Switch UI Using CSS Mask

Monday, June 27, 2016 Teklinks

In image processing, masking is a technique that allows you to hide an image with another. A mask is used to make a portion of an image see-through. You can perform masking using CSS with the help of masking properties.

Full article

June 26, 2016

Node.js and ES6 Instead of Java – A War Story

Sunday, June 26, 2016 Teklinks

We created a Node.js web app from scratch within 9 weeks that now serves 10.81 million visitors each month*. We used the latest and greatest incarnation of JavaScript – ECMAScript 2015, a.k.a. ES6 – for the backend and frontend alike.

Full article

Snapper: A CSS Snap Points Carousel

Sunday, June 26, 2016 Teklinks

Everybody loves carousels, am I right? But really though, hear me out! We use carousels on many projects and they're good for a great many things. One of those things is presenting product images neatly within an already-noisy product detail page, say, for some Potted Meat on Amazon.

Full article

Learn to Code (Awesome Fullstack)

Sunday, June 26, 2016 Teklinks

Here are some of the things that you might want to know in order to learn full stack development. Note: if you go to stackoverflow and click any tag, then go to the info tab, it should contain resources about that tag.

Full article

How to Build a Neuron: Exploring AI in JavaScript Pt 1

Sunday, June 26, 2016 Teklinks

Years ago, I was working on a project that needed to be adaptive. Essentially, the software needed to learn and get better at a frequently repeated task over time. I’d read about neural networks and some early success people had achieved with them, so I decided to try it out myself.

Full article