May 2013
4 posts
4 tags
Kendo UI Labs →
You use Kendo UI, but you may not always use JUST Kendo UI in your projects. Maybe you like to use Kendo UI with Knockout, or Angularjs, or even Backbone. Perhaps you need a widget that’s mostly like the Autocomplete, but not quite.
5 tags
Making AJAX Applications Crawlable →
If you’re running an AJAX application with content that you’d like to appear in search results, we have a new process that, when implemented, can help Google (and potentially other search engines) crawl and index your content. Historically, AJAX applications have been difficult for search engines to process because AJAX content is produced dynamically by the browser and thus not...
5 tags
Making AJAX Applications Crawlable →
If you’re running an AJAX application with content that you’d like to appear in search results, we have a new process that, when implemented, can help Google (and potentially other search engines) crawl and index your content. Historically, AJAX applications have been difficult for search engines to process because AJAX content is produced dynamically by the browser and thus not...
2 tags
A Collection of Page Transitions →
couple of animations that could be applied to “pages” for creating interesting navigation effects when revealing a new page. While some effects are very simplistic, i.e. a simple slide movement, others make use of perspective and 3d transforms to create some depth and dynamics. http://tympanus.net/Development/PageTransitions/
April 2013
6 posts
1 tag
6 Web application APIs — HTML 5 →
A vocabulary and associated APIs for HTML and XHTML
2 tags
ECMAScript 5 compatibility table →
Handy table like CanIUse.com for ecmascript 5 features.
2 tags
ECMAScript 5 compatibility table →
Handy table like CanIUse.com for ecmascript 5 features.
11 tags
Fontello - icon fonts generator →
Nice handy tool to get your blog up and running with predefined set of nice icons
5 tags
Bootstrap Enhancement · Dropdowns →
Support for radio and checkboxes Positioning of menus Bullet for menus
3 tags
Expect / Should - Chai →
Language Chains The following are provide as chainable getters to improve the readability of your assertions. They do not provide an testing capability unless they have been overwritten by a plugin. Chains to be been is that and have with at of
March 2013
3 posts
3 tags
Perfection kills →
Someone has been recently working on optimizing performance of a so-called one-page web app. The application was highly dynamic, interactive, and was heavily stuffed with new CSS3 goodness. I’m not talking just border-radius and gradients. It was a full stack of shadows, gradients, transforms, sprinkled with transitions, smooth half-transparent colors, clever pseudo-element -based CSS tricks, and...
2 tags
Intro.js →
Interesting proof of concept idea to highlight new features of your website
4 tags
Yeti →
Yeti automates tests written with QUnit, Jasmine, Mocha with Expect.js assertions, Dojo Objective Harness, or YUI Test. Built at Yahoo! by @reid and enhanced by the contributions of the YUI community, Yeti leverages Node.js and YUI to make testing easier than ever before. Yeti was made to test the YUI project on its wide collection of Target Environments. Adding the latest new device to your...
February 2013
8 posts
3 tags
DeepTissue.js - A Touch Abstraction Library →
Deeptissue.js is a helper library to abstract away the differences between the MSPointer, WebKit (Apple) Touch and Mouse event APIs The library was written with no 3rd party library, like jQuery, dependencies. The library does work just fine with jQuery. In fact I will have an additional jQuery file that provides extension methods structured consistently with the way jQuery abstracts standard...
3 tags
TexturePacker →
Works With Any Game Engine TexturePacker supports many game engines right out of the box Cocos2d iPhone - iPhone Corona(TM) SDK - Cross-platform game development framework Gideros - Cross platform game development framework Sparrow - iPhone LibGDX - Java (Android + Desktop) LimeJS - Javascript / HTML5 framework Ogre with CEGUI - 3D gaming framework and GUI Moai - Multiplatform gaming framework CSS...
3 tags
TexturePacker →
Works With Any Game Engine TexturePacker supports many game engines right out of the box Cocos2d iPhone - iPhone Corona(TM) SDK - Cross-platform game development framework Gideros - Cross platform game development framework Sparrow - iPhone LibGDX - Java (Android + Desktop) LimeJS - Javascript / HTML5 framework Ogre with CEGUI - 3D gaming framework and GUI Moai - Multiplatform gaming framework CSS...
5 tags
w2ui - Layout, Grid, Sidebar, Tabs, Toolbar,... →
jQuery Based The w2ui library is a set of interrellated jQuery plugins. It is not a adhoc port to jQuery, but was initially developed with jQuery in mind. There is no support of other frameworks such as prototype or dojo. Only 37kb Complete w2ui library is only 37kb (minified and gziped) and provides extremly fast load and execution times. It is 12 times smaller then extjs and 6 times smaller then...
4 tags
Flight by Twitter →
Flight is a lightweight, component-based JavaScript framework that maps behavior to DOM nodes. Twitter uses it for their web applications.
Components cannot be directly referenced, instead they communicate by triggering and subscribing to events. Consequently every component, and every component API, is entirely decoupled from every other component, so that components are highly portable and...
4 tags
Flight by Twitter →
Flight is a lightweight, component-based JavaScript framework that maps behavior to DOM nodes. Twitter uses it for their web applications.
Components cannot be directly referenced, instead they communicate by triggering and subscribing to events. Consequently every component, and every component API, is entirely decoupled from every other component, so that components are highly portable and...
3 tags
Modern.ie | Testing made easier in Internet... →
modern.IE is a dev center – free tools & resources – built so you can spend less time testing for the various versions of Internet Explorer and more time building what matters to you on the modern web.
5 tags
Jquery SVG plugin - Lazy Line Painter →
Implementing this plugin is broken into two parts.
Preparing your web-friendly data & Configuring lazy-line-painter.js
Preparing your SVG data
Create your Line art in Illustrator;
~ Ensure their are no fills.
~ No closed paths. i.e - Line needs a start and end.
~ Crop Artboard nice & tight!
Export as .SVG (Default export options are fine)
Drop your .SVG into ‘SVG to Lazy...
December 2012
11 posts
6 tags
AngularJS — JavaScript MVW Framework →
Yet another KnockoutJS like framework, this time by Google engineers & supported by Google.
HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.
4 tags
Online SVG editor →
Really interesting online tool - online SVG editor with possibility to save or export the result
5 tags
Calendario: A Flexible Calendar Plugin | Codrops →
The aim is to provide a suitable layout for both, small and big screens and keeping the calendar structure fluid when possible. On large screens we want to show a grid-based layout while on smaller screens, we want to simply stack the days of the month.
MIT licence
4 tags
Simple Effects for Drop-Down Lists →
A jQuery plugin for transforming select inputs into drop-down lists with some simple expanding effec
5 tags
MIX Online:Ai to Canvas Plug-In →
The Ai->Canvas plug-in enables Adobe® Illustrator® to export vector and bitmap artwork directly to an HTML5 canvas element that can be rendered in a canvas-enabled browser. The plug-in provides drawing, animation and coding options such as events so that you can build interactive, well-designed canvas-based web apps.
3 tags
codeSHOW - Home →
This is a Windows 8 HTML/JS project with the express goal of demonstrating simple development concepts for the Windows 8 platform. This is not a project to learn about end-to-end app architecture, but when you’re looking for how to do things like access the camera, implement an asymmetric ListView, or handle errors look to codeSHOW.
4 tags
10 Useful Responsive CSS Frameworks For Designers →
range of useful responsive CSS frameworks which can make your task quick and easy. These frameworks have all the complicated grids, layouts and media queries in place ready for you to add your own design and markup. Here’s a roundup of the most popular frameworks currently being used by designers
4 tags
Free ebook: Programming Windows 8 Apps with HTML,... →
We’re happy to release the Second Preview of our free ebook Programming Windows 8 Apps with HTML, CSS, and JavaScript, by Kraig Brockschmidt, today. Here’s a description of the ebook from Kraig:
Kraig here. Hello again! Now that the RTM build of Windows 8 is out and available to developers, along with upgraded tools, I’m delighted to offer the next preview release of my book, Programming Windows...
9 tags
PSDDD - Dribbble resourcesMost of posts are... →
PSDDD is a collection of resources from Dribbble for the creative professional.
Most of posts are selected by presence of PSD mockup
5 tags
Grid displayer bookmarklet for Twitter Bootstrap... →
In-browser web design made easier with this bookmarklet which displays the grid of your favourite front-end framework.- neither bootstrap or foundation
3 tags
OverAPI.com | Collecting all the cheat sheets →
Hugh collection of cheatsheets on various development technologies
November 2012
3 posts
7 tags
CodePen →
jsfiddle like tool oriented for inspiration goals.
5 tags
Font Awesome, the iconic font designed for use... →
Desktop Font + Vectors
The full desktop font and a pdf of vectors are now included. Happy designing.
70 New Icons in v2.0
All requested by our active community on the Font Awesome GitHub project.
IE7 Support
Font Awesome v2.0 now even supports IE7. If you need it, you have my condolences.
One font, 220 icons
In a single collection, Font Awesome is a pictographic language of web-related...
3 tags
Getting Started with TypeScript – Classes, Static... →
“TypeScript is a language for application-scale JavaScript development. TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. Any browser. Any host. Any OS. Open Source.”
TypeScript was created by Anders Hejlsberg (the creator of the C# language) and his team at Microsoft. To sum it up, TypeScript is a new language that can be compiled to JavaScript much like...
October 2012
15 posts
5 tags
Introduction to JavaScript Source Maps - HTML5... →
с в компиляторе TypeScript есть поддержка SourceMap.
Чтобы попробовать дебаг в действии создайте проект HTML Application with TypeScript.
В моем случае каталог с проектом такой d:\aprojects\TypeScriptTestApp1
Теперь необходимо скомпилировать файл app.ts с опцией -sourcemap
C:\projects\TypeScriptHTMLApp1> tsc -sourcemap app.ts
В результате на диске появится файл app.js.map
И в файле...
3 tags
Welcome to TypeScript →
Types enable TypeScript developers to use highly-productive development tools and practices: static checking, symbol-based navigation, statement completion, and code refactoring.
These types are optional, and type inference allows a few type annotations to make a big difference to the static verification of your code.
2 tags
Sugar: A Javascript library for working with... →
Расширяет нативные элементы Javascript полезными, интуитивными методами.
Прост для понимания и в использовании.
Метод SugarJS не используется при наличии метода в родной реализации браузера.
Имеет систему тестирования, имеющую огромный набор тестов.
Расширяет возможности работы с датой и временем, обеспечивает их форматирование на нескольких языках (русский есть).
Отлично ладит с другими...
6 tags
CSS3 Microsoft Modern Buttons →
Some try to get Metro like skin on Twitter Bootstrap
6 tags
Numeral.js →
Numeral.js is a standalone JavaScript library that offers simple-to-advanced formatting and manipulation of numbers.
It works in the client-side or node.js and can transform any number into currency, percentage, time, plain old numbers with decimal places, etc.
3 tags
Microsoft Ajax Minifier →
rem Toolkit JS
ReferencedLibs\ajaxmin -clobber ^
MyProject\Scripts\kendoui\js\jquery.min.js ^
MyProject\Scripts\kendoui\js\kendo.web.min.js ^
MyProject\Scripts\jquery.validate.min.js ^
MyProject\Scripts\jquery.validate.unobtrusive.js ^
MyProject\Scripts\jquery.unobtrusive-ajax.min.js ^
MyProject\Scripts\jqueryform\jquery.form.js ^
-o...
3 tags
Javascript Territory - Jster Javascript Catalog →
Private collection of the links to numerous javascript libraries.
3 tags
D3.js - Data-Driven Documents →
D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document. For example, you can use D3 to generate an HTML table from an array of numbers. Or, use the same data to create an interactive SVG bar chart with smooth transitions and interaction.
D3 is not a monolithic framework that seeks to provide every conceivable feature....
4 tags
WireIt →
Charting library that behaves like Yahoo pipes UI.
Based on yui3, but seems to be not very well illustrated in examples.
5 tags
BootMetro →
Yet another implementation of the Metro Style interface based on twitter bootstrap
3 tags
YUI 3.7.3 – Windows 8 Apps and IE 10 - YUI Blog →
With Windows 8, Microsoft is now enabling developers to use web technologies to build first-class apps for the Windows platform. These apps are also distributed through the Windows Store. We wanted to make sure YUI could be used to power Windows 8 apps, and today we are releasing YUI 3.7.3 which works excellently in all of the IE 10 runtimes in Windows 8, including the native Windows Runtime...
3 tags
cdnjs - the private open cdn →
You can host almost any library of your choice here
5 tags
WebPlatform.org — Your Web, documented →
Apple, Adobe, Facebook, Google, HP, Microsoft, Mozilla, Nokia и Opera объединились, чтобы создать “наиболее полный ресурс” для всех открытых веб-технологий webplatform.org.
We are an open community of developers building resources for a better web, regardless of brand, browser or platform. Anyone can contribute and each person who does makes us stronger. Together we can continue to drive...
3 tags
HTML5 API javascript fallback libraries →
Modernizr project collecting all the shims, fallbacks, and polyfills in order to implant html5 functionality in browsers that don’t natively support them.
The general idea is that: we, as developers, should be able to develop with the HTML5 apis, and scripts can create the methods and objects that should exist. Developing in this future-proof way means as users upgrade, your code...
3 tags
HTML5 API javascript fallback libraries →
Modernizr project collecting all the shims, fallbacks, and polyfills in order to implant html5 functionality in browsers that don’t natively support them.
The general idea is that: we, as developers, should be able to develop with the HTML5 apis, and scripts can create the methods and objects that should exist. Developing in this future-proof way means as users upgrade, your code...
