My collection of ...
Follow
9.4K views | +8 today
Scooped by Denny Trebbin
onto My collection of programming and related stuff
Scoop.it!

skelJS: A framework for building responsive sites and apps.

A lightweight frontend framework for building responsive sites and apps. Provides a configurable grid system, responsive breakpoint handler, and numerous other features. MIT licensed.
Denny Trebbin's insight:

jQuery based CSS framework. If jQuery is already on your dependency list then skelJS can be a good option for your UI :) If not checkout AuraJS :D

more...
No comment yet.
My collection of programming and related stuff
I try to collect anything good about topics that helps me to get stuff done.
Curated by Denny Trebbin
Your new post is loading...
Scooped by Denny Trebbin
Scoop.it!

React.js: an interactive tutorial to get started

React.js: an interactive tutorial to get started | My collection of programming and related stuff | Scoop.it

ReactJS http://t.co/niNWpuGfEt

more...
No comment yet.
Scooped by Denny Trebbin
Scoop.it!

CowDB - Pure Key/Value database for Erlang Applications.

Cowdb implements an indexed, key/value storage engine. The primary index is an append-only btree implemented using CBT a btree library extracted from Apache CouchDB. Get started!

more...
No comment yet.
Rescooped by Denny Trebbin from JavaScript for Line of Business Applications
Scoop.it!

Building Dashboards with ReactJS

Building Dashboards with ReactJS | My collection of programming and related stuff | Scoop.it

If you're working with data you often end up a wanting dashboard- style view - a single page of independent but related widgets (tables, charts, etc) which facilitates an at-a-glace summary of the dataset you're working with.

The difficulty here is that the web was designed as a document rendering system, whereas a dashboard requires something more akin to a component management system. And this bias is built into most common webservers, which require you to set up templates for each view and then inject variables into those templates. Which is fine if you only have one table per page, but things quickly becomes unmanageable if you're trying to manage multiple components - you find yourself replicating template markup all over the place and hacking together custom JS code to manage each component's state.

Worse still, an individual component can't update itself in isolation - the only option is to re- render the entire page, with all the performance implications that entails; you can forget about real time updates for a start.


Via Jan Hesse
more...
No comment yet.
Rescooped by Denny Trebbin from JavaScript for Line of Business Applications
Scoop.it!

Building robust web apps with React: in-browser prototypes, optimising with Browserify, testing with Jasmine

Building robust web apps with React: in-browser prototypes, optimising with Browserify, testing with Jasmine | My collection of programming and related stuff | Scoop.it
The robustness engrained into key parts of the web stack gets forgotten as we build more dynamic applications, users might not get anything when even a small problem occurs. React provides a straightforward means to creating adaptive-hybrid or isomorphic web applications which can inject robustness back into our projects.

 

 

in-browser prototypesoptimising with Browserifytesting with Jasmine
Via Jan Hesse
more...
Scooped by Denny Trebbin
Scoop.it!

Erlang Central | The Polyglot in the Code – An Elixir/Ruby Mashup ...

Erlang Central | The Polyglot in the Code – An Elixir/Ruby Mashup ... | My collection of programming and related stuff | Scoop.it
The Polyglot in the Code – An Elixir/Ruby Mashup. As programmers, change is our only constant. Whether it's innovations in our current stack or the emergence of new languages and frameworks, there is always a new ...
more...
No comment yet.
Rescooped by Denny Trebbin from JavaScript for Line of Business Applications
Scoop.it!

Flux in practice - A guide to building UIs with React

Flux in practice - A guide to building UIs with React | My collection of programming and related stuff | Scoop.it

In my previous post, I extolled the virtues of Flux, echoing many of the points given by the Facebook engineers in their excellent F8 talk on the topic. It amounted to a high-level overview of what you might expect to find in Flux-style application, but not much more than that.

So, what does it actually mean to write an application in the Flux way? At that moment of inspiration, when faced with an empty text editor, how should you begin?


Via Jan Hesse
more...
No comment yet.
Scooped by Denny Trebbin
Scoop.it!

Flux for React

Flux for React | My collection of programming and related stuff | Scoop.it
Flux
Flux (GitHub: BinaryMuse / fluxxor, License: MIT, Bower: fluxxor) by Brandon Tilley is a library designed to work with Facebook’s React. It provides an application architecture that’s based around a dispatcher, stores, and views.
more...
No comment yet.
Scooped by Denny Trebbin
Scoop.it!

Component-based Web Apps with React

ReactJS is a toolkit for building component-based web applications. React shines at being fast and effortless by its clever use of DOM simulation to minimize the amount of DOM manipulations and look-ups performed.
more...
No comment yet.
Rescooped by Denny Trebbin from UXploration
Scoop.it!

Language is Infrastructure - IA Summit 2014 #ias14

My talk from IA Summit 2014 in San Diego, all about how language is a material for making, and creates environments, for organizations, systems, and experiences.


Via Mario K. Sakata
more...
No comment yet.
Scooped by Denny Trebbin
Scoop.it!

VICE VERSA - diagonal UI optimized for single hand IX

Vice Versa is a diagonal form of binary UI optimized for single handed use of mobile devices that better reflects the natural movement of the thumb.
more...
No comment yet.
Rescooped by Denny Trebbin from UX Design : user experience and design thinking
Scoop.it!

A Must Have Tool: The Data Visualisation Catalogue

A Must Have Tool: The Data Visualisation Catalogue | My collection of programming and related stuff | Scoop.it
Readers: This is something I find to be very worthwhile and a great tool to have available when you have data, but can't decide on which visualization is best to use. The Data Visualisation Catalog...

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

Home | Onsen UI

Home | Onsen UI | My collection of programming and related stuff | Scoop.it
Onsen UI, HTML5 UI framework for modern mobile application.
more...
No comment yet.
Scooped by Denny Trebbin
Scoop.it!

L20n: JavaScript Localization Framework From Mozilla

L20n: JavaScript Localization Framework From Mozilla | My collection of programming and related stuff | Scoop.it
L20n is an open source, JavaScript localization framework from Mozilla. It is designed to be very expressive along with several features such as adapting to Screen sizes, good separation of concerns, graceful handling of pluralization, support for default when there are multiple variants, and more.
more...
No comment yet.
Scooped by Denny Trebbin
Scoop.it!

Build responsive UIs with Facebook's React.js | Tutorials | Web ...

Build responsive UIs with Facebook's React.js | Tutorials | Web ... | My collection of programming and related stuff | Scoop.it
From the developers of Facebook and Instagram, React.js will help you learn how to construct responsive UIs.
more...
No comment yet.
Scooped by Denny Trebbin
Scoop.it!

Elixir v0.14.0 released - Elixir

Elixir v0.14.0 released - Elixir | My collection of programming and related stuff | Scoop.it
Elixir v0.14.0 official release announcement: http://t.co/bEyuBxWsGs
more...
No comment yet.
Scooped by Denny Trebbin
Scoop.it!

150+ Free High-Res Low-Poly, Geometric and Polygonal Backgrounds

150+ Free High-Res Low-Poly, Geometric and Polygonal Backgrounds | My collection of programming and related stuff | Scoop.it
I hope you will enjoy my last two articles (low-poly tutorials and low-poly portrait illustrations) which was almost cover the latest and hottest trends in web and graphic design industry.
more...
No comment yet.
Scooped by Denny Trebbin
Scoop.it!

Large Scale with Elixir | Rain Blog

Elixir is a language intended to be easy to learn. Since Elixir is built on Erlang, it gains all the benefits of Erlang. This also means they can be used interchangeably. Elixir can call into Erlang code with no overhead since it ...
more...
No comment yet.
Scooped by Denny Trebbin
Scoop.it!

Compressor.io: Free Tool Reduces The File Size of Your JPEG, PNG, GIF or SVG by up to 90 Percent

Compressor.io: Free Tool Reduces The File Size of Your JPEG, PNG, GIF or SVG by up to 90 Percent | My collection of programming and related stuff | Scoop.it
  

A new web app by not so unknown Stephane Lyver delivers automatic image optimization for the common formats JPEG, PNG, GIF and SVG. The compression is able to either work lossy or lossless.
Denny Trebbin's insight:

Its very very useful for when Sketch.app is used to produce .svg files. Unfortunately the image comparator is not fair. It always shows only small preview instead using popup or full screen view.

more...
No comment yet.
Rescooped by Denny Trebbin from ReactJS
Scoop.it!

Understanding Flux — Medium

Understanding Flux — Medium | My collection of programming and related stuff | Scoop.it
At the recent F8 developer conference, Tom Occhino, Pete Hunt and Jing Chen from the Facebook engineering team gave insight into the…

Via Nimesh
more...
Nimesh's curator insight, May 19, 9:12 AM

Understanding Flux architecture

Scooped by Denny Trebbin
Scoop.it!

Layers CSS

Layers CSS | My collection of programming and related stuff | Scoop.it
A lightweight, unobtrusive, style-agnostic CSS pack. Build your look on the web, not Twitter's – and build it fluid. Comes with no bullshit.
more...
No comment yet.
Scooped by Denny Trebbin
Scoop.it!

The npm Debacle was Partly Your Fault (and here’s what you can do about it) | Let’s Code JavaScript

more...
No comment yet.
Scooped by Denny Trebbin
Scoop.it!

Shadow DOM — Acko.net

Shadow DOM — Acko.net | My collection of programming and related stuff | Scoop.it
Why HTML/CSS is broken and how to fix it.
more...
No comment yet.
Scooped by Denny Trebbin
Scoop.it!

chajs/cha

chajs/cha | My collection of programming and related stuff | Scoop.it
Make task chaining.
Denny Trebbin's insight:

After Grunt, Gulp and Broccoli we now have a next try on creating a build system for the future.

Cha looks promising and it eliminates the need of maintaining plugins.

Try it!

more...
No comment yet.
Scooped by Denny Trebbin
Scoop.it!

Getting started with Gulp

I followed this guide by Mark Goodyear to try Gulp (a Grunt competitor) out. I don't use either of them at a level where I'm qualified to have a strong opinion about betterness. They both work for me.
more...
No comment yet.
Scooped by Denny Trebbin
Scoop.it!

International box-sizing Awareness Day

International box-sizing Awareness Day | My collection of programming and related stuff | Scoop.it
It's February 1st today, which I've decided to declare International box-sizing Awareness Day. In honor of, you guessed it, the most humble and undersung, yet awesome and useful CSS property: box-sizing.
more...
No comment yet.