A Beginner Splurge in Node.js

It's 3 a.m., hands over the keyboard while staring at an empty console. The bright prompt over a dark backdrop ready, yearning to take in commands. Want to hack up Node.js for a little while? One of the exciting news about Node.js is that it runs anywhere. This opens up the stack to various ways to experiment with it. For any seasoned veteran, this is a fun run of the command line tooling. What I like the most is that we can survey the stack from within the safety net of the command line. The cool thing is that we are still talking about JavaScript, hence most of you should not have any problem. So, why not fire up node up in the console?

In this article, I'll introduce you to Node.js. My goal is to go over the main highlights while hiking up some pretty high ground. This is an intermediate overview of the stack while keeping it all inside the console. If you want a beginner-friendly guide about Node.js, I suggest you to watch the SitePoint premium's course Node.js: An Introduction.

Continue reading %A Beginner Splurge in Node.js%

by Camilo Reyes via SitePoint

When, Why & How to Pivot: A Short & Sweet Guide

This is the era of “lean.” The lean methodology of running a business has become extremely popular, and for good reason: it helps your team stay competitive, innovative, and adaptable.

However, you can’t adopt the lean way without being open to pivoting. Pivoting—or quickly changing your business model, product, or target market—is understandably frightening.

Read on to learn when, why and how to pivot.

Continue reading %When, Why & How to Pivot: A Short & Sweet Guide%

by Aja Frost via SitePoint

Making Alternative ’80s Film History Come to Life with Photoshop

As part of our Ultimate 80s Movie Poster contest, GraphicStock is sponsoring a design series on SitePoint. The topics discussed in these articles — Photoshop editing and 80s font selection — can be used to help you win the contest. Sign up for a GraphicStock trial and get ready for your chance to win the […]

Continue reading %Making Alternative ’80s Film History Come to Life with Photoshop%

by Gabrielle Gosha via SitePoint

