background preloader

Morf.js - CSS3 Transitions with custom easing functions

Morf.js - CSS3 Transitions with custom easing functions

The Shapes of CSS Learn Development at Frontend Masters CSS is capable of making all sorts of shapes. Squares and rectangles are easy, as they are the natural shapes of the web. Add a width and height and you have the exact size rectangle you need. We also get the ::before and ::after pseudo elements in CSS, which give us the potential of two more shapes we can add to the original element. Square Rectangle Circle Oval Triangle Up Triangle Down Triangle Left Triangle Right Triangle Top Left Triangle Top Right Triangle Bottom Left Triangle Bottom Right Curved Tail Arrow via Ando Razafimandimby Trapezoid Parallelogram Star (6-points) Star (5-points) via Kit MacAllister Pentagon Hexagon Octagon Heart via Nicolas Gallagher Infinity via Nicolas Gallagher Diamond Square via Joseph Silber Diamond Shield via Joseph Silber Diamond Narrow via Joseph Silber Cut Diamond via Alexander Futekov Egg Pac-Man Talk Bubble RSS Feed via Kevin Huff 12 Point Burst via Alan Johnson 8 Point Burst via Alan Johnson Yin Yang via Alexander Futekov TV Screen Lock

Online javascript beautifier JavaScript: The World's Most Misunderstood Programming Language Douglas Crockford www.crockford.com JavaScript, aka Mocha, aka LiveScript, aka JScript, aka ECMAScript, is one of the world's most popular programming languages. Virtually every personal computer in the world has at least one JavaScript interpreter installed on it and in active use. JavaScript's popularity is due entirely to its role as the scripting language of the WWW. Despite its popularity, few know that JavaScript is a very nice dynamic object-oriented general-purpose programming language. The Name The Java- prefix suggests that JavaScript is somehow related to Java, that it is a subset or less capable version of Java. JavaScript has a syntactic similarity to Java, much as Java has to C. JavaScript was not developed at Sun Microsystems, the home of Java. The -Script suffix suggests that it is not a real programming language, that a scripting language is less than a programming language. Lisp in C's Clothing Typecasting JavaScript was designed to run in Netscape Navigator. Moving Target

Web Standards Curriculum - Dev.Opera JavaScript Creator Says the Language Wasn't Just Dumb Luck JavaScript creator Brendan Eich has spoken out against the perception that JavaScript was an arbitrary or random success. In a comment at Hacker News Eich explains the historical context from which JavaScript emerged and how it was unlikely to have happened any other way. In comment at Lambda the Ultimate, Eich wrote: "History has reason and rhyme as well as chance, it is not all and only random. For my part, there was little 'arbitrary' in what I did, including the mistakes -- some of those weirdly recapitulated early LISP mistakes." Eich's comments were in response to comments like this one: "If Brendan Eich chose SmallTalk for the Netscape browser, that's probably what you'd be gushing about today." And this one: "It's just dumb luck and path dependence. Eich writes at Hacker News: "Subtle chains of cause and effect were at play among people involved, going back years to Silicon Graphics (Netscape drew from UIUC and SGI, plus montulli from Kansas, and jwz).

Beginners guide to Sitecore All articles Beginners guide to Sitecore If you are new to Sitecore and need a beginners guide, you have come to the right place. Learn Sitecore holds several articles when you need to get started with Sitecore: The following tutorial is a great beginners guide to Sitecore: If you need information about how to sort items in Sitecore take a look here Tutorial: How to manage sorting in Sitecore If you need a beginners guide to implement a XAML application in Sitecore, check out this article: Tutorial: How to build your first XAML application If you need a beginners guide to implement a multisite solution in Sitecore, check out this article: Tutorial: Building multisite solutions in Sitecore If you need to get started with Sitecore OMS, check out the following articles: If you are getting started with Sitecore and want to know more about Sitecore Caching, check out the following article: Tutorial: Understand Sitecore Caching If you need to implement a Lucene search, check out the following guide:

Underscore.js CSS2 - The display declaration The display property lets you define how a certain HTML element should be displayed. display: block display: block means that the element is displayed as a block, as paragraphs and headers have always been. A block has some whitespace above and below it and tolerates no HTML elements next to it, except when ordered otherwise (by adding a float declaration to another element, for instance). Live example: display: inline display: inline means that the element is displayed inline, inside the current block on the same line. display: block display: inline display: none display: none means that the element is not displayed at all (so you won't see it in the example either). display: none display: inline-block An inline block is placed inline (ie. on the same line as adjacent content), but it behaves as a block. display: block Let's add some content to see how the block behaves. display: inline-block; width: 10emLet's add some content to see how the block behaves. display: list-item display: list-item

TechCrunch E4X Quick Start Guide Table of Contents First came Javascript, introduced by Netscape and having no real non-marketing relation to the Java programming language. Then came JScript, Microsoft's Javascript implementation. But ECMAScript, which I'll still informally call Javascript for the remainder of this article, doesn't play terribly well with the primary markup languages of the web -- XML and HTML. Enter E4X, officially "ECMAscript for XML", a standard extension to Javascript that makes XML (and therefore XHTML) a first-class datatype within the language. This quick start guide should not only give you the basics of E4X, but also point out some of the tricky cases that an intermediate user will likely encounter. Literal XML E4X introduces a new type, "XML", which holds an XML element. var order = <order id="i1000423"><part id="p343-3456" quantity="2"/></order> ; Trick: You can't use an arbitrary XML element as an XML literal value. E4X also introduces the "XMLList" type, which holds a set of XML structures.

Related: