recentpopularlog in

davidgasperoni : development   422

« earlier  
The art of the error message – The Style of Elements

When it comes to a good or bad user experience, the difference is often in the details. Writing clear error messages can reduce frustration and help people continue using your app or service. So it’s worth it to give these little guys some love.
The next time you’re writing an error message, keep these tips in mind:
Say what happened and why
Suggest a next step
Find the right tone
copywriting  development  article  design  ui  ux 
2 days ago by davidgasperoni
Habitat Chronicles: The Tripartite Identity Pattern

One of the most misunderstood patterns in social media design is that of user identity management. Product designers often confuse the many different roles required by various user identifiers. This confusion is compounded by using older online services, such as Yahoo!, eBay and America Online, as canonical references.
article  webdev  development 
5 days ago by davidgasperoni
Let's talk about usernames

Usernames — as implemented by many sites and services, and by many popular frameworks (including Django) — are almost certainly not the right way to solve the problem they’re often used to solve
article  security  unicode  webdev  development  programming 
7 days ago by davidgasperoni
developit/karmatic: 🦑 Easy automatic (headless) browser testing. Powered by Karma, Webpack & Jasmine.

Karma, Webpack and Jasmine are all great. They're all also quite powerful and each highly configurable. When creating and maintaining small modules, duplication of these configurations and dependencies is cumbersome.

Karmatic is a zero-configuration wrapper around these tools with intelligent defaults, configuration auto-detection, and optimizations most configurations don't include.

Most importantly, Karmatic provides a (headless) browser test harness in a single dependency.
development  webdev  testing  tools  javascript  chrome  webpack  browser 
14 days ago by davidgasperoni
Proquints: Identifiers that are Readable, Spellable, and Pronounceable.

Please see the article on proquints:;
development  sql 
15 days ago by davidgasperoni
Keep webpack Fast: A Field Guide for Better Build Performance

webpack is a brilliant tool for bundling frontend assets. When things start to slow down, though, its batteries-included nature and the ocean of third-party tooling can make it difficult to optimize. Poor performance is the norm and not the exception. But it doesn’t have to be that way, and so — after many hours of research, trial, and error — what follows is a field guide offering up what we learned on our path towards a faster build
webpack  performance  development  nodejs  javascript  article 
22 days ago by davidgasperoni
Uppy File Uploader
Uppy is a sleek, modular file uploader that integrates seamlessly with any framework. It fetches files from local disk, Google Drive, Dropbox, Instagram, remote URLs, cameras and other exciting locations, and then uploads them to the final destination. It’s fast, easy to use and lets you worry about more important problems than building a file uploader.

Uppy consists of a core module and various plugins for selecting, manipulating and uploading files.
javascript  html  webdev  development 
4 weeks ago by davidgasperoni
REST is the new SOAP – freeCodeCamp

Then came REST. 
REpresentational State Transfer.
A wave of renewal shook the foundations of inter-services communication.
RPC was dead, the future was RESTful: resources living each on its own URL, and manipulated exclusively through HTTP protocol.
From then on, every API we had to expose or consume became a new challenge; not to say a testimony to insanity.
webdev  development  http  api 
7 weeks ago by davidgasperoni
How to debug Progressive Web Apps using Browser Developer Tools
This tutorial explains what tools the Chrome and Firefox Dev Tools display that help you debug a Progressive Web App.

What is a Progressive Web App?

First things first. A Progressive Web App (PWA) is an app that can provide extra features based on the device support, such as:
- The ability to work offline
- Push notifications
- An almost native app look and speed
- Local caching of resources

But it still works fine as a normal website on devices that do not support the latest tech.
webdev  development  debugging  devtools  performance  pwa  google  chrome 
7 weeks ago by davidgasperoni
React For Beginners
Want to upgrade your JavaScript skills and learn React.js? Learn how to build websites and web apps in just a couple of afternoons.
reactjs  javascript  video  course  development  webdev  learning  tutorials 
11 weeks ago by davidgasperoni
Aims to be the biggest checklist of inclusive design considerations ever
accessibility  development  webdesign 
11 weeks ago by davidgasperoni
Philip Roberts: What the heck is the event loop anyway? | JSConf EU 2014
JavaScript programmers like to use words like, “event-loop”, “non-blocking”, “callback”, “asynchronous”, “single-threaded” and “concurrency”.

We say things like “don’t block the event loop”, “make sure your code runs at 60 frames-per-second”, “well of course, it won’t work, that function is an asynchronous callback!”

If you’re anything like me, you nod and agree, as if it’s all obvious, even though you don’t actually know what the words mean; and yet, finding good explanations of how JavaScript actually works isn’t all that easy, so let’s learn!

With some handy visualisations, and fun hacks, let’s get an intuitive understanding of what happens when JavaScript runs.
video  javascript  programming  development 
11 weeks ago by davidgasperoni
A vim Tutorial and Primer
A Vim tutorial and primer that takes you from competent to masterful in a way that cannot be forgotten. Learn Vim as language instead of as syntax.
There are dozens of Vim references online, but most of them either go ninja straight away, or start basic and don’t go much deeper.
programming  editors  development  terminal  guides  tutorials 
november 2017 by davidgasperoni
Node.js Async Best Practices & Avoiding Callback Hell | @RisingStack

In this post, we cover what tools and techniques you have at your disposal when handling Node.js asynchronous operations: async.js, promises, generators and async functions.
article  nodejs  programming  development 
november 2017 by davidgasperoni
Getting Node.js Testing and TDD Right | @RisingStack
Making changes to a large codebase and making sure it works is a huge deal in software development. We've already talked about a few great features of Node.js testing before, and it is very important to emphasize how crucial it is to have your code tested before you release it to your users.
nodejs  tdd  testing  development  programming 
november 2017 by davidgasperoni
Flight rules for git

Flight Rules are the hard-earned body of knowledge recorded in manuals that list, step-by-step, what to do if X occurs, and why. Essentially, they are extremely detailed, scenario-specific standard operating procedures. [...]
git  github  reference  tips  development  terminal  best-practices 
november 2017 by davidgasperoni
Node.js library for generating email friendly snippets with syntax highlighting
javascript  html  email  coding  programming  development 
november 2017 by davidgasperoni
Greg's Wiki
This is Greg's (also known as GreyCat's) wiki. It has some pages which may be of interest for people doing Unix shell scripting or system administration.

This guide aims to aid people interested in learning to work with BASH. It aspires to teach good practice techniques for using BASH, and writing simple scripts.
terminal  programming  development  unix  linux 
november 2017 by davidgasperoni

HEML is an open source markup language for building responsive email. It gives you the native power of HTML without having to deal with all of the email quirks. HEML makes building emails as easy as building websites.
html  email  design  tools  development  css  coding 
october 2017 by davidgasperoni
Faktory, a new background job system which aims to bring the best practices developed over the last five years in Sidekiq to every programming language.
github  api  sysadmin  development  programming  golang  ruby 
october 2017 by davidgasperoni
2 unit tests. 0 integration tests.
If I ever need to explain unit and integration testing to anyone, I will show them this.
funny  humor  gif  programming  development  testing 
october 2017 by davidgasperoni
Inclusive Components

A blog trying to be a pattern library. All about designing inclusive web interfaces, piece by piece.
accessibility  webdev  development  patterns  library  frontend  html  ui  ux  smashingmag 
october 2017 by davidgasperoni
Interactive Vim tutorial
Hello. I am an interactive Vim tutorial. I'll teach you what Vim is about without hassle. To practice what you've learned, try out the practice page. It has a context sensitive reference for commands. Now, let me introduce you to basics of Vim.
programming  development  terminal  tutorials  interactive 
october 2017 by davidgasperoni
Essential Image Optimization - An eBook by Addy Osmani
A free book on modern image optimization techniques. Formats, decoders, techniques for efficient compression and more are covered.

The tl;dr
- We should all be automating our image compression.
In 2017, image optimization should be automated. It's easy to forget, best practices change, and content that doesn't go through a build pipeline can easily slip. To automate: Use imagemin or libvips for your build process. Many alternatives exist.

- Everyone should be compressing their images efficiently.
At minimum: use ImageOptim. It can significantly reduce the size of images while preserving visual quality. Windows and Linux alternatives are also available.
book  optimization  performance  automation  webdev  development  tools 
october 2017 by davidgasperoni
Stripe Elements - Build beautiful, smart checkout flows
Stripe Elements are built with the collective experience of Stripe’s front-end, design, and analytics teams. By helping your customers input their information quickly and correctly, Elements minimize user error and increase the number of successful payments.