This Week in Mobile Web Development (#81)

Read this on the Web Mobile Web Weekly November 4, 2015   #81 Peter Cooper recommends Architecting the new Imgur Mobile Web App — Imgur is one of the most popular image hosting sites in the world, thanks to its success on Reddit. Imgur Engineering Holly Schinsky recommends Introduction to Ionic 2 — An overview of Ionic v2 from one developer’s experiences. Brian Rinaldi recommends When Research Findings Challenge Our Conventions — We accept that progressive image rendering and faster page performance are inherently better, but what if actual research doesn’t bear this out? Kent Alstad explains. Web Performance Today This issue is sponsored by Stormpath The Ultimate Guide to Mobile API Security — Securing a REST API for mobile devices can be complicated. This guide explains it all: token auth, security, and more! Stormpath Brian Rinaldi recommends Mozilla is finally making an iOS app, and it's 'coming soon' — Firefox for iOS is coming soon, though no specific date has been announced. Mashable Peter Cooper recommends Appery.io Aims to End The HTML5 vs Native Debate Network World Brian Rinaldi recommends How We Hold Our Gadgets — An excerpt from Josh Clark’s new book, Designing for Touch, discusses how people hold and interact with mobile devices (hint: most people use their thumbs). A List Apart Holly Schinsky recommends touchstone-navigator: A Navigation Controller component for TouchstoneJS — A UINavigationViewController-like component for navigation in your React/TouchstoneJS hybrid apps. Edmond Leung Job listing Give back to the developer community-apply to teach today. — Actively seeking web developers to join our tight knit family of passionate teachers and earn royalties. Pluralsight Holly Schinsky recommends Apache Cordova iOS 3.9.2 — Apache Cordova releases iOS 3.9.2 with fixes for multiple iOS 9/9.1, Xcode 7/7.1 issues as well as some deprecations to a number of APIs. Apache Cordova Brian Rinaldi recommends Measuring the Mobile Experience — A look at passive and active analytics offer insight into who and how users are using your apps. Ken Tabor Holly Schinsky recommends Ionic Bundle — A site with some good content for Ionic developers. Ionic Bundle Holly Schinsky recommends Ionic 2: How to Use Google Maps & Geolocation — A video tutorial on using Google Maps and Geolocation in your hybrid apps built with Ionic 2. Josh Morony Brian Rinaldi recommends Mobile Design Trends 2016: Magical Micro-interactions — Jerry Cao explains how to integrate task-based micro-interactions into the user experience of a mobile app. Designmodo Holly Schinsky recommends Android Developers Can Now Choose Exactly When App Updates Go Live — Google is now allowing developers to use a timed publishing approach to determine when updates should go live in the Play Store. Read Write Holly Schinsky recommends Things I Wish I Were Told About React Native — Eight specific things to be aware of when getting started with React Native. Ruoyu Sun Holly Schinsky recommends Framework7-Pure-Angular-Template: A template for Framework7 based on Angular with pure HTML5, CSS3 and JS — A pure HTML5, CSS3 and AngularJS template for use with Framework7. Timo Ernst Brian Rinaldi recommends There's a Cordova Plugin for that! (Session Recording) — In this session, Eddy Verbruggen shows tips an tricks for Cordova plugin developers and users when building hybrid mobile apps. Telerik Developer Network Holly Schinsky recommends Make Your Own Facebook Mobile App with Monaca — A tutorial on how to build a hybrid mobile app that integrates with Facebook using Onsen and Monaca. Onsen.io Holly Schinsky recommends Apache Cordova Face-to-Face Meeting, Fall 2015 — A summary of the discussions from the recent Apache Cordova Face to Face meeting and the goals the project will be most focused on in the near future. MSDN - Visual Studio Blogs Job listing Mobilize How You Get Hired — Finding a job IS a full time job. Shouldn't companies come to you with offers upfront? We think so. Join the revolution and sign up for Hired today. Hired.com Curated by Brian Rinaldi and Holly Schinsky for Cooper Press. Cooper Press is located at Office 30, Fairfield Enterprise Centre, Louth, LN11 0LS, UK Update your email address or stop receiving MWW here

by via Mobile Web Weekly

Core Data and Swift: Core Data Stack

How Laravel Facades Work and How to Use Them Elsewhere

The Facade pattern is a software design pattern which is often used in object oriented programming. A facade is, in fact, a class wrapping a complex library to provide a simpler and more readable interface to it. The Facade pattern can also be used to provide a unified and well-designed API to a group of complex and poorly designed APIs.

The Laravel framework has a feature similar to this pattern, also termed Facades. In this tutorial we will learn how to bring Laravel’s “Facades” to other frameworks. Before we continue, you need to have a basic understanding of Ioc containers.

Let’s first go through the inner working parts of Laravel’s facades, and then we’ll discuss how we can adapt this feature to the other environments.

Facades in Laravel

A Laravel facade is a class which provides a static-like interface to services inside the container. These facades, according to the documentation, serve as a proxy for accessing the underlying implementation of the container’s services.

There have been many debates in the PHP community about this naming, though. Some have argued that is term should be changed in order to avoid confusion of developers, as it doesn’t fully implement the Facade pattern. If this naming causes confusion for you, feel free to call it whatever name that feels right to you. But please note that the base class that we’re going to use is called Facade in the Laravel framework.

How Facades Are Implemented in Laravel

As you probably know, every service inside the container has a unique name. In a Laravel application, to access a service directly from the container, we can use the App::make() method or the app() helper function.

Continue reading %How Laravel Facades Work and How to Use Them Elsewhere%

by Reza Lavaryan via SitePoint

This Week's HTML5 and Browser Technology News (Issue 213)

Read this e-mail on the Web HTML Weekly Issue 213 — November 4, 2015 HTML5 on the Rise: No Longer Ahead Of Its Time TechCrunch ‘Today marks the anniversary of the World Wide Web Consortium (W3C) declaring the HTML5 standard complete’ and other reflections on HTML5’s maturity. Flexbox For Interfaces All The Way Smashing Magazine A look at how a webapp leant on layout patterns well suited to the Flexible Box Layout (flexbox) system now supported by most browsers. DevTools Challenger: Explore Firefox's Animation Tools Firefox Some hands-on exercises with all of Firefox’s new visual design tools. Fun stuff. 4-Day Workshop: Algorithms and Data Structures in JavaScript Frontend Masters  Sponsored This is a practical class is for students who are very comfortable with the JavaScript language but want to level up on their Data Structures and Algorithms knowledge. Join us Nov 17-20th online or in-person. The Front-End Handbook Cody Lindley Telerik’s Cody Lindley has produced a guide for ‘anyone to learn the practice of front-end development’ made up of brief insights and curated links. ResponsiveVoice.js: Cross-Platform Text-to-Speech Learnbrite Designed to add voice features to sites and apps across all major platforms. It supports 51 languages and has no dependencies. We had a lot of fun playing with this, but be aware of the licensing. The Image Replacement Museum Marie Mosley CSS image replacement is the technique of replacing a text element with an image. This post looks at the long line of techniques that have been used to implement it over the years. The Simple Way to Scrape an HTML Table: Google Docs Robert Kosara Google Docs supports pulling in HTML table into a spreadsheet using a single =ImportHtml expression. So How Does The Browser Actually Render A Website? Ryan Seddon A 30 minute talk from JSConf EU 2015 coupled with slides. Jobs Want to spend less time job searching? Apply to the best startups in 60 seconds.If you’re accepted, startup decision-makers will email you as soon as next Monday. You decide where to interview and where to work. Now open in SF, NYC, and remote. Join the Underdog.io platform today! Underdog.io In brief 'The HTML5 spec has 609,160 words in it. That's longer than Infinite Jest.' news  Paul Ford Goo Create Adds Support for Bringing HTML into WebGL Scenes news tools If you thought you included WebGL in an HTML document, well.. now think about including HTML documents inside your WebGL scenes as well..   Goo Create How Google’s AMP Project Speeds Up The Web - by Sandblasting HTML news  Ars Technica Which Input When? tutorial A look at which form input types to use in certain contexts.   Morgan Carter Animating the `content` Property tutorial  Robin Rendle How to connect to a MySQL database with JavaScript tutorial With the DreamFactory REST API platform, database connections for web apps are a breeze. In this tutorial, we lay out how to build a simple address book with MySQL, DreamFactory, and JavaScript.  DreamFactory SPONSOR How To Style and Position SVG Text With The tspan Element tutorial  Steven Bradley Your First Offline Web App  Learn how to integrate a service worker into an existing application to make it work offline.   Google Developers Bouncing Ball Game using HTML5 Canvas Element - Part 1 tutorial  Hemant Joshi Three Years with CSS Grid Layout opinion  Rachel Andrew Why Static Website Generators Are The Next Big Thing opinion tools  Smashing Magazine img2css: Convert Any Image to A Pure CSS Image tools A tool that converts an image into an element with a colored CSS shadow for every pixel. Beware - this gets highly inefficient with images that aren’t small.   Javier Bórquez canvid.js: Tiny Library to Play 'Videos' on Canvas Elements code Essentially plays many small JPEG frames. Helps get around autoplay restrictions of videos.   Gendy.js: A Module for Dynamic Stochastic Web Audio Synthesis code  Andrew Bernstein and Ben Taylor Discover 52 tips to improve your .NET performance  Our new eBook features dozens of tips and tricks to boost your .NET performance. Download your free copy.  antsperformanceprofiler SPONSOR Google Web Font Inspiration in HTML and CSS demo  Tobias Ahlin WebGL-powered Starmap for Star Citizen demo A beautiful use of WebGL, based on a forthcoming space game by the creator of Wing Commander.  Roberts Space Industries Curated by Peter Cooper and published by Cooper Press. Want to post a job? E-mail us or use our self-serve system. Unsubscribe : Change email address : Read this issue on the Web Published by Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK

by via HTML5 Weekly