Documentation | Spritely Spritely is a simple plugin with only two key methods, sprite() and pan() both of which simply animate the background-image css property of an element. The difference between the two is that a 'sprite' image contains two or more 'frames' of animation, whereas a 'pan' image contains a continuous image which pans left or right and then repeats. Typically, in either case, you would use a png file (with or without transparency) for this. You might wish to use a transparent gif for Internet Explorer 6, though it probably won't look as good. Your html elements must already be the correct size you want the sprite to appear, but the background image will typically be larger than the html element, and the spritely methods reposition the background image within the html element. For documentation in languages other than English, please see Unoffical Documentation. Please note: there is a problem with the current version of Mobile Safari on the iPad Quick start What's new in version 0.6? For example,
Code Snippets Vertical Centering in CSS Yuhu's Definitive Solution with Unknown Height Though there is a CSS property vertical-align, it doesn't work like attribute valign in HTML tables. CSS property vertical-align doesn't seem to be able to solely solve this problem: Definition of the problem there is an area (e.g. No general solution was known until September 2004. Display an example of the vertical centering in your browser. The idea The keystone of the solution for Internet Explorer 6, 7 or quirk mode is this: the internal object is absolutely positioned in half of the area height. Solution for standard browsers like Mozilla, Opera, Safari etc. Then both syntax are merged. Compatibility The code below works in Internet Explorer 5.0, 5.5, 6.0, 7, 8, 9 and 10 beta, in Gecko browsers (Mozilla, Firefox, Netscape 7), in Opera 7, 8 and up, every Chrome, Konqueror 3.3.1. The valid example doesn't work in IE 7 standard mode (update 2012: about 3 % of clients). Understandable code: Legend for colors: The result looks: Color legend: About
Flash CS4 Professional ActionScript 3.0 Language Reference The ActionScript® 3.0 Reference for the Adobe® Flash® Platform contains the ActionScript language elements, core libraries, and component packages and classes for the tools, runtimes, services and servers in the Flash Platform. Filter by product using the preset filters This reference combines the information about the ActionScript language elements and libraries for the following Adobe products and runtimes. Click on a product name below to filter this reference to show only the content for the latest version of that product and related runtimes: Filter by product using the filter controls Use the controls at the top of the page to customize your view of the reference: Use the filters to include or exclude content for specific products and runtimes.
Save form values script We have all had it happen. You spend ages filling in an online form, but before you can send it, your computer crashes, or you try to send it, but your internet connection fails, or you hit the exit button by accident. In all cases, you have just lost all the work that you put into filling in the form. That is what this script is designed to prevent. It saves all the options that you chose, and all of the text you wrote, so that in the event of you losing it all, you can recover it later, just by opening the page again, or by clicking on a button. The author of the page containing the form only needs to include the script in their page, and offer a way to save and recover the values, as I will describe here. To download the script(s), see the script license, and check details like browser compatibility, use the links on the navigation panel at the top of this page. The script can save and recover the values of: datetimedatatime-localdatemonthweektimenumberrangeemailurl Demonstration
Learn to Program, by Chris Pine A Place to Start for the Future Programmer I guess this all began back in 2002. I was thinking about teaching programming, and what a great language Ruby would be for learning how to program. I mean, we were all excited about Ruby because it was powerful, elegant, and really just fun, but it seemed to me that it would also be a great way to get into programming in the first place. Unfortunately, there wasn't much Ruby documentation geared for newbies at the time. And it wasn't very good. What saved me was that I made it really easy for people to contact me, and I always tried to help people when they got stuck. A couple of years later, it was getting pretty good. :-) So good, in fact, that I was ready to pronounce it finished, and move on to something else. It took me another year, but now I think it's really good, mostly because of the hundreds of brave souls who have helped me write it. What's here on this site is the original tutorial, more or less unchanged since 2004.
World Public Library Association Eine neue Webseite entsteht (Teil 2): Die Layout-Vorlage (Mockup) Im ersten Teil des Tutorials haben wir bereits jede Menge Inspirationen und Material für die neue Webseite gesammelt. Jetzt beginnt endlich die richtige Schweißarbeit, eine Layout-Vorlage auch Mockup genannt, muss erstellt werden. In diesem visuellen Konzept wird geklärt, wie viele Seiten eine Webseite haben soll und wo die einzelnen Seitenelemente angelegt werden. Los geht’s, machen wir uns an die Arbeit! 1. Eine Sitemap erstellen Als erstes muss man natürlich klären, wie viele Seiten und Unterseiten die Webseite haben soll. Natürlich kannst du dir eine Sitemap einfach von Hand skizzieren. Bei Cacoo kannst dir ein kostenloses Account einrichten und deine Diagramme online speichern oder mit anderen teilen. Eine hilfreiche Sitemap mit Cacoo erstellen und online teilen. 2. Für meine Café-Webseite werde ich erst einmal nur vier Seiten (die Home-Seite, Über Uns, News und Kontakt) anlegen. 3. Das 960 Grid System mit 12-Spalten. 4. Im Menü »Pages« kannst du alle Seiten deiner Webseite anlegen.