ecommerce  business  webdev  webdesign  development  templates 
october 2017 by davidgasperoni
a lightweight, responsive, modern drag & drop library
javascript  library  webdev  development 
september 2017 by davidgasperoni
Safari Developer Help
- Get started in Safari Developer Tools
- Inspecting Webpages
- Editing HTML, CSS, and JavaScript
- Debugging JavaScript
- Checking Performance
html  javascript  development  tools  webdev  reference  guides 
september 2017 by davidgasperoni
Safari Developer Help
- Get started in Safari Developer Tools
- Inspecting Webpages
- Editing HTML, CSS, and JavaScript
- Debugging JavaScript
- Checking Performance
html  javascript  development  tools  webdev  reference  guides 
september 2017 by davidgasperoni
Reactive UI components

Change the data backing a view and Marko will automatically and efficiently update the resulting HTML
Bringing back progressive HTML rendering to the masses

It's like HTML and JS had a perfect baby that grew up to be awesome

Async! Streaming! UI components! Your dreams have come true!
frontend  html  javascript  webdev  development  ui 
august 2017 by davidgasperoni
Fast SublimeText-like fuzzy search for JavaScript.
javascript  development 
august 2017 by davidgasperoni
How JavaScript works: inside the V8 engine + 5 tips on how to write optimized code
How to write optimized JavaScript
Order of object properties: always instantiate your object properties in the same order so that hidden classes, and subsequently optimized code, can be shared.

Dynamic properties: adding properties to an object after instantiation will force a hidden class change and slow down any methods that were optimized for the previous hidden class. Instead, assign all of an object’s properties in its constructor.

Methods: code that executes the same method repeatedly will run faster than code that executes many different methods only once (due to inline caching).

Arrays: avoid sparse arrays where keys are not incremental numbers. Sparse arrays which don’t have every element inside them are a hash table. Elements in such arrays are more expensive to access. Also, try to avoid pre-allocating large arrays. It’s better to grow as you go. Finally, don’t delete elements in arrays. It makes the keys sparse.

Tagged values: V8 represents objects and numbers with 32 bits. It uses a bit to know if it is an object (flag = 1) or an integer (flag = 0) called SMI (SMall Integer) because of its 31 bits. Then, if a numeric value is bigger than 31 bits, V8 will box the number, turning it into a double and creating a new object to put the number inside. Try to use 31 bit signed numbers whenever possible to avoid the expensive boxing operation into a JS object.
javascript  performance  programming  development  nodejs 
august 2017 by davidgasperoni
how to build modular applications with browserify
javascript  nodejs  guides  howto  development 
august 2017 by davidgasperoni
TDD the RITE Way
Test Driven Development (TDD) is a process for writing software that provably satisfies the software requirements. The process works like this: When you dig into TDD you’re going to find a bunch of…
article  javascript  testing  tdd  development  programming 
august 2017 by davidgasperoni
Try the Leading Session Playback Tool | FullStory | FullStory

Modern playback for the modern web.​

What good is playback if it can’t keep up with evolving web standards? FullStory perfectly captures even the gnarliest single-page apps built on any JavaScript framework. Don’t believe us? Have a look.
webdev  development  javascript  analytics  debugging 
august 2017 by davidgasperoni
The Night Watch
As a highly trained academic researcher, I spend a lot of time trying to advance the frontiers of human knowledge. However, as someone who was born in the South, I secretly believe that true progress is a fantasy, and that I need to prepare for the end times, and for the chickens coming home to roost, and fast zombies, and slow zombies, and the polite zombies who say “sir” and “ma’am” but then try to eat your brain to acquire your skills. When the revolution comes, I need to be prepared; thus, in the quiet moments, when I’m not producing incredible scientific breakthroughs, I think about what I’ll do when the weather forecast inevitably becomes RIVERS OF BLOOD ALL DAY EVERY DAY.
article  programming  development  humor  debugging 
august 2017 by davidgasperoni
How To Set Up a Node.js Application for Production on Ubuntu 16.04
Node.js is an open source JavaScript runtime environment for easily building server-side and networking applications. The platform runs on Linux, OS X, FreeBSD, and Windows. Node.js applications can be run at the command line, but we'll focus on running them as a service, so that they will automatically restart on reboot or failure, and can safely be used in a production environment.
javascript  nodejs  development  deployment  servers  sysadmin  linux  ubuntu 
august 2017 by davidgasperoni
Webpack Plugins we been keepin on the DLL
I’m Talkin about the Webpack DLL Plugin.

