Lucas Cobb Design

Angular Javascript

cobblucas — Sun, 27 May 2012 14:08:06 +0000

AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop. AngularJS is a toolset for building the framework most suited to your application development. It is fully extensible and works well with other libraries. Every feature can be modified or replaced to suit your unique development workflow and feature needs

https://github.com/angular/angular.js

SphaQL

cobblucas — Sat, 26 May 2012 14:08:03 +0000

SpahQL, a query language and data manipulation library for dealing with Javascript objects. Javascript doesn’t make dealing with structured data easy at all. Even when you’re working with data you control, you’re having to put filthy, nasty null checks and do-while descent loops everywhere.

http://angryamoeba.co.uk/spahql-announce/

WYSIHTML5

cobblucas — Fri, 25 May 2012 13:00:37 +0000

WYSIHTML5 is an open source rich text editor based on HTML5 technology and the progressive-enhancement approach. It uses a sophisticated security concept and aims to generate fully valid HTML5 markup by preventing unmaintainable tag soups and inline styles.

Features

It’s fast and lightweight (smaller than TinyMCE, Aloha, …)
Auto-linking of urls as-you-type
Generates valid and semantic HTML5 markup (even when the content is pasted from MS Word)
Uses class names instead of inline styles
Unifies line break handling across browsers
Uses sandboxed iframes in order to prevent identity theft through XSS
Speech-input for Chrome
No jQuery required

A better approach to rich text editing: http://xing.github.com/wysihtml5

WordPress Page Template Snag List

cobblucas — Thu, 24 May 2012 22:52:54 +0000

The idea behind this script is injecting a div at the top of each page that listes ‘snags’ for that particular template. Once a snag is complete we can simply delete the message. This way will have a one to one relationship between the page and what’s left to be done, there will be zero confusion.

https://gist.github.com/2761605

PEG JS

cobblucas — Thu, 24 May 2012 13:00:09 +0000

PEG.js is a simple parser generator for JavaScript that produces fast parsers with excellent error reporting. You can use it to process complex data or computer languages and build transformers, interpreters, compilers and other tools easily.

Check it out here:: http://pegjs.majda.cz

Laker

cobblucas — Wed, 23 May 2012 22:16:36 +0000

Laker is a compendium of files, frameworks, styles and tips for designing digital publications in HTML5.

Core Features:: Distribute your publication as an app for iPhone and iPad. The layout scales automatically depending on screen size and orientation. – Swipe to change pages (on iPad & iPhone) – DoubleTap to show a table of contents (on iPad & iPhone) – Implement native looking slideshows (on iPad & iPhone) – Include sound, YouTube videos, images, multi-column layouts and more – The layout even adapts to a desktop browser (experimental) – No webserver required – Fully customizable – Build digital magazines, catalogues, slideshows, surveys, conference schedules and everything else you can imagine.

http://www.lakercompendium.com/

Kinesis

cobblucas — Wed, 23 May 2012 14:17:03 +0000

The framework gives access to: (1) Gesture Recognition like hand swipe, multiple joint tracking and various body movements. (2) Speech Recognition to aid actionable keywords. (3) 3D depth data to facilitate augmented reality apps.

Kinesis leverages technologies web developers already know best HTML/CSS/JavaScript. So you can reuse your existing code and existing team to build gesture enabled applications.

http://kinesis.io/home

Responsive Javascript

cobblucas — Tue, 22 May 2012 21:52:50 +0000

As well as passing an array of objects when you initialise the plugin, you can add extra callbacks at any time. This is especially handy if you’ve got multiple JS files across the site that need to test whether a query is true.The addQuery function returns a reference to the object you added, so you can remove it later if you need to. This weighs in at a whopping 1.06KB (517 bytes gzipped), well worth including in your next project.

http://www.springload.co.nz/love-the-web/responsive-javascript

Fixie JS

cobblucas — Mon, 21 May 2012 21:29:04 +0000

An open source tool that automatically adds filler content to HTML documents. Adding lorem ipsum text to HTML documents involves copy-pasting, manual editing, and increasingly unwieldy code. By interpreting your semantic HTML5 tags, Fixie will automagically add the right type of content in the right places. Headings, paragraphs, links, images, sections… trust me, it’s all there. That way you can focus on your design, instead of finding the right filler content.

http://fixiejs.com

JQuery Knob

cobblucas — Wed, 16 May 2012 14:09:02 +0000

Canvas based ; no png or jpg sprites – touch events implemented – downward compatible ; overloads an input element.

The following options (data-*=attributes) are supported : min : min value, max : max value, cursor : display mode “cursor” | default=gauge, thickness : gauge thickness, width : dial width, displayInput : default=true | false=hide input, fgColor : foreground color, bgColor : background color, ticks : number of ticks | 0=disable, tickColor, tickLength, tickWidth, tickColorizeValues : colorize ticks, readOnly : disable input and events, skin : default | “tron”

https://github.com/aterrien/jQuery-Knob