Twitter use JPEG to any opaque image uploaded regardless of original file format which adds noise in your image especially when you upload graphics.

Exception is PNG with transparency. This app will turn a single pixel on top left corner to 99.6% opacity (hardly any different from original) and export as PNG so your twitter image is kept noise free !
png  transparency  noise 
How to Use npm as a Build Tool
Update: I frequently get asked, considering this post is now years old, whether or not I still stand by the advice in this post, and whether new developers should use npm as a build tool. The advice still stands, and I believe developers should use npm as a build tool. Myself; I’ve been Gulp & Grunt free since 2013™. Should I ever change my stance on this, I will immediately update this post.
npm  javascript  build  tool 
3 days ago
Tone.js is a framework for creating interactive music in the browser. It provides advanced scheduling capabilities, synths and effects, and intuitive musical abstractions built on top of the Web Audio API.
tonejs  webaudioapi  js  javascript 
6 days ago
Read Me · Rekit
Rekit is a toolkit for building scalable web applications with React, Redux and React-router. It's an all-in-one solution for creating modern React apps
react  reactjs  Redux  tools 
8 days ago
Getting Started with the Hexo Blogging Framework | Christopher Martin
New to blogging with the Hexo framework? This tutorial will walk you through installing Hexo, running a local server, and creating your first blog post.
10 days ago
Secure and fast GitHub Pages with CloudFlare
In this tutorial, I will show you how to use CloudFlare and GitHub together. By taking advantage of CloudFlare’s global network, you can utilise our CDN service to improve your site's performance and security.
ssl  github  cloudflare 
10 days ago
React Components Living Style Guides Overview | nearForm
Let’s have a look at some of the most interesting projects that provide the tools to easily create and configure living style guides out of your existing React codebase.
react  reactjs  component  style  guides 
17 days ago
React: CSS in JS techniques comparison
react  css-in-js  comparison  reactjs 
17 days ago
Mocky: Real HTTP mocking
Mock your HTTP responses to test your REST API
http  rest  api 
20 days ago
Polyfills: everything you ever wanted to know, or maybe a bit less
For quite a while I wasn’t clear on the difference between transpiling and polyfilling, as strange as that seems to me now. So on the off chance that you’ve never had the talk about transpiling and polyfilling, let me attempt to explain.
javascript  polyfill  transpile 
24 days ago
Trunk Based Development
This site attempts to collect all the related facts, rationale and techniques for Trunk-Based Development together in one place, complete with twenty-five diagrams to help explain things. All without using TBD as an acronym even once twice.
development  workflow  versioncontrol 
24 days ago
Xiaomi Mi Box - Official Kodi Wiki
Xiaomi Mi Box from Xiaomi here specifically refers to the 2016 released Xiaomi Mi Box with Android TV 6.0 or later and a bluetooth voice remote included.
mibox  android 
4 weeks ago
artoo.js · The client-side scraping companion.
artoo.js is a piece of JavaScript code meant to be run in your browser’s console to provide you with some scraping utilities.
bookmarklet  browser  javascript  web  scraping 
4 weeks ago
Adele - Design Systems and Pattern Libraries Repository
The repository of publically available design systems and pattern libraries
design  designsystems 
4 weeks ago
Home | Laws of UX
Laws of UX is a collection of the key maxims that designers must consider when building user interfaces
design  ux 
4 weeks ago
Testing React components with Jest and Enzyme — Artem Sapegin’s Blog
Some people say that testing React components is useless and in many cases it is, but there are a few cases when I think it’s useful:

component libraries,
open source projects,
integration with third-party components,
bugs, to prevent regressions.
react  components  testing  jest  enzyme 
4 weeks ago
JavaScript Object Explorer
Find the object method you need without digging through the docs
javascript  reference 
5 weeks ago
Dan Wahlin - Creating Custom AngularJS Directives Part I – The Fundamentals
Although the built-in directives cover many different scenarios, there may be times when you find yourself needing custom directives and wondering how to get started writing them. In this series of posts I’ll provide a step-by-step look at how directives work and how you can get started using them. The overall goal is to move slowly and provide simple, digestible directive examples that get more and more involved as the series progresses.
angularjs  directives 
5 weeks ago
Killing it with Angular Directives; Structure and MVVM
In this post I’m going to outline my approach on writing Directives for Angular 1.x releases. There’s a lot of confusion around how and why and where to do things with Directives, but they are actually very simple once you grasp the concepts and separation ideas.
angularjs  directives 
6 weeks ago
A Few Thoughts on Better Unit Tests For AngularJS Controllers
There are a few aspects of unit testing AngularJS controllers that have made me uncomfortable over time. In this post I’ll describe some of these issues and what I’ve been trying on my current project to put the code in an acceptable state, as well as some general tips I’ve found useful.
angularjs  unit  tests 
6 weeks ago
Google Style Guides | styleguide
Every major open-source project has its own style guide: a set of conventions (sometimes arbitrary) about how to write code for that project. It is much easier to understand a large codebase when all the code in it is in a consistent style.
code  style 
6 weeks ago
The Critical Request | CSS-Tricks
Have you ever wondered how browser figures out which assets should be requested and in what order?

