background preloader

Open Source Web Development Resources for Designers & Developers

Open Source Web Development Resources for Designers & Developers
150+ Outline/Stroke Vector Icons Pack (Free Download) A nice collection 150+ free outline/stroke vector icons (EPS) for all your line icons design and artwork. You’ll never have to find another resource to search for vector icons once you see this set. Virtually every possible vector has been made in an outline vector icon style, including speech bubbles, lines, grids, arrows, process arrows, play buttons, and numerous other… [Free Download] HTML5 Responsive Business/Portfolio Template: AmazingBiz AmazingBiz is a free HTML5 responsive template.

Quick Tip: Detect CSS3 Support in Browsers with JavaScript Isn't it fun that we get to play with the latest CSS techniques, like shadows and transitions? There's only one problem: how do we compensate, or more importantly, detect the browsers that do not support them? Well, there's a few solutions. Free Open Source Counterparts of Windows Software Why would you want to have Open Source software on your computer? Let’s consider a few reasons: (2) Another often overlooked aspect is that you can have full access to the source code of the software. This is a great blessing for someone who needs the ultimate customization. (3) You can actually help in the development by fixing bugs, releasing your changes to the code (in accordance with the license of course).

Scrolling Parallax: A jQuery Plugin Scrolling Parallax examples Simple scrolling parallax effect Multiple, layered parallaxes for a nice depth effect Parallax in all directions: vertical and horizontal scrolling Parallax called on a piece of inline HTML markup About Scrolling Parallax Pull Out Content Panel with jQuery In this tutorial we will create a content panel that slides out at a predefined scroll position. It will reveal a teaser with related content and it can be expanded to full page size to show more. A custom slider allows to scroll through many items in the panel.

Best Open Source Applications If you’re thinking to purchase open source applications software with a mainly of high cost tag, you may wish to compare that to one amongst the open source software alternatives on the list below before purchasing. Not each open source software replacement has the same features exactly as the equivalent proprietary software listed; however, they are intended to achieve the same tasks. Why should you spend thousands or just hundreds of dollars on any closed source software when you can easily get similar open source software for free? Even though you require commercial support, lots of open source programs offer paid support now that costs much lesser than the alternatives. So, below is a list of Open source applications which act as replacements for the expensive ones:

Portfolio Image Navigation with jQuery Today we want to create a portfolio image navigation template with jQuery. The idea is to show some portfolio items in a grouped fashion and navigate through them in all 2D ways (horizontal/vertical). Either the arrows or the little boxes below the current image can be used in order to navigate. View demo Download source The beautiful photography is by Angelo González. Check out his Flickr photostream or follow him on Twitter @ag2r.

Rotating Image Slider with jQuery In the following tutorial we will create an asymmetrical image slider with a little twist: when sliding the pictures we will slightly rotate them and delay the sliding of each element. The unusual shape of the slider is created by some elements placement and the use of thick borders. We will […] View demo Download source In the following tutorial we will create an asymmetrical image slider with a little twist: when sliding the pictures we will slightly rotate them and delay the sliding of each element. The unusual shape of the slider is created by some elements placement and the use of thick borders. Animated Text and Icon Menu with jQuery Today we want to show you how to create a slick menu with a nice animation feature on hover. The idea is to make some elements slide out, change and animate the background color of the item and then slide the elements back in with a different color. View demoDownload source The inspiration for this menu comes from the website of the Pelican Miami Beach Hotel:

Scroll Activated Slide Down Header With jQuery Update: 17/08/2010 After a little bit of work I have fixed the bug that caused the header to break. I have changed the tutorial below to reflect the changes. Please read through it again if you have already used the code & change the necessary parts. Yesterday via Twitter, I received a request for a tutorial. Fresh and Beautiful JQuery Plugins of Mid 2011 First half of year is reaching to its end. In this period we saw how prospect of web design has been changed. We see more beautiful and responsive websites around us than before. JQuery single handedly controlling the web design. jQuery.LocalScroll 1.2.7 released Notice I've pretty much stopped updating this blog, but the plugin development is still on-going. You can find the link to the Github project page at the bottom of the article. In this release I cleaned up the code a little and added some features. Also removed a few old (aka deprecated) stuff that were still hanging around.

ColorPicker - css顏色選取 About A simple component to select color in the same way you select color in Adobe Photoshop Last update Add Motion To Website: jQuery Animation Plugins From 2010 In our niche it’s very important to be up to date with latest technologies and features available to impress new clients, show of in portfolio and add functionality more easily – using some advanced code snippets, plugins or hacks. jQuery possibilities are growing rapidly and there are many people who play with code and discover some amazing combinations achieving effects you have never seen before! You will find here many plugins which will help to add motion, 3d effects and animation to your website!