background preloader

Visual P1

Facebook Twitter

Meet a Black Person‬‏ Rs / Horizontal Tabs. Change your Blog Background According to the Time of Day. I've been working on a script which you can use to change the background color, or even any other background element of your blog, depending on the time of day.

Change your Blog Background According to the Time of Day

You can see this script in action on the Time of Day test blog. Here I have used the script to change the main background color of the Minima template according to the time of day. Reveal: jQuery Modal Plugin from ZURB - ZURB Playground - ZURB.com. Setting up Reveal modals is only three easy steps.

Reveal: jQuery Modal Plugin from ZURB - ZURB Playground - ZURB.com

Attach the needed files, drop in your modal markup then add an attribute to your button. Reveal is awesome because it's easy to implement, is cross-browser compatible with modern browsers (with some graceful degradation of course) and lightweight coming in at only 1.75KB. WYSIWYG Layout Editor, Semantic & Table-Free. Freebies: Over 15 Navigation Menus for Web Creatives. Web Fonts. CSS3 Minimalistic Navigation Menu. Martin Angelov As you have probably heard by now, CSS3 animations are a powerful tool, which enables you to create animations which run without the need of applying additional scripting to the page.

CSS3 Minimalistic Navigation Menu

What is even better, in the next generation of browsers we will have even more powerful tools, including 3D transformations (already present in Safari). But what difference does it make for us today? At the moment only three browsers give you the ability to animate CSS properties – Chrome, Safari and Opera, which together take up only a small part of the browser market. Firefox is expected to soon join the club, and with the impending release of IE9, it suddenly makes sense to start leveraging this technique. Related Posts Slide Out Boxes with jQuery and CSS3. Beautiful Slide Out Navigation: A CSS and jQuery Tutorial.

Today I want to show you how to create an amazing slide out menu or navigation for your website. The navigation will be almost hidden – the items only slide out when the user hovers over the area next to them. This gives a beautiful effect and using this technique can spare […] View demoDownload source. Just some other awesome CSS3 buttons. Whether you're designing a website or a web application, you'll need buttons for it.

Just some other awesome CSS3 buttons

Now, with CSS3's help, it was never easier to create nice looking buttons. In this article you'll learn how to create some cool CSS3 buttons in just a few steps. View demo While last time we've created simple CSS3 gradient buttons, this time we'll build some nice CSS3 buttons with icons. In order to create the icons, this set of CSS3 buttons uses HTML entities. Minimal markup. CSS tips and tricks. Animate a Contact Us Slide-Out Area using jQuery – Inspect Element. 14th July, 2009 Tom Kenny Tutorials Contact us pages are usually boring static pages with a form, not very exciting so what we’re going to do is place the contact us form at the top of the page and create a button that slides out and reveals the form when clicked.

Animate a Contact Us Slide-Out Area using jQuery – Inspect Element

All with the help of our little friend, jQuery. View the Demo Download Files (.zip) A Colorful Clock With CSS & jQuery. SimpleModal Demos / Eric Martin / ericmmartin.com. Basic Modal Dialog A basic modal dialog with minimal styling and without any additional settings.

SimpleModal Demos / Eric Martin / ericmmartin.com

There are a few CSS attributes set internally by SimpleModal, however, SimpleModal relies mostly on external CSS for the look and feel. Demo Download Basic Modal Dialog. A Useful JavaScript Image Loader. Imageloader.js Online Example.

A Useful JavaScript Image Loader

Vertical Sliding Info Panel With jQuery. This is an example of simple page that's centered and has a vertical sliding panel on the far right (try it!

Vertical Sliding Info Panel With jQuery

Click on the 'infos' tab that's on the right!). We used jQuery to create this sliding panel (and CSS3 rounded corners because it looks cool) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget eros libero. Fusce tempus quam sit amet erat mollis a fermentum nibh imperdiet. Ut purus metus, fermentum vitae pulvinar vel, elementum eget nulla. BounceBox Notification Plugin With jQuery & CSS3. Martin Angelov Earlier this week, while working on ZineScripts‘ coupon code system, I found the need to be able to dynamically create and present a message box to Zine’s visitors.

BounceBox Notification Plugin With jQuery & CSS3

The usual routine would include digging through jQuery’s plugin repository and ending up with using a lightbox alternative, but I decided to take the time and build an one-off notification solution, which I am sharing with you today. How to create a kick-ass CSS3 progress bar. Please note: The original CSS3 progress bar shown in this tutorial has been created by Ivan Vanderbyl, which hereby gave me the right to reproduce and document his work.

How to create a kick-ass CSS3 progress bar

The following tutorial and the demo works best on Chrome and Safari, correctly on Firefox and very badly in Internet Explorer (eh…I’m sure you hadn’t guessed that). The Demo Click on the image to view a live demo. LESS « The Dynamic Stylesheet language. Lettering.js - A jQuery plugin for radical web typography. FitText - A plugin for inflating web type. Multi-direction hover - jsFiddle - Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS) Layouts/Templates. Seamless Responsive Photo Grid Create a grid of photos and display them edge-to-edge on the browser window with no gaps.

Download Files View Demo HTML Email Template. Sass - Syntactically Awesome Stylesheets. jQuery iPhone UI – A Library That Mimics iPhone Interface. Few days ago, the jQuery team announced that they are working on jQuery Mobile which will probably become quickly popular on creating mobile web apps. for the fans of the library. On the other hand, there are already ready-to-use solutions like the pretty-complete jQuery iPhone UI (check the "Mobile Development" category for others). It is a jQuery library which emulates the iPhone interface that is handy for creating iPhone web applications. The library includes widgets like menu, tabs, scrolling, forms and gallery browsing.

How to add advanced tooltips for people on your photo. 1.- Term This Agreement commences on the date it is executed by the parties and it is renewed every day, unless terminated in accordance with its terms. 2.- Services Taggify Inc. agrees to provide the Publisher with the Services in respect of the websites on the terms and conditions of this Agreement. 3.- Traffic performance Taggify Inc. may establish a Minimum Traffic Level Requirement (“TQ Score”) and Click Through Rate (“CTR”) with the Publisher based on the profile of the Publisher’s Websites.

100 Awesome CSS/Javascript Plugins and Coding Techniques. If you know how to use CSS and Javascript, you can create some impressive websites. Not only that you can do some awesome stuff with them but they also ease you work. In this article you have 100 awesome CSS and Javascript plugins and coding techniques that should definitely be in you toolbox. Use CSS3 to Create a Dynamic Stack of Index Cards. 30+Beautiful jQuery Menu Navigation - jQuery Menu. In this showcasing, we have pick up beautiful jquery menu navigation plugins and tutorials that you can also download free. Bootstrap, from Twitter.