Today we're going to take a look at how we can use resource priorities to improve the speed of delivery.
7 weeks ago
Reqres - A hosted REST-API ready to respond to your AJAX requests
Test your front-end against a real API
A hosted REST-API ready to respond to your AJAX requests.
api  http  rest 
7 weeks ago
Dissecting @ < & = bindings in AngularJS
in this post we will dissect the difference between the four symbols once and for all
angularjs  bindings 
8 weeks ago
Task runners in Visual Studio 2015 | .NET Web Development and Tools Blog
There are quite a few extensions freely available that adds support for a lot more task frameworks.
visualstudio  taskrunners 
8 weeks ago
Using Gulp in ASP.NET Core | Microsoft Docs
A task runner is a tool which automates these routine development tasks and more. Visual Studio provides built-in support for two popular JavaScript-based task runners: Gulp and Grunt.
vstudio  gulp  grunt  taskrunners  webdev 
8 weeks ago
Next Level Webpack Dashboard – Hacker Noon
Webpack-dashboard has over 10 thousand stars on Github but yet I almost never encounter it. Why are we not taking advantage of this great plugin — I’m looking at you create-react-app and vue-cli 😊
webpack  dashboard 
9 weeks ago
How to setup Webpack +2.0 from scratch in 2017 – codeburst
This guide is for people who might have used Webpack before, heard of it or just curious of “new” edgy web tech. Without further ado, let’s begin!
9 weeks ago
teropa/harmonics-explorer: A UI for exploring the harmonic series of sine waves. Done with Angular 2, @ngrx, Immutable.js
This is a little Angular 2 application that can be used to explore the harmonic series of sine waves. You have a number of harmonics (sine waves with frequencies that are integer multiples of the base frequency) that you can control individually, and then listen to the result.
webaudioapi  harmonics 
9 weeks ago
Sound generation in Javascript with the Web Audio API | Reuben Son's Blog
The Javascript Web Audio API offers a pretty exciting toolkit for generating and processing audio material right in your browser (albeit only on webkit-powered browsers such as Chrome and Firefox; the present demo seems to only work properly in Chrome at the moment).
webaudioapi  javascript 
9 weeks ago
Additive Synthesis And the Harmonic Series (Learn Web Audio from the Ground Up, Part 4)
Sine waves are simple things and provide a nice entry point to learning audio signal processing. So far we've been able to discuss things like frequency and amplitude using nothing but individual sine wave oscillators.

But the thing is, a solitary sine wave is not very interesting to listen to. It's a blank slate, devoid of any color, character, or drama.

