State in React
different ways to manage state in react, like redux, unstated, apollo etc.
react  state  redux  mobx  apollo  unstated 
may 2018
pre-commit by Yelp
A framework for managing and maintaining multi-language pre-commit hooks.
development  git  hook  tools  pre-commit 
october 2016
Almost complete guide to flexbox (without flexbox) | Kenan Yusuf
Unfortunately, not everyone has a browser/device capable of viewing flexbox layouts. This is a cheatsheet-esque guide that offers backwards compatible alternatives to flexbox properties.
css  flexbox  fallback  support 
september 2016
Prototyping Tool for Designing UI, Interaction and Animation
design  iphone  javascript  prototype  prototyping  mobile 
april 2016
EditorConfig helps developers define and maintain consistent coding styles between different editors and IDEs.
code  development  editor 
october 2015
An open source, extensible, platform-agnostic tool for remotely debugging and testing your JavaScript. Powered by node.js and socket.io.
browser  debugging  development  javascript  remote  ghostlab  microsoft 
may 2015
Deploying ECMAScript 6
This blog post describes the options you have for deploying ECMAScript 6 in current JavaScript environments.
deployment  es6  javascript  transpiler  babel  webpack  bower  browserify 
april 2015
The mind-boggling universe of JavaScript Module strategies
Pros and cos of module strategies: amd, commonjs, es6
amd  commonjs  javascript  js  modules  es6 
april 2015
Building Modular Web Apps With Backbone.Radio
Backbone.Radio, Marionette's tool for communication between application components.
backbone  radio  events  wreqr  marionette 
february 2015
Source - Living Style Guide on Steroids
The most advanced tool for documenting, testing and managing UI components achieving productive team work
css  dev  documentation  front-end  styleguide  tool 
february 2015
SassDoc is to Sass what JSDoc is to JavaScript: a documentation system to build pretty and powerful docs in the blink of an eye.
coding  development  documentation  sass 
january 2015
Researching the Performance costs of JavaScript MVC Frameworks | Filament Group, Inc., Boston, MA
Performance comparison of TodoMvc with Angular, Ember and Backbone. Backbone is of course superior in such small apps.
backbone  javascript  performance  angularJs  ember 
december 2014
Effective Event Binding with jQuery
Make your jQuery event-driven code less brittle and more manageable.
binding  events  javascript  jquery 
december 2014
Pure CSS Parallax Websites by Keith Clark
This article demonstrates how to use CSS transforms, perspective and some scaling trickery to create a pure CSS parallax scrolling website.
animation  css  tutorial  Parallax 
december 2014
Planning A Front-end JavaScript Application -Telerik Developer Network
In this article, I am going to describe 16 steps that front-end developers should go through when planning a front-end web application. These steps aim to cover the entire life-cycle of a front-end application.
development  javascript  architecture 
december 2014
ES6 Modules, AMD and CommonJS — Medium
This article shares some techniques and tools for building web apps using future friendly ES6 module syntax. We begin with an exploration of current module formats and ways to work both forwards and backwards in time.
es6  javascript  modules  tools  amd  commonjs 
december 2014
The Case For Marionette.js
When a Backbone application grows, maintaining it requires adding structure, either through a custom set of conventions and components, or based on somebody elses framework. I want to make the case for using Marionette.js.
backbone  javascript  marionette 
december 2014
Top 10 Mistakes Node.js Developers Make
In this article we will talk about the most common mistakes Node developers make and how to avoid them.
node  nodejs  tips 
december 2014
Breaking CSS is easy. Checking every responsive page element is hard. That’s why there's BackstopJS.
css  testing  casperjs  phantomjs 
december 2014
You Might Not Need jQuery
Some developers believe that jQuery is protecting us from a great demon of browser incompatibility when, in truth, post-IE8, browsers are pretty easy to deal with on their own.
javascript  jquery  vanilla  reference 
december 2014
Leadfoot (Automated Browser Testing)
Leadfoot is a JavaScript client library that brings cross-platform consistency to the Selenium WebDriver API.

Unlike existing WebDriver client libraries that assume the remote server will just do the Right Thing, Leadfoot detects and works around inconsistencies in WebDriver server implementations, so you can just worry about making your tests work—not bugs in WebDriver servers.
browser  development  selenium  tool  testing 
november 2014
Using SVG to shrink your PNGs | Peter Hrynkow
Wouldn’t it be great if you could get the compression of a JPEG and keep the transparency of a PNG? Well, you can, sort of.
images  optimization  png  svg 
september 2014
Duo is a next-generation package manager that blends the best ideas from Component, Browserify and Go to make organizing and writing front-end code quick and painless.
javascript  package  management  duojs  browserify 
august 2014
flexbox in 5 minutes
flexbox in 5 minutes

an interactive tour of all the major features of the new CSS property: flexbox.
css  css3  flexbox  tutorial  play 
august 2014
Framer – A prototyping toolkit
Built for designers to turn static mockups into prototypes with animation & interaction
animation  design  mobile  prototyping 
may 2014
Why Users Aren’t Clicking Your Home Page Carousel - UX Movement
Wwhat’s needed on a carousel is a clear, visible label navigation. Labels are informative, meaningful and describe what users want.
carousel  design  ux 
may 2014
Code smells in CSS – CSS Wizardry
How can you tell if your CSS code smells? What are the signs that the code is sub-optional, or that the developer hasn’t done a good job? What do you look for in the code to determine how good or bad it is?
code  css  patterns  smell 
may 2014
SPDY - SPDY — Google Developers
SPDY (pronounced "SPeeDY") is a new networking protocol whose goal is to speed up the web. SPDY augments HTTP with several speed-related features that can dramatically reduce page load time.
http  server  apache  spdy  google  smashing  magazine 
may 2014
Voorhoede - Front-end architecture
Presentation of Jasper Moelker (De Voorhoede Amsterdam) on front-end architecture with Angularjs.
architecture  angularJs  slides  slideshare  jasper  moelker  voorhoede 
may 2014
iPlotz: wireframing, mockups and prototyping for websites and applications
iPlotz allows you to rapidly create clickable, navigable mockups and wireframes for prototyping websites and software applications.
design  prototyping  wireframes  online 
may 2014
Qbaka is cloud-based frontend problem monitoring and analytics for web services.
error  tracking  javascript  monitoring  jshint 
april 2014
Brunch | ultra-fast HTML5 build tool
Brunch is an ultra-fast HTML5 build tool, like Grunt or Gulp. Less community support, simpler setup.
grunt  framework  build  tool 
april 2014
ESLint is an open source project originally created by Nicholas C. Zakas in June 2013. The goal of ESLint is to provide a pluggable linting utility for JavaScript. While JSHint and JSLint dominate JavaScript linting, neither one provides an API for plugging in your own rules. This means that if you need a new rule, you need to write it and get it accepted into the released product. That's lousy if you need to quickly add something to your build system or even if you need company-specific rules.
analysis  development  javascript  lint  eslint  jshint  jslint  zakaz 
march 2014
flexbox in the real world
Flexbox is awesome, but is it possible to use flexbox and still support IE8? If you follow these guidelines, you can start using flexbox today.
css  css3  flexbox 
march 2014
AngularJS Headless End to End Testing With Protractor and Selenium
For those of you who are already somewhat familiar with Protractor and Selenium and want to skip right to the end, you might take a look at my Vagrant VM for headless browser testing in Ubuntu, and Chef cookbook for the same. These set up a standalone server that can be used to run end to end tests of AngularJS sites in Chrome, Firefox, or PhantomJS, and address some of the issues that you will run into along the way.
testing  angularJs  protractor  selenium  vagrant  virtualbox 
march 2014
Collaborative design, instant API mock, generated documentation, integrated code samples, debugging and automated testing.
api  rest  development  server  test 
february 2014
In search of a better Windows console: using ansicon, console2, and git bash - Kev Web Dev
One of the major complaints Mac and Linux web developers have about developing on Windows is the lack of a fully-featured console. In this post I hope to show some ways of remedying this and making your development experience on Windows more productive and enjoyable.
windows  console  bash  console2 
january 2014
Testing Angular Apps End-to-End with Protractor
Until recently, ngScenario was the recommended tool for E2E tests in Angular apps, but now a new library called Protractor is being promoted. It wraps over WebDriverJS from the Selenium project and runs Jasmine tests.
angularjs  protractor  automated  testing 
january 2014
Yadda, WebdriverJS, Mocha: A BDD test framework using JavaScript | Tech @ Shazam
As part of Shazam’s BDD process, the Web team decided to start including automated acceptance test writing during the development process, with each developer in the team writing their own acceptance tests.
yadda  webdriverjs  shazam  bdd  testing  selenium  jasmine  mocha 
december 2013
More maintainable Gruntfiles
It's time to do something about your giant block of configuration. It's surprisingly easy to split this up into multiple files.
grunt  configuration  maintainability 
november 2013
Using UTF-8 in the full stack
How the fight encoding issues in HTML, CSS, JavaScript, on the server and in MySQL.
encoding  unicode  utf-8  mysql 
november 2013
Firefox OS Simulator - Firefox Developer Tools | MDN
Firefox firefoxos simulator tools mozilla
Met vriendelijke groet,
Tom  Greuter  from iphone
october 2013
Blog :: Envy Labs, Testing AngularJS Apps with Protractor
Protractor is built on top of WebDriverJS and Selenium Server. It introduces a new syntax along with many new features and changes, while maintaining that same close integration with AngularJS. For starters, it includes its own runner, meaning it’s to be used independently of Karma.
angularJs  protractor  e2e  testing  selenium 
september 2013
« earlier      
37signals accessibility actionscript adaptive addevent addy ajax analytics android angularjs apache api architecture asp backbone background backup bdd bestpractices blog boilerplate book browser browsers bug bugs build business button canvas captcha character chart cheatsheet chrome closures cms code coding color comments comparison compression conversion course css css3 data database debugging design development device dialogbox doctype documentation dom dutch editor email encoding events extension facebook feed firebug firefox fix flash flickr float font fonts forms framework free freeware fronteers future game generator git github google graphics grid grunt guide hack hacks heup howto html html5 icons ie ie6 ie7 image images inspiration interview introduction ios ipad iphone jasmine java javascript jquery json kars language layout learning less library links linux literature mail maintainability management marionette marketing markup media-queries memory menu microformats microsoft microsoftgadgets mobile modalbox modaldialog mozilla mvc mysql navigation node nodejs office online onload opensource opera optimization organization osmani overheid overview patterns performance photographs photos php pixel plugin png popup positioning ppk presentation print programming prototype qunit reader reference regular remote resources responsive review royaltyfree rss ruby rubyonrails russian s5 safari sass scripting search security selectors selenium semantics semanticweb seo server sinon slides slideshow socialsoftware software standards statistics style styleguide stylesheet sublime subversion svg tables tablet tagging templates test testing themes tips tool tools toread tricks tutorial typography ubuntu ui unit unobtrusive uri url usability utf-8 ux validation validator video vista visualization w3c wcag web web2.0 webdesign webdev webrichtlijnen webstandards widgets window windows wordpress writing wysiwyg xhtml xml yahoo

Copy this bookmark: