Software craftman...
Follow
Find tag "front"
2.7K views | +0 today
Software craftmanship and Agile management
All about software craftmanship, design and it's Agile management
Your new post is loading...
Your new post is loading...
Scooped by yannick grenzinger
Scoop.it!

Reactive MVC and the Virtual DOM — Futurice

Model-View-Intent is a unidirectional data flow architecture with Virtual DOM rendering for single-page web apps, similar to React and Flux but with plenty of surprising additions.
more...
No comment yet.
Scooped by yannick grenzinger
Scoop.it!

Effectively Managing Memory at Gmail scale - HTML5 Rocks

Effectively Managing Memory at Gmail scale - HTML5 Rocks | Software craftmanship and Agile management | Scoop.it
Learn how you to effectively manage memory at GMail scale.
more...
No comment yet.
Scooped by yannick grenzinger
Scoop.it!

Avoiding Event Chains in Single Page Applications

The Flux Architecture shows one effective way to achieve this. While in a React.js context, the pattern is essentially framework agnostic (and I'm sure that people have been doing this before Facebook).

Instead of a simple event bus, you implement something what Flux calls a Dispatcher.

A dispatcher is pretty much an event bus, but you can (optionally) enforce in what sequence the event is "dispatched" to its listeners.

more...
No comment yet.
Scooped by yannick grenzinger
Scoop.it!

How we make RWD sites load fast as heck | Filament Group, Inc., Boston, MA

How we make RWD sites load fast as heck | Filament Group, Inc., Boston, MA | Software craftmanship and Agile management | Scoop.it
At Filament Group, We design engaging sites and apps for mobile, tablet, desktop and beyond that are simple to use and accessible to everyone.
more...
No comment yet.
Scooped by yannick grenzinger
Scoop.it!

Performance Calendar » The Runtime Performance Checklist

Performance Calendar » The Runtime Performance Checklist | Software craftmanship and Agile management | Scoop.it

It’s really tempting to memorize a bunch of do’s and don’ts when it comes to performance, but you’ll end up with a couple problems:

You’ll misapply the rule because you haven’t established the context in which to use it. (The classic here is -webkit-transform: translateZ(0); it gets a lot of abuse.)Implementations change so you apply the rule when it no longer makes sense. Worse it might now be an antipattern!
more...
No comment yet.
Scooped by yannick grenzinger
Scoop.it!

5 surprisingly painful things about client-side JS - The Sourcegraph Blog

But single-page JavaScript frameworks aren’t a good fit for every site. Sourcegraph is primarily a content site, and we've discovered that for us the benefits of a rich JavaScript app don't outweigh the costs.

more...
No comment yet.
Scooped by yannick grenzinger
Scoop.it!

Raible Designs | You shouldn't have to worry about front end optimization

more...
No comment yet.
Scooped by yannick grenzinger
Scoop.it!

CSS Architecture

CSS Architecture | Software craftmanship and Agile management | Scoop.it
To many Web developers, being good at CSS means you can take a visual mock-up and replicate it perfectly in code. You don't use tables, and you pride yourself on using as few images as possible. If...
more...
No comment yet.
Scooped by yannick grenzinger
Scoop.it!

The Web Development Landscape for 2014

The Web Development Landscape for 2014 | Software craftmanship and Agile management | Scoop.it
Introduction 2013 was a great year for Web Development. Javascript Single Page Application technologies like AngularJS had a tremendous growth during the year, because even though learning AngularJ...
more...
No comment yet.
Scooped by yannick grenzinger
Scoop.it!

Lunatech Blog: What every web developer must know about URL encoding

more...
No comment yet.
Scooped by yannick grenzinger
Scoop.it!

javascript - How to design a multi-user ajax web application to be concurrently safe - Stack Overflow

more...
No comment yet.
Scooped by yannick grenzinger
Scoop.it!

Front-end performance for web designers and front-end developers – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts

Articles on CSS, OOCSS, front-end architecture, scalability and performance.
more...
No comment yet.
Scooped by yannick grenzinger
Scoop.it!

JavaScript Application Architecture On The Road To 2015

JavaScript Application Architecture On The Road To 2015 | Software craftmanship and Agile management | Scoop.it
On an architectural level, the way we craft large-scale applications in JavaScript has changed in at least one fundament…
more...
No comment yet.
Scooped by yannick grenzinger
Scoop.it!

Automating Web Performance Measurement With PSI For Node

Cross-posted to HTML5Rocks Web performance can have a huge impact on your entire user experience. If you’ve been looking at improving your own site’s perf
more...
No comment yet.
Scooped by yannick grenzinger
Scoop.it!

String Templating Considered Harmful

generating HTML from string templates is an inefficient process that imposes unnecessary constraints on how we conceptualize web 

more...
No comment yet.
Scooped by yannick grenzinger
Scoop.it!

Design for Performance // Speaker Deck

Links, tools and other resources mentioned in the slides: http://laraswanson.com/design/

more...
No comment yet.
Scooped by yannick grenzinger
Scoop.it!

Lessons from Building LinkedIn Mobile - HTML5 & Node.js

Kiran Prasad discusses what impact mobile has on architecture, explaining how HTML5 and Node.js can help, and sharing how to use these technologies effectively at scale.
more...
No comment yet.
Scooped by yannick grenzinger
Scoop.it!

Security Affair

Apps are shifting more logic to the client, which is changing the security landscape. These are exciting times for the web.
more...
No comment yet.
Scooped by yannick grenzinger
Scoop.it!

High Performance Networking in Google Chrome - igvita.com

Chrome gets faster as you use it. Chrome learns the topology of the web, browsing patterns, and critical resources on every page to optimize your browsing! A look under the hood of how it all comes together...
more...
No comment yet.