Collective #508

Front-end Developer Handbook 2019 Cody Lindley wrote this guide that outlines and discusses the practice of front-end engineering, how to learn it and what tools are used when practicing it in 2019. Check it out Our Sponsor Visual Composer founder had an AMA Read more

Learning Elm From A Drum Sequencer (Part 2)

dreamt up by webguru in Uncategorized | Comments Off on Learning Elm From A Drum Sequencer (Part 2)

In part one of this two-part article, we began building a drum sequencer in Elm. We learned the syntax, how to read and write type-annotations to ensure our functions can interact with one another, and the Elm Architecture, the pattern in which all Elm programs are designed.
In this conclusion, we’ll work through large refactors by relying on the Elm compiler, and set up recurring events that interact with JavaScript to trigger drum samples.
Source: Smashing Magazine, Learning Elm From A Drum Sequencer (Part 2)

Understanding And Using REST APIs

dreamt up by webguru in Uncategorized | Comments Off on Understanding And Using REST APIs

There’s a high chance you came across the term “REST API” if you’ve thought about getting data from another source on the internet, such as Twitter or Github. But what is a REST API? What can it do for you? How do you use it?
In this article, you’ll learn everything you need to know about REST APIs to be able to read API documentations and use them effectively.
Source: Smashing Magazine, Understanding And Using REST APIs

A Comprehensive Guide To UX Research

dreamt up by webguru in Uncategorized | Comments Off on A Comprehensive Guide To UX Research

(This is a sponsored article.) Before embarking upon the design phase of any project, it’s critical to undertake some research so that the decisions you make are undertaken from an informed position. In this third article of my series for Adobe XD, I’ll be focusing on the importance of undertaking user research.
Your job title might not be “design researcher”, but that doesn’t mean you shouldn’t at the very least inform yourself of your users and their needs by undertaking at least some initial scoping research before you embark upon a project.
Source: Smashing Magazine, A Comprehensive Guide To UX Research

How Big Is That Box? Understanding Sizing In CSS Layout

dreamt up by webguru in Uncategorized | Comments Off on How Big Is That Box? Understanding Sizing In CSS Layout

A key feature of Flexbox and Grid Layout is that they can deal with distributing available space between, around and inside grid and flex items. Quite often this just works, and we get the result we were hoping for without trying very hard. This is because the specifications attempt to default to the most likely use cases. Sometimes, however, you might wonder why something ends up the size that it is.
Source: Smashing Magazine, How Big Is That Box? Understanding Sizing In CSS Layout

Free Online Event On Building And Maintaining Design Systems

dreamt up by webguru in Uncategorized | Comments Off on Free Online Event On Building And Maintaining Design Systems

(This is a sponsored article.) Everybody’s talking about design systems, but they are more than just a trend. They are a best practice for design consistency and efficiency between designers and developers.
Back in the day, only large companies could afford the effort of building and maintaining a design system. Nowadays, with the growth of new tools and processes, they have become much more feasible for companies of all sizes.
Source: Smashing Magazine, Free Online Event On Building And Maintaining Design Systems

Collective #382

dreamt up by webguru in Uncategorized | Comments Off on Collective #382







C382_hooks

Hooks Data

With this API you can get updates as webhooks on thousands of topics when something important happens.

Check it out







C382_polka

Polka

Polka is an Express.js alternative micro web server that is very fast.

Check it out






C382_12

J.A.R.V.I.S.

J.A.R.V.I.S. (Just A Rather Very Intelligent System) will put all the relevant information you need from your Webpack build in your browser.

Check it out




C382_cierge

Cierge

Cierge is an open source authentication server (OIDC) that handles user signup, login, profiles, management, and more.

Check it out


C382_skia

Skia Graphics Library

In case you didn’t know about it: Skia is an open source 2D graphics library which provides common APIs that work across a variety of hardware and software platforms.

Check it out


Collective #382 was written by Pedro Botelho and published on Codrops.


Source: Codrops, Collective #382

How To Make A Drag-and-Drop File Uploader With Vanilla JavaScript

dreamt up by webguru in Uncategorized | Comments Off on How To Make A Drag-and-Drop File Uploader With Vanilla JavaScript

It’s a known fact that file selection inputs are difficult to style the way developers want to, so many simply hide it and create a button that opens the file selection dialog instead. Nowadays, though, we have an even fancier way of handling file selection: drag and drop.
Technically, this was already possible because most (if not all) implementations of the file selection input allowed you to drag files over it to select them, but this requires you to actually show the file element.
Source: Smashing Magazine, How To Make A Drag-and-Drop File Uploader With Vanilla JavaScript

Air Lookout Is The Side Project That Changed My Design Process Forever

dreamt up by webguru in Uncategorized | Comments Off on Air Lookout Is The Side Project That Changed My Design Process Forever

In February of 2015, I began working on an iOS app called Air Lookout. The goal of the app was to simplify and remove any obfuscation of air quality information. After over a year of working nights and weekends, the total net income since it launched in 2016 has been less than $1,000. Even with those numbers, I would relive every hour of work.
The one thing that I can’t place a monetary value on is how the experience of creating Air Lookout has completely changed my mind on the process of design and development for every project I have worked on since.
Source: Smashing Magazine, Air Lookout Is The Side Project That Changed My Design Process Forever

Universal Principles Of User Experience Design

dreamt up by webguru in Uncategorized | Comments Off on Universal Principles Of User Experience Design

(This is a sponsored article.) As designers working in an ever-changing field, it’s important that we develop an understanding of the timeless design principles that underpin everything we do. In the second article in my series for Adobe XD, I’ll explore the foundations that enable us to establish some universal principles of UX.
These principles, which should sit at the heart of everything we design and build, are critical and will stand the test of time:
Source: Smashing Magazine, Universal Principles Of User Experience Design

Collective #381

dreamt up by webguru in Uncategorized | Comments Off on Collective #381








C381_workerize

Workerize

With Workarize you can move modules into Web Workers in a simple way, automatically reflecting exported functions as asynchronous proxies.

Check it out



C381_tinywins

Tiny Wins

Joel Califa writes about the little changes he made in GitHub that had a great impact.

Read it






C381_cheatsheet

CSSCS

Adam Marsden made this useful CSS cheatsheet with links to the related MDN entries.

Check it out




C381_generator

plait.py

Plait.py is a program for generating fake data from composable yaml templates.

Check it out


C381_canvas

canvas-area

Canvas-area is an HTML container element that acts as a controller parent for one or more canvas elements. Made by Stefan Goessner.

Check it out





Collective #381 was written by Pedro Botelho and published on Codrops.


Source: Codrops, Collective #381