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. Then came ECMAscript, the standardized version of the language which unified the flavors (at least the basics) and provided consistent behavior and licensing terms to implementations.
Soon there were lots of ECMAscript implementations, in browsers from Firefox and Internet Explorer and Opera and Safari, through to Adobe's Flash. 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.
Literal XML E4X introduces a new type, "XML", which holds an XML element. Trick: Know your context. C.phone. Constructing XML c. 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. 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:
Web Standards Curriculum - Dev.Opera. Time Zone Map. 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. Add border-radius and you can round that shape, and enough of it you can turn those rectangles into circles and ovals. 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 TV Screen Lock.
Morf.js - CSS3 Transitions with custom easing functions. You think you know (JavaScript) but you have no idea. The language in the lab. 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.
How can this be a secret? 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 Moving Target Design Errors Bad Books. 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). Underscore.js. TechCrunch. Xwalk. CSS / DHTML Hybrid Navigation Bar. Inspired by Eric Meyer's pure CSS menus and the recently re-vamped DevEdge, I created this hybrid of CSS and DHTML, based on a simple unordered-list. Since the core data is HTML, it degrades all the way back to white text on a black background. It's coded to work up to six levels deep, but this can easily be extended, with just two lines of CSS per additional level. The whole thing, including the list itself, weighs in at less than 10K! Please note this menu is of an experimental, and not entirely stable, nature; I later acheived much better results by abandoning behaviors and using minimal OO JavaScript instead.
For Mozilla 1.0 RC2 or later, Opera 7 and Safari the menus work with pure CSS. For Windows Internet Explorer 5 or later, which doesn't support :hover on list-items, it uses a DHTML behaviour attached to the same element. One of these is a white background on the menu list containers, to stop events passing through them (! 40 New JavaScript Tutorials with Helping Techniques. We are like to presenting some useful JavaScript tutorials, jQuery snippets, libraries, articles, tools and resources, we’re today with some latest techniques about javascript. In this round-up we sharing calendars, forms, buttons, navigation, debugging, optimization and compatibility tables as well as handy resources and tools.
We also cover various jQuery-plugins that will help you extend the functionality of your website development and improve user experience with ready components or coding solutions. Most of the Web Developers and Designers are using mostly JavaScript as per latest design requirements, because now many modern techniques are available on world wide web, we always follow various web techniques and scripts for best user experience, we sharing most wanted JavaScript Tutorials as per modern web needs. Hope you like all listed tutorials which will more helping in your web development, you may share your own experience about js (JavaScript) here as comment. SlideViewer. JavascriptTips - jslibs - JavaScript language advanced tips and tricks - standalone JavaScript development runtime environment with general purpose native libraries.
These tips and tricks are not related to any web browser or any Document Object Model (DOM), they are only general purpose tips and tricks for the JavaScript language. Some of these tricks are using a latest version of JavaScript language (v1.8) and cannot run with the Microsoft Implementation of JavaScript (v1.5). All these tricks has been tested with the Mozilla SpiderMonkey/TraceMonkey JavaScript engine (v1.8).
You can try these examples using jshost, a command-line JavaScript interpreter. (download it). If you need more explanation about one of the following tips, don't hesitate to ask me or use the comment section at the end of this page. See the TOC at the end of the page. Append an array to another array var a = [4,5,6];var b = [7,8,9];Array.prototype.push.apply(a, b); uneval(a); // is: [4, 5, 6, 7, 8, 9] Milliseconds since epoch +new Date() // 1259359833574 Simulate threads using yield operator JavaScript 1.7 //// thread definitionfunction Thread( name ) { for ( var i = 0; i < 5; i++ ) { note.
In Unix, how do I use the scp command to securely transfer files between two computers. In Unix, you can use SCP (the scp command) to securely copy files and directories between remote hosts without starting an FTP session or logging into the remote systems explicitly. The scp command uses SSH to transfer data, so it requires a password or passphrase for authentication. Unlike rcp or FTP, scp encrypts both the file and any passwords exchanged so that anyone snooping on the network cannot view them. Syntax The syntax for the scp command is: scp [options] username1@source_host:directory1/filename1 username2@destination_host:directory2/filename2 The location of the source file is specified by username1@source_host:directory1/filename1 , which includes the: Name of the account on the host computer (username1) Hostname of the computer on which the source file resides (source_host) Name of the directory containing the source file (directory1) Filename of the source file (filename1) Note: Make sure to include a space between the source and destination paths.
Man scp Examples. Coding A HTML 5 Layout From Scratch - Smashing Magazine. JavaScript Source: Free JavaScripts, Tutorials, Example Code, Reference, Resources, and Help - JS. AJAX Suggest Front End. The front end of the AJAX Suggest Tutorial is pretty straight forward. There is one form with a textbox for entering the search query, a button for submitting the search, and a DIV that we will display our suggested searches in. The only thing that should look a little strange to you is the autocomplete="off" command.
This just stop the default behavior of most modern web browsers from listing a set of terms that you have recently entered in the textbox. This would end up interfering with our auto suggest dropdown we will create with the DIV. The onkeyup event will start our AJAX request to check the server for suggestions. In a real implementation, we may want to throttle the keyup command so that we don't send request to the server as quickly as the user can type.
As you can see, for the tutorial I have the form submitting to the Search page of DynamicAJAX. We will also create a couple of styles in the header and include our JavaScript file that we will create later on in the tutorial. Xtext - Download. Build the Language You Want! Xtext can build full-featured text editors for both general-purpose and domain-specific languages. In the background it uses the LL(*) parser generator of ANTLR, allowing to cover a wide range of syntaxes. Xtext editors have already been implemented for JavaScript, VHDL, Xtend, and many other languages. Compile to Whatever You Want! You define the target format to which your language is compiled. No matter if it's Java, C, XML, comma-separated values, or even a binary format, Xtext does not limit your choice. Highly Customizable The default behavior of Xtext is optimized to cover a wide range of languages and use cases.
Single Sourcing The grammar definition language of Xtext is not just for the parser. Incremental Compiler Xtext is built to scale, so no matter if you have a few source files written in your language or hundreds of them, the IDE remains responsive and reacts smoothly to any text change. Compatible with Graphical Editors.
Webcontent.gov - Guide to Managing U.S. Government Websites. Common Craft - Explanations In Plain English. Facebook Developers. A Collection of HTML5 Resources and Tutorials : Speckyboy Design Magazine. By now everyone has heard of HTML 5 and its new functionalities. Pretty exciting isn't it… also a little daunting. Of course, there are two sides to the excitement, most developers love it, others feel it has come to soon and we are not ready for it.
What ever your feelings are on this issue, it doesn't matter, it is here, so lets work with it. In this post we have collected as many helpful resources as we could on HTML5. As can be expected by any young language, the volume of tutorials and resources are a little thin on ground, but what tutorials we have collected are of a high standards are and the resources are indispensable and useful.
If you like watching paint dry and taking the longer road, you can of course read all about and stay up to date with HTML5 on the W3C here: HTML 5 – A vocabulary and associated APIs for HTML and XHTML. Introduction to HTML 5 Video HTML5 + CSS3 = Awesome on Vimeo HTML5 is the next version of the web markup standard. Have a Field Day with HTML5 Forms. Web developer's field guide.
Best Practices for Speeding Up Your Web Site. The Exceptional Performance team has identified a number of best practices for making web pages fast. The list includes 35 best practices divided into 7 categories. Minimize HTTP Requests tag: content 80% of the end-user response time is spent on the front-end. Most of this time is tied up in downloading all the components in the page: images, stylesheets, scripts, Flash, etc.
One way to reduce the number of components in the page is to simplify the page's design. Combined files are a way to reduce the number of HTTP requests by combining all scripts into a single script, and similarly combining all CSS into a single stylesheet. CSS Sprites are the preferred method for reducing the number of image requests. Image maps combine multiple images into a single image. Inline images use the data: URL scheme to embed the image data in the actual page. Reducing the number of HTTP requests in your page is the place to start. Top | discuss this rule Use a Content Delivery Network tag: server tag: css. LinuxCommand.org: Learn the Linux command line. Write shell scripts. JavaScript charting tools: an overview « Eltit Golb. I was working on adding a new widget for Patapage. Sometime you need to publish a simple graphical report on your page, a chart, based on a small set of data that you may want to change quickly online.
As requirements, I wanted to have an immediate feedback of data and configuration changes so I chose a JavaScript charting tool instead of server-side generating “chart images”. Few years ago this approach was almost impossible due to the lack of cross-browser plotting libraries. Nowadays there are many powerful plotting tools: this article will introduce some of them and will explain how I got to choose my plotting library. First of all I had to restrict the selection to those that are licensed for usage in a commercial products, but this is not a big deal; most of them are under LGPL, or MIT license.
My second requirement was the compatibility of the JavaScript library: we use jQuery so I had to drop the great plotr library that is based on prototype. Same technology for Protochart. Color Schemer. Top 100 Tools for Learning 2009. Celestia: Home. 20 Email Design Best Practices and Resources for Beginners. Free JavaScripts, tutorials and tools - Onlinetools.org. WebTreats ETC. A Periodic Table of Visualization Methods.
Computer Glossary, Computer Terms - Technology Definitions and Cheat ... Main Page - Encyclopedia of Programming Languages. Building a Devops team - Online Education Free. Open Culture: Foreign Language Lesson Podcast Collection. Old School Programmers vs. New School Programmers - SitePoint Forums. Whats the best way to structure my js application, when my views / controllers need to be in the same file.
OpenMP.org.