javascript

Simple aggregation | Drupal.org

Link:

https://www.drupal.org/project/simple_aggregation

A simple aggregation module for Drupal 7 that reduces the number of aggregated files by: Moving the “System” aggregate to the start of the “Module” aggregate. Preventing modules from adding CSS files with the "screen" media type. (They are converted to "all".) Preventing external CSS files, inline CSS, IE conditional CSS files, or different media type CSS files from splitting aggregate files due to the order they were added to the system. Preventing empty aggregate files from being loaded. Project goal To be a configuration-less aggregation option that works better than core.

drupaleasypodcast

javascript

css

performance

JSON API - About

Link:

http://jsonapi.org/

Some servers, like Firebase, Parse and CouchDB already define strict communication protocols for clients, and were good fits for Ember Data. In contrast, servers written in Rails, Node, and Django tend to be written in a "REST-style" but lack the precision necessary for drop-in client code. The REST Adapter in Ember Data implicitly defined a protocol that custom servers could implement to get a drop-in client for all of their resources.

api

data

javascript

JSON API - About

Link:

http://jsonapi.org/

Some servers, like Firebase, Parse and CouchDB already define strict communication protocols for clients, and were good fits for Ember Data. In contrast, servers written in Rails, Node, and Django tend to be written in a "REST-style" but lack the precision necessary for drop-in client code. The REST Adapter in Ember Data implicitly defined a protocol that custom servers could implement to get a drop-in client for all of their resources.

api

data

javascript

What is an isomorphic application? | Lullabot

Link:

https://www.lullabot.com/articles/what-is-an-isomorphic-application?utm_source=L…

I have fallen in love with this kind of architecture. In the past, we would use AJAX and a bit of server-side code to make certain interactions with the page dynamic, but this always involved duplicating logic across both PHP and JavaScript. The most common example of this is a pager, where a direct request to ?page=2 is processed differently than a click on a pager link that takes you to page 2.

javascript

server

ajax

drupaleasypodcast

Importing CSS Breakpoints Into Javascript | Lullabot

Link:

https://www.lullabot.com/blog/article/importing-css-breakpoints-javascript

A quick and easy solution to this problem is to have your JS import the breakpoints directly from the CSS values in the DOM. This solution brings the current breakpoint variable into your JS in a way that's Simple & Lightweight DRY Compatible with all browsers that support media queries (IE9+)

drupaleasypodcast

css

javascript

responsive

tips

theming

Karma - Spectacular Test Runner for Javascript

Link:

http://karma-runner.github.io/0.12/index.html

The main goal for Karma is to bring a productive testing environment to developers. The environment being one where they don't have to set up loads of configurations, but rather a place where developers can just write the code and get instant feedback from their tests. Because getting quick feedback is what makes you productive and creative.

javascript

testing

tools

p5.js

Link:

http://p5js.org/

Hello! p5.js is a JavaScript library that starts with the original goal of Processing, to make coding accessible for artists, designers, educators, and beginners, and reinterprets this for today’s web. Using the original metaphor of a software sketchbook, p5.js has a full set of drawing functionality. However, you’re not limited to your drawing canvas, you can think of your whole browser page as your sketch! For this, p5.js has addon libraries that make it easy to interact with other HTML5 objects, including text, input, video, webcam, and sound.

javascript

processing

library

js

interactive

animation

framework

battideas

learning

examples

browser

iLoveCoding: Learn Javascript via Video Screencasts

Link:

https://ilovecoding.org/

iLovecoding makes you a confident and resourceful developer – someone who can solve ANY programming task. We have you focus on Javascript-based technology, which is the most popular and versatile language on planet. You will go from mastering the basics to going pro with Javascript Programing Language, Angular JS, jQuery, Node JS, HTML5 & CSS3. In this process, you will become a complete holistic coder, who has a solid understanding of building great software, apps and websites.

education

learning

code

javascript

CodePen - Front End Developer Playground & Code Editor in the Browser

Link:

http://codepen.io/

CodePen is for Web Designers and Front End Developers. It is an HTML, CSS, and JavaScript code editor in your browser with instant previews of the code you see and write. It is a searchable trove of your own creations, and a world of other people's creations. A place to troubleshoot, to teach, to learn, to test, and to grow.

code

html5

Programming

javascript

html

css

svg

inspiration

battideas

Angles | Drupal.org

Link:

https://www.drupal.org/project/angles

An API module that allows you to define blocks as Angular JS controllers. You define which JS and HTML views to load in a hook in your own module and the information is loaded when that block is requested (you must go to the blocks page and create the Angles block.) Note for developers: You'll want to set angles_cache_blocks to 0 (drupal variable) to turn off the built in view html caching. This module currently requires Context to define the app name. You can bypass this by defining the app name manually in one of the page level templates if you so choose.

drupaleasypodcast

javascript