Things start to get much more interesting when we have multiple sine wave oscillators at our disposal. What we can do is combine them to produce more complex sound waves. This technique is called additive synthesis.
javascript  audio  webaudioapi 
9 weeks ago
On undoing, fixing, or removing commits in git
This document is an attempt to be a fairly comprehensive guide to recovering from what you did not mean to do when using git. It isn't that git is so complicated that you need a large document to take care or your particular problem, it is more that the set of things that you might have done is so large that different techniques are needed depending on exactly what you have done and what you want to have happen.
git  programming  reference  undo  fixthismess 
9 weeks ago
Web Audio API Convolver Node | Middle Ear Media
Web Audio API Convolver Node is a tutorial that shows how to use the convolver node to apply a linear convolution effect with an impulse response. You should understand the basics of the Web Audio API as well as how to buffer and play audio files.
webaudioapi  convolver 
10 weeks ago
A Guide to Building Quality Angular 1.5 Components — SitePoint
In Angular 1, components are the mechanism which allows you to create your own custom HTML elements. This has been possible with Angular directives in the past, but components build on the various improvements that have been made to Angular and enforce best practices in how they are built and designed.
angularjs  components 
10 weeks ago
Getting Started with Web Accessibility – Emily Mears – Medium
Accessibility is a confusingly rare topic of conversation when learning about web development and design. Many developers enter into workplaces, or start projects, without having considered aspects of web accessibility before.
This is my quick introduction to the importance and implementation of accessible development for the web.
web  accessibility 
11 weeks ago
Chemistry over Culture – Didoo
An interesting discussion about the meaning of these two words, and possible implications in their use.
chemistry  culture 
11 weeks ago
Chemistry, not Culture – Leading Design – Medium
Disclaimer: I’m just as guilty of referencing ‘culture’ when describing teams, workplaces, and companies. Recently I’ve grown unsettled with the term. I offer a replacement: chemistry.
chemistry  culture 
11 weeks ago
Exploring the Angular 1.5 .component() method
AngularJS 1.5 introduced the .component() helper method, which is much simpler than the .directive() definition and advocates best practices and common default behaviours. Using .component() will allow developers to write in an Angular (v2+) style as well, which will in turn make upgrading to Angular an easier feat.
11 weeks ago
AngularJS' Internals In Depth — Smashing Magazine
AngularJS presents a remarkable number of interesting design choices in its code base. Two particularly interesting cases are the way in which scopes work and how directives behave.
angularjs  scopes  directives 
11 weeks ago
Using $rootScope.$emit() As A Performance Optimization In AngularJS
in certain edge-cases, you need to use events to create communication between two very specific components (such as a modal window Service and a modal window Directive). In these cases, using $rootScope.$emit() can provide a small performance optimization over $rootScope.$broadcast().
angularjs  rootscope  events 
11 weeks ago
AngularJS component binding types — my experiences.
Component bindings from Angular 1.5 had few difficulties. Although my problems may seem simple for experienced developers, I hope this post will help to protect somebody from unnecessary waste of time.
angularjs  component  bindings 
11 weeks ago
Debugging AngularJS In The Console
Although Batarang gets a lot of attention, there may come a time when you need to dig a bit deeper into an Angular application, particularly if you are debugging or spelunking someone else’s application and you aren’t familiar with the entire code base.
angularjs  console 
11 weeks ago
Using React in a Production App – Open House – Medium
This article will share how we at Opendoor used React in a real world production app, the decisions we made, and why.
12 weeks ago
Cutting Edge - Policy-Based Authorization in ASP.NET Core
The authorization layer of a software application ensures that the current user is allowed to access a given resource, perform a given operation or perform a given operation on a given resource. In ASP.NET Core there are two ways to set up an authorization layer. You can use roles or you can use policies. The former approach—role-based authorization—has been maintained from previous versions of the ASP.NET platform, while policy-based authorization is new to ASP.NET Core.
aspnetcore  authorization 
november 2017
Codevember Day #13

I once had a book full of amazing Macromedia Flash experiments, one of which was an image of the Mona Lisa that would morph as you moved the mouse over it.

It is buried deep in a storage unit now and I can't remember the name of the book or the creator of the morphing Mona Lisa experiment.

Anyway, this is my version of that experiment using CSS Grid to morph the image. If anyone knows the book or author please let me know and I will credit them properly.
orange  morph 
november 2017
Currying is not idiomatic in JavaScript
In this blog post I explain why, in my opinion, currying is in conflict with some of JavaScript’s foundations.
javascript  currying 
november 2017
Redux and React: An Introduction | Write Your Own
In this post I’m going to briefly explain what redux is, all of the basic elements, and how to set up a React project with redux as your data storage / flow solution using react-redux. You will need some prior knowledge of React; JSX, state, props, context; and ES6 syntax, and classes
react  redux 
november 2017
Jest Testing patterns in React-Redux applications · Ranjith Nair - Programming World
Jest provides a complete ecosystem for testing. There is no need of extra libraries - Mocha, Sinon, Istanbul, Chai, proxyquire etc. as all are present in Jest itself.
react  redux  jest 
november 2017
Add New File - Visual Studio Marketplace
The fastest and easiest way to add new files to any project - including files that start with a dot
vstudio  tools 
november 2017
Open Command Line - Visual Studio Marketplace
Opens a command line at the root of the project. Support for all consoles such as CMD, PowerShell, Bash etc. Provides syntax highlighting, Intellisense and execution of .cmd and .bat files.
vstudio  tools 
november 2017
Troubleshooting the dotnet ef command for EF Core Migrations | The Data Farm
When using EF Core in a .NET Core app (ASP.NET Core or other app sitting on .NET core), it’s easy to run into a problem when attempting to use EF Core migrations at the command line. The most common one is

No executable found matching command "dotnet-ef"
dotnetcore  efcore  ef 
november 2017
Protected routes and authentication with React Router v4
Protected routes are an important part of any web application. In this post we’ll break down the “Redirects (Auth)” example on the React Router documentation to learn how to create authenticated routes (routes that only certain users can access based on their authentication status) using React Router.
react  authentication  routes 
november 2017
Front-end Style Guides
Creating and Maintaining Style Guides for Websites