One of the immediate effects of my attempts to make javascript less tedious was my Webpack build times became excruciatingly slow. In my project that uses React and React Bootstrap, starting up a project might take 20–30 seconds and that is a pretty large window to get distracted and end up on Hacker News.
javascript  webpack  performance  webdev  development 
august 2017 by davidgasperoni
Foundation for Sites
Foundation for Sites 6 has been designed to get your project from prototype to production more efficiently than ever before! It includes a wide range of modular and flexible components that are easily styled. These versatile and lightweight building blocks make it easy to bring your ideas to life.
accessibility  sass  html  mobile  webdev  responsive  development  templates 
august 2017 by davidgasperoni

Fast & powerful microservices framework for NodeJS.
nodejs  javascript  development  frameworks 
july 2017 by davidgasperoni
The JavaScript Way
JavaScript is a great entry point into the world of programming, and required knowledge for an ever increasing number of software professionals. Complete beginner or already experienced in other programming languages, what better time than now to discover the JavaScript Way?
javascript  book  programming  development 
july 2017 by davidgasperoni
A set of best practices for JavaScript projects
javascript  git  programming  development  webdev  best-practices 
july 2017 by davidgasperoni
Webpack: It's Not Magic | Naomi Jacobs | BuzzJS 2.0 2017
Slides: For more content, SUBSCRIBE to BuzzJS YouTube channel BuzzJS is a One Day | One Track NYC conference series
video  javascript  webpack  webdev  development  tools 
june 2017 by davidgasperoni
Home Office Digital repository of posters covering different topics - research, access needs, accessibility, design.
accessibility  development  design 
june 2017 by davidgasperoni
Spellbook of Modern Web Dev
A Big Picture, Thesaurus, and Taxonomy of Modern JavaScript Web Development
What I'm doing in this document now is trying to provide the complete view angle of modern web (app or page) development ruled by JavaScript, reflect technological advance and help developers to acquire APIs, libraries, tools, services, best practices and learning resource which are not outdated and most commonly used.
webdev  development  programming  javascript  web  smashingmag  github  tools  best-practices  learning  nodejs  html  css 
june 2017 by davidgasperoni
A Unified Styling Language
In the past few years we’ve seen the rise of CSS-in-JS, emerging primarily from within the React community—but why?
javascript  css  webdesign  article  development 
june 2017 by davidgasperoni
Writing Modular JavaScript With AMD, CommonJS & ES Harmony
Learn how to write modular JavaScript using modern synchronous and asynchronous formats such as AMD and CommonJS
javascript  modules  programming  development  longread 
june 2017 by davidgasperoni
JavaScript Modules: A Beginner’s Guide
If you’re a newcomer to JavaScript, jargon like “module bundlers vs. module loaders,” “Webpack vs. Browserify” and “AMD vs. CommonJS” can quickly become overwhelming.

The JavaScript module system may be intimidating, but understanding it is vital for web developers.

In this post, I’ll unpack these buzzwords for you in plain English (and a few code samples). I hope you find it helpful!
javascript  modules  programming  development 
june 2017 by davidgasperoni
Web Developer Security Checklist
Developing secure, robust web applications in the cloud is hard, very hard. If you think it is easy, you are either a higher form of life or you have a painful awakening ahead of you.

