background preloader

Mozilla Developer Network

Mozilla Developer Network

Demo Studio | Mozilla Developer Network Mozilla supports a wide variety of exciting open web technologies, and we encourage their use. This page offers links to interesting demonstrations of these technologies. If you know of a good demonstration or application of open web technology, please add a link to the appropriate section here. 2D Graphics Canvas Video 3D Graphics WebGL Virtual Reality Transformations Impress.js (source code) Games Web APIs Notifications API HTML5 Notifications (source code) Web Audio API File API Slide My Text - presentation from plain text files Web Workers Document Tags and Contributors Contributors to this page:mfluehr, equinusocio, Kissaki, SoftwareRVG, MdAshrafMalik, palerdot, chrisdavidmills, Dmytro.Omelyan, elfoxero, ondras, eng-mnabil, openjck, Vilius.L, carlosrafaelgn, jswisher, teoli, Sheppy, Paul, Sonnyp, MarkFinkle, Roc

All About Floats What is "Float"? Float is a CSS positioning property. To understand its purpose and origin, we can look to print design. In a print layout, images may be set into the page such that text wraps around them as needed. In page layout programs, the boxes that hold the text can be told to honor the text wrap, or to ignore it. In web design, page elements with the CSS float property applied to them are just like the images in the print layout where the text flows around them. Setting the float on an element with CSS happens like this: There are four valid values for the float property. What are floats used for? Aside from the simple example of wrapping text around images, floats can be used to create entire web layouts. Floats are also helpful for layout in smaller instances. This same layout could be accomplished using relative positioning on container and absolute positioning on the avatar as well. Clearing the Float Float's sister property is clear. Clear has four valid values as well. Video

Jobs — Open Positions PXtoEM.com: PX to EM conversion made simple. Firefox crashes - Troubleshoot, prevent and get help fixing crashes A crash is what happens when Firefox closes or quits unexpectedly. After a crash, you should see the Mozilla Crash Reporter appear. This article will help you fix crashes and show you how to get more help if you're having difficulties. First, if you have one of these specific crash issues, follow the link to get help. If none of these describe your issue, follow the steps below in order. The crash you're experiencing may have already been fixed in a new version! Update Firefox Every Firefox release includes a number of fixes for crashes that people have reported. To check for Firefox updates, go to the top of the Firefox window and click the Firefox button. Update your plugins Check that you have the latest versions of all your plugins. Go to our Plugin Check page and follow the links to update any plugins that are out of date. Update Windows Make sure you have all of the latest security and stability fixes. Go to the menu, select and then . Update OS X Go to the menu and select Update Linux

CatsWhoCode.com So, you’ve spent some time building your e-commerce brand. You’re making a handful of sales each month, but it’s not taking off the way you hoped it would. You do a little digging into your analytics and you learn people who spend 20 minutes on your site almost always buy something. But those who check out just one or two pages, well, they don’t stick around long enough to spend any money. What gives? Being faster and more efficient is the goal of all web designers and developers. According to Statista, the global mobile payment revenue is expected to reach over 1 trillion US dollars in 2019. In the world of today, having a website is a must. Node.js is an open-source, cross-platform JavaScript run-time environment that executes JavaScript code server-side. Since the Internet is around, affiliate marketing has always been one of the most efficient ways to make money online by promoting third-party products.

Support 15 Fresh and Powerful CSS3 Tutorials CSS3 is here, it’s fun, and allows us to evolve the look of the web as we go. Features like gradients, drop shadows, rounded corners, animations, and opacity are giving us the promise of more fun. In this post we’ve collected some new and brilliant tutorials that will help you in mastering your CSS3 skills. We’ll create a document icon with pure CSS3. When applying CSS3 inset box-shadow or border-radius directly to the image element, the browser doesn’t render the CSS style perfectly. There are so many great things we can do with the additional properties and possibilities that CSS3 brings along. Designing a table is a challenge. During this tutorial we’re going to use CSS3 to create ticket-like tags, without relying on any images. We are going to create some thumbnail hover effects with CSS3 transitions. See how easy is to create a spinning rays animation with a bit of CSS. Still hyped by the possibilities of CSS3, we want to share some CSS3 button experiments with you.

25 New Script Libraries and Plugins on GitHub Git is a powerful, open-source distributed version control system and social code repository. GitHub is the world's largest open-source community, hosting millions of public repositories. Users add innovative new projects on a daily basis. With the latest new Repos available to fork and explore, it can be difficult to stay updated. Please note some of the GitHub resources reviewed may be slightly older in origin, but they have been recently updated, much improved upon or generally overlooked as resources really worth exploring. Have you discovered any GitHub script libraries or plugins we may have missed? 1. Unveil.js is a lightweight version of LazyLoad, with support for serving high-resolution images to devices with Retina display. 2 Chardin.js Chardin.js (named after the French painter Jean-Baptiste-Siméon Chardin) lets you add simple overlay instructions on existing elements, on any of your apps, using JavaScript. 3. 4. 5. 6. 7. 8. 9. 10 . 11 . 12 . 13. 14. 15. 16. 17. 18. fpsmeter.js

Become a Programmer, Motherfucker If you don't know how to code, then you can learn even if you think you can't. Thousands of people have learned programming from these fine books: Learn Python The Hard Way Learn Ruby The Hard Way Learn Code The Hard Way I'm also working on a whole series of programming education books at learncodethehardway.org. Learn C The Hard Way Learn SQL The Hard Way Graphics Programming Language Agnostic NerdDinner Walkthrough Assembly Language Bash Clojure Clojure Programming ColdFusion CFML In 100 Minutes Delphi / Pascal Django Djangobook.com Erlang Learn You Some Erlang For Great Good Flex Getting started with Adobe Flex (PDF) Forth Git Grails Getting Start with Grails Haskell Java JavaScript JavaScript (Node.js specific) Latex The Not So Short Introduction to LATEX (perfect for beginners) Linux Advanced Linux Programming Lisp Lua Programming In Lua (for v5 but still largely relevant)Lua Programming Gems (not entirely free, but has a lot of free chapters and accompanying code) Maven Mercurial Nemerle Nemerle NoSQL Oberon Objective-C

Related: