Getting Started With Blynk: Simple DIY IoT Devices

Blynk is an Internet of Things (IoT) service designed to make remote control and reading sensor data from your devices as quick and easy as possible. In this article we will cover exactly what Blynk is, how it works, and provide two short example projects on different uses of the service with NodeMCU and Raspberry Pi development boards.

Full article

Read More

Understand the Power of Sass and Why You should use CSS Preprocessors

Front end engineering has always remained a niche skill, even with the burgeoning array of techniques and technology available.

Full article

Read More

Test Drive Jenkins using Docker - Part I

PS: I'm not the expert but just tried this out for the first time so your comments and suggestions will be very appreciated. If you want to install locally without using Docker, you can download the war file here. You can find the older version by the link below.

Full article

Read More

Libraries.io – Open Source Search Engine For Developers

There are millions of open source projects online with new ones being launched every day. Developers from all backgrounds flock to open source because it’s the best way to scale a new project by crowdsourcing bug reports and code solutions.

Full article

Read More

My Top Apps for 2017

Last week my phone stopped working out of nowhere, I had to do a factory reset and install all apps again. This week I had my laptop replaced so once again I had to install everything from scratch. I could easily use one of my backups to restore everything, but I kinda like a fresh start.

Full article

Read More

How To Nail A Technical Presentation

Whether you’re an engineer, a maker, a hacker or a baker, at some point you’ll want to share your work with other people. Perhaps it’s a meeting at work to discuss process improvements, or a talk at a conference discussing some research you’ve done into hacking a new embedded platform.

Full article

Read More

Building Your Startup: Ajax for Meeting Times and Places

This tutorial is part of the Building Your Startup With PHP series on Envato Tuts+. In this series, I'm guiding you through launching a startup from concept to reality using my Meeting Planner app as a real-life example.

Full article

Read More

10 Most Shared JavaScript Scene Posts of 2016

2016 was a stellar year for JavaScript Scene. We doubled our readership to more than half a million per month. Thank you for your support. Here are the articles shared the most by readers like you in 2016: I predict 2017 will be another great year for JavaScript. Thanks for reading!

Full article

Read More

12 Little-Known CSS Facts (The Sequel)

Over a year ago I published the original 12 Little-known CSS Facts and, to this day, it has been one of SitePoint’s most popular articles ever. Since that post was published, I’ve been collecting more little CSS tips and tidbits for a new post.

Full article

Read More

The 45 Questions You Should Ask In Every Job Interview

It was the middle of July 2008, and I had just bought an expensive power suit for a job interview. After being laid off during the height of the recession and unemployed for about six weeks, I was feeling desperate and willing to spend money on anything that might put my career on track.

Full article

Read More

ES5 to ES6 with Lebab

We all love the goodies that come with ES6, many of them which you can see in Six Tiny But Awesome ES6 Features and Six More Tiny But Awesome ES6 Features, like native class support, arrow functions, and other language improvements.

Full article

Read More

Advanced Data Tables in React

The web development community has left behind the days where tables were used for layout or weren’t used at all in favour of trendier layouts. We are finally using tables how they were intended to be used: For visualizing data.

Full article

Read More

Angular 2 Tutorial: Create a CRUD App with Angular CLI

2016.09.29: Please note that since this article first appeared, there have been some changes to Angular 2 / Angular CLI meaning that there are some minor tweaks necessary to make the code in this article run correctly. These tweaks are detailed in the comments.

Full article

Read More

Create great looking, fast, mobile apps using JavaScript, Angular 2, and Ionic 2

In a recent Visual Studio Toolbox episode, I highlighted some new Ionic 2 templates for use with the Visual Studio 2015 Tools for Apache Cordova (TACO). These new Ionic 2 RC templates are now available for you to try out and in this post I’ll talk you through what’s new.

Full article

Read More

Front-end Tools: My Favorite Finds of 2016

Another year has passed and, as we all expected, the Web Platform is continuing to explode with innovation, irritation, fatigue, and a huge influx of new tools and technologies that promise to make our lives as developers easier.

Full article

Read More

Replacing Angular's Deep Watches with the $doCheck Lifecycle Hook

After digging into Angular’s components $onChanges lifecycle hook to show how you can replace a regular shallow $scope.$watch with it, let’s see what the latest Angular has to offer when it comes to deep watches.

Full article

Read More

Building Your First Web Scraper, Part 3

Welcome back to this series on building a web scraper. In this tutorial, I'll go through an example of scraping data from my own podcast site. I'll cover in detail how I extracted the data, how the helper and utility methods accomplish their jobs, and how all the puzzle pieces come together.

Full article

Read More

JavaScript Clean Coding Best Practices - Node.js at Scale

Writing clean code is what you must know and do in order to call yourself a professional developer. There is no reasonable excuse for doing anything less than your best. In this blog post, we will cover general clean coding principles for naming and using variables & functions, as well as some JavaScript specific clean coding best practices.

Full article

Read More

Git Tips & Tricks

Git comes with a ton of commands, and that's probably an understatement. The internet is full of Git tips and it's hard if not impossible to know them all, but sometimes you stumble upon an aha! moment that changes your whole workflow.

Full article

Read More

Webhooks do’s and dont’s: what we learned after integrating +100 APIs

As modern applications are becoming more and more a composite of APIs and the serverless architectures are getting more attention, API providers can’t afford any longer to expose only traditional REST endpoints.

Full article

Read More

27 popular new github repositories for web developers in 2016

Here are some popular new github repositories that can be interesting for web developers. All of them earned their first 1500 stars in 2016.

Full article

Read More

The Outrageous Cost of Skipping TDD & Code Reviews

In recent years, I’ve had more and more companies ask me to speak on the benefits of Test Driven Development (TDD) and share advice about how to implement a more productive quality process. TDD is the process of writing automated tests to ensure that code works before writing the implementation.

Full article

Read More

Preact

Preact is a lightweight (just 3kb) alternative to React which has same interface (ES6), but better performance. Preact also has a few new features, i.e., There is a migration guide at the https://preactjs.

Full article

Read More

HandBrake chega finalmente à versão 1.0.0

Após mais de uma década, o mais popular programa de conversão de formatos de vídeo chega finalmente à versão 1.0.0 e está mais potente e fácil de utilizar que nunca.

Full article

Read More

Instagram-like Filters with Cloudinary

Apps like Instagram are a testament to how brilliant a few color modifications can make a photo.  We've seen hundreds of Instagram clones pop up, and even the CSS and Canvas specs have a filter property which allows us to modify imagery.

Full article

Read More

Angular 2.0 Top 10 Articles For The Past Month

We‘ve compared nearly 900 Angular 2.0 articles in November 2016 to pick the Top 10 (1.1% chance). Mybridge AI ranks articles based on parameters including the quality of content, popularity, and other human factors. Hopefully this condensed list will help you read and learn more productively in the area of Angular 2.0

Full article

Read More

What's New in Swift 3?

This September, Apple officially released the latest version of their new programming language, Swift 3. Just like Swift 2 last year, this version contains a lot of new features and improvements, which make programming with Swift even better! Swift 3 is included with Xcode since version 8.

Full article

Read More

Real time stats with WebSockets and React

It also seemed that Google Analytics Real Time statistics are not quite accurate. In this tutorial, we are going to roll our own real time analytics with node.js, WebSockets and React.

Full article

Read More

Taking Over 120K Domains via a DNS Vulnerability in AWS, Google Cloud, Rackspace and Digital Ocean

Recently, I found that Digital Ocean suffered from a security vulnerability in their domain import system which allowed for the takeover of 20K domain names. If you haven’t given that post a read I recommend doing so before going through this write up.

Full article

Read More

Server-Side Rendering With React, Node And Express – Smashing Magazine

Web applications are everywhere. There is no official definition, but we’ve made the distinction: web applications are highly interactive, dynamic and performant, while websites are informational and less transient.

Full article

Read More

JSON is Not Cool Anymore: Implementing Protocol Buffers in Node.js

There’s a better alternative to the ubiquitous JSON as the communication protocol of the web. It’s Protocol Buffers (protobuf). In a nutshell, protobuf offers a more dense format (faster processing) and provides data schemas (enforcement of structure and better compatibility with old code).

Full article

Read More

Learn Docker by building a Microservice

If you are looking to get your hands dirty and learn all about Docker, then look no further! In this article I'm going to show you how Docker works, what all the fuss is about, and how Docker can help with a basic development task - building a microservice.

Full article

Read More

Nodal — API Services Made Easy With Node.js

What is Nodal? Nodal is a web server for Node.js, optimized for building API services quickly and efficiently. Boasting its own opinionated, explicit, idiomatic and highly-extensible framework, Nodal takes care of all of the hard decisions for you and your team.

