background preloader

YUI Library

YUI Library
Why YUI? Fast YUI's lightweight core and modular architecture make it scalable, fast, and robust. Built by frontend engineers at Yahoo!, YUI powers the most popular websites in the world. Complete

Related:  svg

SVG Clip Path SVG clip paths, or SVG clipping as it is also called, are used to clip an SVG shape according to a certain path. The parts of the shape inside the path are visible, and the parts outside are invisible. Clip Path Example Here is a simple clip path example: This example defines a clip path that is shaped like a rectangle (the shape inside the <clipPath> element). The circle defined at the end of the example references the <clipPath> id attribute via the clip-path CSS property. Agility.js - Gallery The websites and apps below use Agility.js in production. If you would like to add your startup/site here, let us know! Twitter Bootstrap Tutorial Twitter Bootstrap Tutorial has average rating 7 out of 10. Total 2151 users rated. <<PreviousNext>> Objective The most popular of the front end frameworks, Twitter Bootstrap, has come to it's third version (v3.0.0). This tutorial will get you started with Twitter Bootstrap 3.

JavaScript - MDC Doc Center JavaScript (JS) is a lightweight, interpreted, programming language with first-class functions. While it is most well-known as the scripting language for Web pages, many non-browser environments also use it, such as node.js and Apache CouchDB. JS is a prototype-based, multi-paradigm, dynamic scripting language, supporting object-oriented, imperative, and declarative (e.g. functional programming) styles. Read more about JavaScript. Why Postgres - Craig Kerstiens This post is a list of many of the reasons to use Postgres, much this content as well as how to use these features will later be curated within If you need to get started check out for Mac, or get a Cloud instance at Heroku Postgres for free UPDATE: A part 2 has been posted on Why Use Postgres Very often recently I find myself explaining why Postgres is so great. In an effort to save myself a bit of time in repeating this, I though it best to consolidate why Postgres is so great and dispel some of the historical arguments against it. Replication

SVG Masks The SVG masking feature makes it possible to apply a mask to an SVG shape. The mask determines what parts of the SVG shape that is visible, and with what transparency. You can think of an SVG mask as a more advanced version of a clip path. Mask Example

Build CRUD Application with jQuery EasyUI - jQuery EasyUI Build CRUD Application with jQuery EasyUI Tutorial » Build CRUD Application with jQuery EasyUI It has become a common necessily for web application to collect data and manage it properly. CRUD allows us to generate pages to list and edit database records. This tutorial will show you how to implement a CRUD DataGrid using jQuery EasyUI framework.

Javascript in Modern Web Design In today's web design, Javascript is a must-have component. Aside from its functionality, Javascript can enhance user experience by creating transitional effects such as fading and sliding animation. Thanks to the open source Javascript frameworks, we don't need to write custom Javascript from scratch anymore. Here are 47 Javascript plugins that you can use to enhance the user experience and functionality of your website. Don't forget to check out the sample sites, which show how the plugins can be used. Combined Facebook, Twitter & RSS Social Stats with jQuery, PHP & YQL Martin Angelov As we increasingly depend on more and more social services, there rises the need to provide a simple way to let our website visitors take part of our diverse social presence. In this tutorial we are going to create a simple widget, which combines the number of your RSS readers, twitter followers, and fans of your facebook fan page, to give a rough estimate of your social popularity. We are using jQuery and the tipTip plugin, object-oriented PHP, and Yahoo’s YQL, while demonstrating a number of interesting web development techniques. Update (Jun 17th, 2013): All the APIs used in this tutorial have been deprecated or changed, so unfortunately the social stats won’t work any more.

Draggable SVG element A common form of computer interaction is the ability to move an element on the screen by clicking on it and dragging it. This can achieved relatively easily in an SVG as below. I used this techique a lot for the interactive demos in my SVG tutorial. Set up First we start with some objects we want to move and give them the class "draggable", for example: This doesn't do very much, but it means we can style the elements with CSS.

node-rest-client NOTE: _Since version 0.8.0 node does not contain node-waf anymore. The node-zlib package which node-rest-client make use of, depends on node-waf.Fortunately since version 0.8.0 zlib is a core dependency of node, so since version 1.0 of node-rest-client the explicit dependency to "zlib" has been removed from package.json. therefore if you are using a version below 0.8.0 of node please use a versión below 1.0.0 of "node-rest-client". _ Allows connecting to any API REST and get results as js Object. The client has the following features:

Javascript - Noupe Design Blog Pump up da Project: 5 Must-Have JavaScripts (February 2014 Edition) Have you already heard of “You might not need jQuery”? That site created ripples soon after its release a few weeks ago. It suggests that you might be better off targeting modern browser features directly, instead of relying on jQuery to achieve basically the same. Then again, who as a developer can actually determine which browsers will definitely not be used for visiting the project about to be created. Why You’re a Bad PHP Programmer We all have our bad habits. In this article, we'll go over a list of bad practices that are worth examining, reevaluating, and correcting immediately. Republished Tutorial Every few weeks, we revisit some of our reader's favorite posts from throughout the history of the site.

Related:  Front-end librariesknowledge baseJSFrameworks javascriptjsLibrairies JavascriptJS FrameworksexpansionjavascriptLibraries & Utilitiesframeworks tools librariesSIGJavascriptLibrairies JSJS