John Foldager

39 Flips | 11 Magazines | 44 Likes | 1 Follower | @JohnFoldager | Keep up with John Foldager on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “John Foldager”

Send Commands to an Arduino device

Use Twilio's Programmable SMS as an interface to your Arduino. The body of the text message hits the sample Node.JS code which sends a Programmable …

Arduino

Best Practices With CSS Grid Layout

Best Practices With CSS Grid LayoutBest Practices With CSS Grid LayoutRachel Andrew 2018-04-16T13:35:19+02:00 2018-05-03T13:35:22+00:00An …

Crafting custom icons that balance form and function

Successful custom icons can have a tangible effect on a platform’s user experience.The post Crafting custom icons that balance form and function …

Brochure design: 10 top creative tips

We've given you a selection of great brochure templates elsewhere on the site. But when it comes to making a stunning brochure design from scratch – …

Graphic Design

Best Free Web Icon Packs for 2018

You're reading Best Free Web Icon Packs for 2018, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, …

Graphics

Java developers resource center - Java, Scala, Groovy, Android

Matt Raible May 22nd, 2018<p>“I love writing authentication and authorization code.” ~ No Java Developer Ever. Tired of building the same login screens …

Creating Progressive Web Apps with Angular — Part 1

Progressive web applications are the new <b>standard</b> in this modern era of web development. They’re pure web applications built with the very web …

Making CSS Animations Feel More Natural

It used to be that designers designed and coders coded. There was no crossover, and that’s the way it was. But with the advent of CSS transitions and …

Blade Shadow heads to the US to slay your PC

For all sorts of products we've irremediably blurred the lines between renting vs. owning, local vs. cloud -- but are we ready to do the same for the PC? Blade thinks so, and over the past few years has been slowly rolling out its Shadow desktop-as-a-service subscription. It has about 5,000 …

Windows 10

Fantastic Pens and where to find them #1

I love exploring Codepen to find the amazing stuff people make. I love the creativity, simplicity and complexity that you find on Codepen. So, I …

Video Introduction to Web Accessibility and W3C Standards

-<p>This video is also available at https://www.youtube.com/watch?v=20SHvU2PKsM<p>Translations<p>To see translations:<p>Select "Show transcript".<p>Use the Language …

Features

React component that uses SVG to create a collection of loaders which simulates the structure of the content that will be loaded, similar to Facebook …

Introducing Web Payments: Easier Online Purchases With The Payment Request API

Buying things online can be a frustrating process, especially on mobile. Even if the pages are well designed, there’s a lot of information required: …

Web Design

JavaScript animation libraries for delightful interfaces

Popmotion makes simple and powerful JavaScript animation libraries for HTML, SVG, React and React Native.

An Introduction to Angular with Bazel

Between new features and unit tests, developers add several new files to their projects every sprint.<p>Before you know it the application is huge! …

Developing a Google Chrome Extension using Angular 4

When I took on the task of developing Google Chrome extensions using Type Script and Angular 4, it seemed quite a daunting challenge; but after …

What’s new in Angular 5?

The update from AngularJS to Angular 2 was a huge step forward, but it was also infamous for not being backwards compatible. In contrast, Angular 4 …

JavaScript

Angular v4: Practical Countries Application

<b>This article</b> <b>originally appeared on</b> <b>dormoshe.io</b><p>The countries-data project supplies JSON data about countries general details, languages, and anthems. …

Hook into Angular’s Initialization Process

<b>This article</b> <b>originally appeared on</b> <b>dormoshe.io</b><p>Sometimes you need to hook into internal processes. Sometimes you need to run your code before the …

11 Angular Component Libraries You Should Know In 2018

According to Stack Overflow’s 2017 survey, Angular remains the world’s most popular front-end framework.<p>Angular is a full framework with all the …

JavaScript

An Introduction to Scrollama.js

The what, why, and how to use scrollama.js for your next scrollytelling story.

Web Animation API- Unleashing the Power of CSS keyframes in JavaScript

<i>Posted: Nov 6th, 2017</i><p>If you've ever worked with CSS3 key frames animation before, you've probably come to both appreciate and feel severely hampered …

Animation

A penetration tester’s guide to sub-domain enumeration

As a penetration tester or a bug bounty hunter, most of the times you are given a single domain or a set of domains when you start a security …

Information Security

Of SVG, Minification and Gzip

Smaller files are downloaded faster, so making an asset file size smaller before sending it to a client is a good thing to do.<p>Actually, it’s not just …

Voxel Space

<b>Web Demo of the Voxel Space Engine</b><p>History<p>Let us go back to the year 1992. The CPUs were 1000 times slower than today and the acceleration via a GPU …

prettyping

Do you run ping tool very often? Do you find yourself squeezing your eyes to see if a packet has been lost? Do you want to have a better view of the …

Google Home can now directly control washers, dryers, vacuums, and dishwashers; also adds scene support

About a week ago, the smart home devices support page of Google Home was updated to add a host of new features that we hadn't heard about until then. …

Using CSS Grid: Supporting Browsers Without Grid

When using any new CSS, the question of browser support has to be addressed. This is even more of a consideration when new CSS is used for layout as …

Web Design

The Ultimate Guide to Flexbox — Learning Through Examples

The Ultimate Guide to Flexbox — Learning Through Examples<p>What’s the best way to understand <b>Flexbox</b>? Learn the fundamentals, then build lots of stuff. …