Style guides, once the exclusive domain of print designers, are now finding their way onto the web. In this book, you'll learn about the style guides that have been created specifically for websites, and how to make and maintain your own.

Designers and developers have taken different approaches to putting together their own web-based style guides. This book highlights the various techniques and the projects that have used them. It's packed with practical tips, whether you're starting from scratch or assembling one for an existing site.

This book is for people who build stuff for the web and want to make their own style guides. It's full of techniques, practical advice and examples for both coders and non-coders.
css  styleguide 
november 2017
Deploying ES2015+ Code in Production Today — Philip Walton
Most web developers I talk to these days love writing JavaScript with all the newest language features—async/await, classes, arrow functions, etc. However, despite the fact that all modern browsers can run ES2015+ code and natively support the features I just mentioned, most developers still transpile their code to ES5 and bundle it with polyfills to accommodate the small percentage of users still on older browsers.
javascript  es2015  module 
november 2017
Flexbox and Grids, your layout’s best friends
We decided to debunk the myths around Flexbox & Grids in order to show you the power of these two technologies working together.
css  flexbox  grid 
november 2017
Callbacks First, Then Promises - DerickBailey.com
October 5, 2016 By Derick
When I’m looking at asynchronous JavaScript – network calls, file system, or whatever it may be – I don’t reach for promises, first. In fact, a promise is typically a last resort for me, relegated to specific scenarios.
javascript  callbacks  promises 
november 2017
20 Best AngularJS Development Tools for Developers – Frontend Weekly – Medium

Enables your browsers with an inspector pane which helps you in developing, debugging and understanding your AngularJS applications. Uses Controllers and Directives for identifying and displaying scope.
november 2017
Use a Render Prop! – componentDidBlog
I was suggesting that the higher-order component pattern that is a popular method of code reuse in many React codebases could be replaced 100% of the time with a regular component with a “render prop”.
react  render  prop  reactjs  renderprop 
october 2017
About ECMAScript 6 (ES6)
It took a long time to finish it, but ECMAScript 6, the next version of JavaScript, is finally a reality
javascript  ecmascript  history  exploringjs 
october 2017
JavaScript: how it all began
This post presents a brief history of how Brendan Eich created JavaScript and what influenced its design decisions.
javascript  ecmascript  history 
october 2017
Learning ES6: History of ECMAScript | Ben Ilegbodu
...before we look at what ECMAScript 6 offers, I’d like to start things off by taking the time to look back on the history of ECMAScript.
javascript  history  ecmascript 
october 2017
ECMAScript - Wikipedia
ECMAScript (or ES)[1] is a trademarked[2] scripting-language specification standardized by Ecma International in ECMA-262 and ISO/IEC 16262. It was created to standardize JavaScript, so as to foster multiple independent implementations.
javascript  history  ecmascript  ecma 
october 2017
A brief history of JavaScript – Ben Aston – Medium
Ben AstonFollow
Apr 2, 2015
JavaScript was created by Brendan Eich in 1995 during his time at Netscape Communications. It was inspired by Java, Scheme and Self.
javascript  history 
october 2017
A Brief History of JavaScript
We take a look at the evolution of JavaScript, arguably one of the most important languages of today, and tomorrow
Sebastián Peyrott January 16, 2017
javascript  history 
october 2017
« earlier      
2.0 accessibility adsi agile ajax android angular angularjs animation ant api application architecture arduino articles asp.net asp.net2.0 aspnetmvc audio authentication babel backbone bestpractices blog blog-research bootstrap browser build c# cms code codeplex codes color colour component css css3 custom data database dba ddd denon deployment design development di dns docbook documentation dotnet dts dwstesting editor ef entityframework es6 excel extension fender firefox forms framework free generator giantsteps git github google googlemaps grid guitar heilmann history html html5 http icons iis ipaq ir irremote itunes itunesdb japan japanese java javascript jquery js json katana layout lefty library management maps markdown markup masterpages medium microsoft midi mobile module mongodb mozilla msdn msoffice msxml music mvc nant node node.js nodejs npm nyc online openrasta opensource optimization owin patterns performance php powershell presentation programming pwa python ravendb react reactjs redux reference regex remote research rest ribbonui scripting security server service software sql sql2005 sqlserver ssis ssl ssrs standards state style styleguide subversion svg svn tdd telecaster templates test testing tfs tips tokyo tool tools toread tuning tutorial tutorials typography ui vb6 vba vbscript viewstate visio visualization vs2005 vstudio vw wds12 web web2.0 webapi webaudioapi webdesign webdev webformsmvp webpack webservices webstandards windows wmi word xhtml xml xsl xslt

Copy this bookmark: