Create your own jQuery Image Slider - CSS-Plus I originally posted this article on 15 September 2010. This is an updated version. This tutorial is for beginners. Common things that cross my mind before actually jumping into development are: Where are the hidden elements situated? Beneath, on top, next to or behind the visible element? How are they hidden? Is their display set to none? Are they outside of the parent element which is set to overflow: hidden? Are they hidden behind visible element via z-index? All right, enough of that, let’s get started. The HTML Before we create anything, we should try and get an idea of exactly what we are trying to achieve. So let’s turn that into HTML. .gallery-wrap will be the visible area..gallery is the element that contains the list of images..gallery__controls contains the next and previous controls. Generally an image slider would contain more than 2 images but I’ve left out the exact HTML I used in the demo for readability. The CSS The jQuery/Javascript This is where all the fancy tricks take place.
Codrops Modkit and the Kickstarter Campaign - News by zagGrad | September 22, 2010 | 28 comments We're suckers for creative ideas that will help bring new people to the world of physical computing. So when we heard about Modkit we were all over it! In their own words: Modkit is an in-browser graphical programming environment for little devices called embedded systems. In our own words: it's awesome! Modkit can be used to program Arduino, and they're working to integrate different shields into the included code blocks. The creators of Modkit are currently searching for funding. We think Modkit is a great idea coming from great people. scripty2: for a more delicious web June 26th, 2009 The script.aculo.us 2 alpha is out! Check it out now at scripty2.com. As you would expect, it brings a lot of change and new features. scripty2: for a more delicious web As the effects framework forms the base for all the eye candy in any UI elements, it’s the logical first step towards a complete scripty2. scripty2 will consist of three parts: scripty2 fx: the framework for DOM/CSS-based visual effectsscripty2 ui: user interface behaviours (not in right now)scripty2 core: helpers for a more delicious developer experience Alpha! In this release, the focus has been on the effects engine, with the UI parts still pending a rewrite (there will be a lot of really cool stuff coming for the UI part, but more about that later). Even in alpha, the effects engine can now do so much more, with less code to write. And we’re actually using it in our own live projects, like twistori and freckle time tracking, so it’s pretty damn stable already. Docs, Docs, Docs A rewrite?! Yes, it’s all new.
Find Open Source Alternatives to commercial software | Open Source Alternative - osalt.com Mega Collection Of Cheatsheets for Designers And Developers Cheatsheets and various quick reference guides are available for almost any type of software and language these days. Unfortunately they’re not always easy to find when you actually need them. This is why I decided to take some time to gather up as many as possible and share them with you here! Hopefully this can be a timesaver for you, along with teaching you a new trick or two. The resources have been divided into various categories to make them easier to find. Below are more than 100 cheat sheets and reference cards for the following topics: CSS3 Cheat Sheet ↓ CSS2 Visual Cheat Sheet ↓ CSS Cheat Sheet (V2) ↓ Css Property Index ↓ BluePrint CSS ↓ HTML 5 Cheat Sheet ↓ HTML5 Canvas Cheat Sheet ↓ HTML5 Glossary ↓ HTML Character Entities Cheat Sheet ↓ Color Codes Matching Chart HTML (Convert CMYK, RGB Hex) ↓ Javascript JavaScript Cheat Sheet ↓ Javascript DOM ↓ JavaScript Reference Card ↓ jQuery 1.4 API Cheat Sheet ↓ jQuery selectors ↓ jQuery 1.3.2 ↓ jQuery 1.3 ↓ jQuery 1.2 ↓ Mootools 1.2 Cheat Sheet ↓ MySQL
Joomla! Coding Standards Introduction Good coding standards are important in any software development project. These standards are even more important when a large, diverse and worldwide community of developers are contributing to a project. One of the things that sets good software apart from great software is not only the features or the actual function the software performs, but the quality of its source code. In order to perform in the highly competitive Open Source and proprietary software industries, source code not only needs to be beautifully designed, it also needs to be beautiful and elegant to look at. Guiding Principles Since readable code is more maintainable, the compass that guides us in achieving that goal is a set of well thought out coding standards for the different software languages that are employed in the Joomla software project. The Joomla Coding Standards borrows heavily from the PEAR coding standard for PHP files, augmenting and diverging where it is deemed sensible to do so.