Full article

Read More

9 Security Tips to Keep Express from Getting Pwned

Security is really hard to get right. There are so many different factors to consider, countless different ways to break an application. This is just as true with Express applications as it is with any other web framework.

Full article

Read More

Building a Better Web with Lighthouse

Lighthouse is an open-source, automated tool for improving the quality of your web apps. You can install it as a Chrome Extension or run it as a Node command line tool.

Full article

Read More

Learning from Lego: A Step Forward in Modular Web Design

With hundreds of frameworks and UI kits, we are now assembling all kinds of content blocks to make web pages. However, such modularity and versatility hasn’t been achieved on the web element level yet. Learning from Lego, we can push modular web design one step forward.

Full article

Read More

Using Sass to automatically pick text colors

Theming is always a challenge, particularly when you’re working on a library, rather than a standalone website. One example of an interesting issue that you’ll come across very frequently is choosing a text color that ensures readability and accessibility.

Full article

Read More

React or Vue: Which Javascript UI Library Should You Be Using?

In 2016 React cemented its position as king of the Javascript web frameworks. This year saw rapid growth of both its web and native mobile libraries, and a comfortable lead over main rival Angular. But 2016 has been an equally impressive year for Vue.

Full article

Read More

10 things I learned making the fastest site in the world

This post is about performance techniques, so I hope you won’t mind that the site in question is not quite finished. Hopefully that opened quickly and I have established credibility. If that sounds immodest it’s because I’m awesome.

Full article

Read More

Conversational Design Essentials: Tips For Building A Chatbot

Human interactions are incredibly fascinating if you take a close look at them — the social awkwardness, the communication styles, the way knowledge is transferred, the way stories are told and trust is built. But what happens when a machine evokes the same response?

Full article

Read More

Working with Django Templates & Static Files

In my getting started with Django tutorial, I showed you how to get a Django site up and running. The templates we rendered were very basic though. This is definitely not how you want your site to look like.

Full article

Read More

Set Up a Raspberry Pi as a Live Streaming Camera That Broadcasts to YouTube

If you’ve ever wanted to live stream to YouTube but didn’t want to spend much money to do so, MakeUseOf has a guide for setting up a Raspberry Pi as a live streaming device that’ll broadcast automatically.

Full article

Read More

CMS.js – The Newest Free JavaScript Site Generator

Static site generators are the hottest tools for fast web development. A small site doesn’t always need a database or CMS, and sometimes it’s just easier to generate static pages instead. With a platform like CMS.js you can build static sites on JavaScript without any backend language.

Full article

Read More

Ambilight para PC por menos de €20

Já temos falado por diversas vezes de projectos que recriam o efeito luminoso Ambilight da Philips para televisores, mas hoje trazemos uma versão bem mais simples, ideal para quem o quer fazer para o monitor do seu computador.

Full article

Read More

Cards in Web Design: The Ultimate Guide

Web design is very dynamic. You can always see the web design landscape re-constructed with the emergence of new technologies, techniques, trends, and styles. Now, the landscape is changing once more with the use of the new design framework called cards.

Full article

Read More

This Tool Tells You Everything Your Browser Tells Websites About You

We all know websites collect information from us, either implicitly or explicitly. They get the information via the web browsers we use. You might not trust a shady looking website with your information but you will trust Chrome. The thing is, browsers are the information gateway that websites use.

Full article

Read More

MagNeo aplica fichas magnéticas no USB Type-C

Se eram fãs do sistema MagSafe magnético da Apple, poderão querer espreitar este MagNeo que pretende aplicar as mesmas vantagens às fichas USB Type-C.

Full article

Read More

Living styleguides instantly with Runway

More and more, designers at Pivotal Labs and elsewhere are playing an active role in writing front-end code on software projects. And out of this new responsibility has come the desire to build living styleguides — through the language of HTML & CSS — that catalog and detail our design decisions.

Full article

Read More

Build a CRUD Web App With Python and Flask – Part Two

This is Part Two of a three-part tutorial to build an employee management web app, named Project Dream Team. In Part One of the tutorial, we set up a MySQL database using MySQL-Python and Flask-SQLAlchemy.

Full article

Read More

Why Native Docker Orchestration is the Best Orchestration

Why is this going to be an interesting talk and why should you care? asks Mike Goelzer of Docker in his LinuxCon North America presentation.

Full article

Read More