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. Take a look at different times to see the changes take effect. There are two versions of this script available for you to install instantly in your blog: A pale color paletteA dark color palette. Reveal: jQuery Modal Plugin from ZURB - ZURB Playground - Setting up Reveal modals is only three easy steps.

Reveal: jQuery Modal Plugin from ZURB - ZURB Playground -

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. What that means for you is that it's fast, sexy and just works. 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. 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 Today I want to show you how to create an amazing slide out menu or navigation for your website. 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. 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) First we start of with the necessary file includes: We’re using jQuery 1.3 hosted by Google, the jQuery easing plugin and our own custom code in the contact.js file. A Colorful Clock With CSS & jQuery. SimpleModal Demos / Eric Martin / Basic Modal Dialog A basic modal dialog with minimal styling and without any additional settings.

SimpleModal Demos / Eric Martin /

A Useful JavaScript Image Loader. Imageloader.js Online Example I released a YUI implementation of image gallery script a month ago.

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. BounceBox Notification Plugin With jQuery & CSS3. 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. 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. 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. jQuery iPhone UI is not complicated to use and comes with a documentation to get you started. 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. 4. The Publisher will include the Code or Software, without alteration, modification or amendment on the Websites in locations as agreed with Taggify Inc. from time to time. 5.

The Publisher acknowledges that Taggify Inc., Third Party Service Provider or related parties may collect data about the performance of the Websites. 6. 7. 8. 9. 100 Awesome CSS/Javascript Plugins and Coding Techniques. Writen by Bogdan / Comments Off on 100 Awesome CSS/Javascript Plugins and Coding Techniques If you know how to use CSS and Javascript, you can create some impressive websites.

30+Beautiful jQuery Menu Navigation - jQuery Menu. Bootstrap, from Twitter.