recentpopularlog in

davidgasperoni : development   450

« earlier  
Extreme Makeover: Code Edition
7 tips for writing cleaner code.
I am a little bit obsessed with writing clean code. Code should be written for future developers (including yourself) and extendability -- it should be relatively easy to add features to your application and to maintain your code. If we were writing code for computers, we would just write binary! Here are some of my tips for writing cleaner code
development  tips 
9 days ago by davidgasperoni
pdfs
Technically-oriented PDF Collection (Papers, Specs, Decks, Manuals, etc)
pdf  download  programming  coding  development  github 
27 days ago by davidgasperoni
The Ultimate Guide to Learning CSS
Over 100 curated resources for learning CSS, arranged in an order that makes sense for learning from scratch or jumping straight to a particular topic.
css  guides  webdev  development  reference 
4 weeks ago by davidgasperoni
cheat.sh/:firstpage
The only cheat sheet you need.
Unified access to the best community driven documentation repositories of the world.
cheatsheet  reference  programming  development 
4 weeks ago by davidgasperoni
DevTube - The best developer videos in one place
Enjoy the best technical videos and share it with friends, colleagues, and the world.
video  learning  programming  development 
4 weeks ago by davidgasperoni
Watch, Reference & Learn Code
Learn web development with over 550 free video lessons ranging from writing basic HTML and CSS to creating custom web applications with Laravel and WordPress. What will you learn today?
video  coding  development  free  tutorials 
4 weeks ago by davidgasperoni
FiloSottile / mkcert
A simple zero-config tool to make locally-trusted development certificates with any names you'd like.

mkcert is a simple tool for making locally-trusted development certificates. It requires no configuration.
ssl  security  golang  google  development  webdev 
6 weeks ago by davidgasperoni
PostgreSQL Features You May Not Have Tried But Should - pgDash

PostgreSQL contains a slew of great features. Many of them are very well known. Others can be incredibly useful but are not as widely appreciated. Here are our top picks for great PostgreSQL features you may not have taken a look at but really should, since they can help you get code into production faster, make ops easier and generally get things done with less code and sweat.
postgresql  sql  database  article  development 
7 weeks ago by davidgasperoni
Your IDE as a presentation tool
I’ve just given my third programming talk where I use only my IDE (integrated development environment) for live coding and no other presentation tool. I noticed the audiences were very pleased with these talks, and I think it’s correlated to using an IDE and not a slides program.
public-speaking  programming  development  ide  article 
9 weeks ago by davidgasperoni
ServiceWorker Cookbook

The Service Worker Cookbook is a collection of working, practical examples of using service workers in modern web sites.
javascript  development  webdev  reference  pwa 
11 weeks ago by davidgasperoni
A reading list for Linux and open source fans
I recently asked our writer community to share with us what they're reading. These folks come from all different walks of life and roles in tech. What they have in common is that they are living and breathing Linux and open source every day.

Drink in this fantastic list. Many of them are free and available to download.

You may see books you've been meaning to get around to, books that are completely new to you, and some that feel like old friends.

We'd love to hear what you think of this list. Share with us in the comments below or on Twitter with #Linuxbooks #opensourcebooks.
book  development  programming  linux  opensource 
may 2018 by davidgasperoni
three.js - Javascript 3D library
The aim of the project is to create an easy to use, lightweight, 3D library. The library provides <canvas>, <svg>, CSS3D and WebGL renderers.
javascript  animation  library  development  webdev 
may 2018 by davidgasperoni
Nest js
Nest is a framework for building efficient, scalable Node.js web applications. It uses modern JavaScript, is built with TypeScript and combines elements of OOP (Object Oriented Progamming), FP (Functional Programming), and FRP (Functional Reactive Programming).
javascript  opensource  frameworks  nodejs  development 
may 2018 by davidgasperoni
Text Mask: Conform user input to a string mask
Text Mask is an input mask library. It can create input masks for phone, date, currency, zip code, percentage, email, and literally anything!

There are convenient wrappers for React, Angular 2, Ember, and Vue.
javascript  html  forms  github  library  webdev  development 
may 2018 by davidgasperoni
iridakos - Full text searching Linux man pages with Elasticsearch

In this post we are going to play around with full text searching with Elasticsearch and Linux man pages.

linux  terminal  development  reference  tutorials 
april 2018 by davidgasperoni
iridakos - Creating a bash completion script