If you have drunk the MVP cool-aid and believe that you can create a product in one month that is both valuable and secure — think twice before you launch your “proto-product”. After you review the checklist below, acknowledge that you are skipping many of these critical security issues. At the very minimum, be honest with your potential users and let them know that you don’t have a complete product yet and are offering a prototype without full security.
security  development  webdev 
may 2017 by davidgasperoni
A very quick guide to deadlock diagnosis in SQL Server
Recently I was asked about diagnosing deadlocks in SQL Server – I’ve done a lot of work in this area way back in 2008, so I figure it’s time for a refresher. If there’s a lot of interest in exploring SQL Server and deadlocks further, I’m happy to write an extended article going into far more detail. Just let me know.
sql  servers  development  sysadmin  debugging 
may 2017 by davidgasperoni
How to Track Down Deadlocks Using SQL Server 2005 Profiler
It is irritating, sometimes alarming, for the user to be confronted by the 'deadlock message' when a deadlock happens. It can be a tiresome business to prevent them from occurring in applications. Fortunately, the profiler can be used to help DBAs identify how deadlocking problems happen, and indicate the best way of minimising the likelihood of their reappearance.
sql  servers  development  microsoft 
may 2017 by davidgasperoni
MJML - The Responsive Email Framework
The only framework that makes responsive email easy. MJML is a markup language designed to reduce the pain of coding a responsive email. Its semantic syntax makes it easy and straightforward while its rich standard components library fastens your development time and lightens your email codebase. MJML’s open-source engine takes care of translating the MJML you wrote into responsive HTML.
html  email  responsive  development  webdev  tools 
may 2017 by davidgasperoni
Foundation for Emails 2
Quickly create responsive HTML emails that work. Even on Outlook.

We know building HTML emails is hard, especially responsive emails. That's why we created Foundation for Emails. Get away from complex table markup and inconsistent results. Use Foundation for Emails to spend less time coding emails, and more time on other things, like building amazing products.

Email marketing is good for your business. In fact it's $44-back-for-every-$1-spent kind of good. And with a tool as powerful and easy to use as Foundation for Emails, you’ll have the ability to create amazing results.
html  email  templates  responsive  tools  webdev  development 
may 2017 by davidgasperoni
A powerful REST API Client with cookie management, environment variables, code generation, and authentication for Mac, Window, and Linux
api  apps  osx  development  webdev 
may 2017 by davidgasperoni
This is a polyfill of the ES6 Promise. The implementation is a subset of rsvp.js extracted by @jakearchibald, if you're wanting extra features and more debugging options, check out the full library.
javascript  development  nodejs  github 
may 2017 by davidgasperoni
Everyday Git: Search the git log from the command line
Your project's git log can tell you stories, but you have to know how to look for them. Here's how I explore a code base's history, using built-in command line tools.
git  tips  terminal  development 
april 2017 by davidgasperoni
A curated directory of boilerplates to help you start your projects!
development  programming  webdev  templates  smashingmag 
april 2017 by davidgasperoni
The Google Analytics Setup I Use on Every Site I Build — Philip Walton

There’s a lot of excellent and free content out there that explains how to use Google Analytics, but most of it is rather narrowly focused on use cases that primarily apply to marketers and advertisers; very little is geared toward web developers who simply want to better understand how people are using the sites they build.

For the past three years I’ve worked on Google Analytics (specifically on the web tracking side), and in that time I’ve learned far more than I ever thought I would. I’ve been able to dive deep into some of GA’s amazing features, and I’ve also run up against some of its annoying shortcomings.

This article is sort of a culmination of everything I’ve learned over the past three years, and it’s aimed specifically at web developers. Since this article is a bit on the long side, I’ve broken it up into several distinct topics, so you can read it in parts and more easily reference something later.

webdev  development  google  analytics  javascript  performance  marketing 
april 2017 by davidgasperoni
Hard-won lessons: Five years with Node.js
After five years working with Node.js, I’ve learned a lot. I’ve already shared a few stories, but this time I wanted to focus on the ones I learned the hard way. Bugs, challenges, surprises, and the lessons you can apply to your own projects!
javascript  nodejs  article  development 
april 2017 by davidgasperoni
How to be low-level programmer. I'd like to share my experience and show a roadmap to becoming a low-level programmer because I have found that these skills are not as common as they once were. In addition, many students and beginners ask me how they could become low-level programmers and Linux kernel engineers.
reference  programming  development  book  learning 
april 2017 by davidgasperoni
planck.js 2D JavaScript Physics Engine
Planck.js is JavaScript rewrite of Box2D physics engine for cross-platform HTML5 game development.
javascript  games  development  library  html 
april 2017 by davidgasperoni
« earlier      
per page:    204080120160

Copy this bookmark:

to read