Sponsorised links
This month
Supersized - Full Screen Background/Slideshow jQuery Plugin
by eledo34
& 3 others
(via)
Supersized est un plugin jQuery qui permet l’affichage d’un slideshow d’images qui seront affichées en plein écran dans votre navigateur internet.
Supersized propose plusieurs options :
* Paramétrer le ratio (startwidth, startheight)
* Centrer l’image verticalement (vertical_center)
* Slideshow (oui/non)
* Navigation (oui/non)
* Transition (Pas d’effet de transition, effet fondu, Slide partant du haut, bas, gauche ou droite de l’écran)
jQSlickWrap - Slick text wrapping for jQuery
by vrossign
To do this, it needs to have access to the individual pixels of the images it's operating on -- which is why for jQSlickWrap to work, you need to have a browser that supports HTML 5's new canvas element.
Here's an overview of the algorithm:
1. If necessary, pre-load the image.
2. Determine the CSS styles for the image (float and padding).
3. Create a canvas element and set its dimensions to the size of the image plus its padding.
4. Draw the image onto the canvas in the top-left location.
5. Figure out the "background" color of the image by examining the pixel data at the top-left corner of the image.
6. Fill the canvas with this background color.
accordion book
by blackgoldfish
The Spring Moss base measures 5 1/2" x 4 3/4" and the strip cut from my stamped background paper is 1 1/2" X 5 1/2".
A jQuery Plugin for Zoomable, Interactive Maps - New Media Campaigns
by vrossign
asic css file is included with the demo zip. Here is some rough minimal css:
view sourceprint?
1.#map { position: relative; width: 700px; height: 470px; overflow: hidden; }
2.#returnlink { display: block; position: absolute; bottom: 0; right: 0; }
3.#map a.bullet { display: block; position: absolute; width: 10px; height: 10px; background: yellow; }
4.#map img.zoomable { }
5.#map div.popup{ display: none; position: absolute; width: 200px; height: 300px; }
6.#map div.popup a.close{ display: block; position: absolute; bottom: 0; right: 0; }
The code above will work just fine as a starting point. Obviously a lot of embellishment can be added to make the map look as g
Sponsorised links
October 2009
Using jQuery for Background Image Animations - Snook.ca
by eledo34
& 5 others
(via)
Menu Jquery avec Animation depuis image de Fond (Background)
CSS Tools: Reset CSS
by mozkart
& 1 other
(via)
The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you're interested. Reset styles quite often appear in CSS frameworks, and the original "meyerweb reset" found its way into Blueprint, among others.
The reset styles given here are intentionally very generic. There isn't any default color or background set for the body element, for example. I don't particularly recommend that you just use this in its unaltered state in your own projects. It should be tweaked, edited, extended, and otherwise tuned to match your specific reset baseline. Fill in your preferred colors for the page, links, and so on.
In other words, this is a starting point, not a self-contained black box of no-touchiness.
Time/Weather Desktop on Flickr - Photo Sharing!
by karlcow
Well, most of the work is done by Earthdesk and GeekTool 3.
Earthdesk is set to Natural Color, Equirectangular projection, Natural Color, Real Moonlight, centered on Vienna, Background: Starfield. Zoom 80%, Clouds 80%, Brightness 80%.
In GeekTool, the times and the weathers are all separate Shell "geeklets".
Times are generated by running shell commands like
env TZ=Asia/Tokyo date " %l:%M %p"
every 20 seconds
The weather is the tricky part. The way I am doing it now, if I am not careful, gets me throttled for too many concurrent requests to the wunderground.com API server. It also fails badly if I am disconnected, so I will need to do it differently.
FWIW: I have a PHP script which I run as separate Shell Geeklets. I invoke it with the name of the city I want. It then hits wunderground and gets back an XML stream of the local weather, which I parse, format and echo. (the way I'd change this is run the script from cron, with a 30 second wait between requests, and cache the results locally, which I would then call from the Shell Geeklets)
From there it's just a question of setting fonts, sizes, colors and moving the little Geeklet boxes around as you want them.
Resolutions - the top three most used monitor resolutions - pixel width and height
by decembre
Resolutions I was looking for the top three most used monitor resolutions - pixel width and height - for making desktop wallpapers in my flickr stream. It dawned on me that knowing the three most used pixel counts weren't as important as moderately high resolution images in the correct format ratios. Here are the top three as of June 2009. 1. 1024x768 ( 1:1.33) 2. 1280x1024 ( 1:1.25 ) 3. 1280x800 ( 1:1.6 ) For example, the MacBook Pro supports 1440x900, which is the same dimensions as the 1280x800. Although there will be some scaling, the 26% difference of area between the two shouldn't cause enough stretching to make the image unpleasant as a desktop background.
Lightscreen - Home Page
by ycc2106
& 1 other
Lightscreen is a simple tool to automate the tedious process of saving and cataloging screenshots, it operates as a hidden background process that is invoked with one (or multiple) hotkeys and then saves a screenshot file to disk according to the user's preferences.
http://fancythumbs.com/
by ycc2106
# Any Size (1024x1600 maximum) # Any Shape (Straight or rounded corners with custom radius) # Any Background Color (for non-transparent JPG or PNG8) # Borderless or bordered (custom border color) # Special effects (shadowed thumbs) # Private labeling (have your thumbs bear your logo) # Geo Location (display the country flag for website) # Any Format (JPG, PNG8 or fully transparent PNG 24)
September 2009
Tom Taylor : Projects : Clarke
by karlcow
Clarke is a small OS X application for updating your Fire Eagle location quietly, in the background. On Leopard (10.5) it uses Skyhook's API to triangulate your position from nearby wireless access points. On Snow Leopard (10.6) it uses Core Location. It's free, and the source code is available on Github.
Jet Lag
by ycc2106
Jet Lag runs invisibly in the background to automatically change your Mac's timezone. Do yourself a favor and never worry about your clock again. Jet Lag uses Skyhook Wi-Fi Positioning System to accurately determine your location. Jet Lag updates your timezone in iCal too, so you're always on time for your appointments. Growl notifications will notify you when your timezone is updated.
SpriteMe
by parmentierf
& 1 other
(via)
Background images make pages look good, but also make them slower. Each background image is an extra HTTP request. There's a fix: combine background images into a CSS sprite. But creating sprites is hard, requiring arcane knowledge and lots of trial and error. SpriteMe removes the hassles with the click of a button.
Twitoaster
by parmentierf
(via)
Twitoaster threads and archives your twitter conversations, bringing you all the background, context and statistics you need. It's all about improving & optimizing the way you communicate with your followers.
PatternCooler | Cool Seamless Background Pattern Designs for Web and Graphic Projects, Blogs, Twitter, MySpace, Mobile Phone Wallpapers,
by ycc2106
& 1 other
Add your own colors to contemporary and retro pattern designs, or browse from thousands of pre-colored patterns in the seamless pattern background library. All artworks on this site can be used freely for web and graphic design projects, blogs, Twitter, scrapbooking, MySpace profiles, mobile phone wallpapers and personal artwork.
Stripemania - Striped background generator
by ycc2106
& 4 others
create seamless diagonal stripes for your designs. You are able to choose the size of the stripes and the spacing between those. You can even add color gradient effect for all of your stripes.