Bash completion is a functionality through which bash helps users type their commands faster and easier. It accomplishes that by presenting possible options when users press the tab key while typing a command.
terminal  linux  unix  tutorials  development 
april 2018 by davidgasperoni
awesome-developer-streams
👩🏿‍💻👨🏾‍💻👩🏼‍💻👨🏽‍💻👩🏻‍💻 Awesome Developers, Streaming
A curated list of awesome developers who stream.
coding  programming  development  learning  streaming  video 
april 2018 by davidgasperoni
consola
🐨 Elegant Console Logger

- Easy to use
- Fancy output with Fallback for Continuous Integration (CI) environments
- Global mockable stdout/stderr wrapper
- Pluggable reporters
- Consistent Command Line Interface (CLI) experience
- Scoped Loggers
github  nodejs  development  library 
april 2018 by davidgasperoni
WebGL Fundamentals
Your first WebGL lesson starting with the fundamentals
WebGL is often thought of as a 3D API. People think "I'll use WebGL and magic I'll get cool 3d". In reality WebGL is just a rasterization engine. It draws points, lines, and triangles based on code you supply. Getting WebGL to do anything else is up to you to provide code to use points, lines, and triangles to accomplish your task.
webdev  web  development  graphics  tutorials  learning 
march 2018 by davidgasperoni
Becoming a 10x Developer
10 Ways to be a Better Teammate

- Create an environment of psychological safety
- Encourage everyone to participate equally
- Assign credit accurately and generously
- Amplify unheard voices in meetings
- Give constructive, actionable feedback and avoid personal criticism
- Hold yourself and others accountable
- Cultivate excellence in an area that is valuable to the team
- Educate yourself about diversity, inclusivity, and equality in the workplace
- Maintain a growth mindset
- Advocate for companies policies that increase workplace equality
article  agile  programming  development  teamwork 
march 2018 by davidgasperoni
pell
the simplest and smallest WYSIWYG text editor for web, with no dependencies
html  javascript  editors  webapp  development  webdev 
march 2018 by davidgasperoni
Eloquent JavaScript
Written by Marijn Haverbeke
This is a book about JavaScript, programming, and the wonders of the digital. You can read it online here, or get your own paperback copy of the second edition. A paper third edition is being worked on, but it isn't clear yet when it'll be available.
javascript  free  book  download  programming  development 
march 2018 by davidgasperoni
A Gopher's Reading List

Here is a reading list of blog posts about Go. It aspires to include only the most useful and relevant material that anyone writing Go should eventually read. By defintion, the list is a work in progress.

Rather than being comprehensive, the list is a curated selection fixed at 200 entries.
golang  github  programming  reading  development 
march 2018 by davidgasperoni
Specifics on CSS Specificity | CSS-Tricks

The best way to explain it is to start with an example of where specificity gets confusing and perhaps doesn't behave like you would expect. Then we'll take a closer look at how to calculate the actual specificity value to determine which selector takes precedence.
css  reference  frontend  webdev  development  article 
february 2018 by davidgasperoni
SweetAlert2
A beautiful, responsive, highly customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies.
github  javascript  modal  responsive  design  webdev  development  frontend 
february 2018 by davidgasperoni
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 
february 2018 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 
february 2018 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 
february 2018 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 
february 2018 by davidgasperoni
proquint
Proquints: Identifiers that are Readable, Spellable, and Pronounceable.

Please see the article on proquints: http://arXiv.org/html/0901.4016;
development  sql 
february 2018 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 
january 2018 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 
january 2018 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 
december 2017 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 
december 2017 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 
december 2017 by davidgasperoni
inclusive-design-checklist
Aims to be the biggest checklist of inclusive design considerations ever
accessibility  development  webdesign 
december 2017 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 
november 2017 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
git-flight-rules
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
mailbrush
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

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
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.

- REAL-TIME VALIDATION
- LOCALIZATION
- FORMATTING & MASKING
- APPLE PAY & PAYMENT REQUEST
- AUTOFILL
- RESPONSIVENESS
ecommerce  business  webdev  webdesign  development  templates 
october 2017 by davidgasperoni
draggable
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
Marko
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
fuzzysort
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
browserify-handbook
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

#1
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
Moleculer

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
project-guidelines
A set of best practices for JavaScript projects
javascript  git  programming  development  webdev  best-practices 
july 2017 by davidgasperoni
« earlier      
per page:    204080120160

Copy this bookmark:





to read