Perfect Full Page Background Image | CSS-Tricks
november 2011 by gpessia
The goal here is a background image on a website that covers the entire browser window at all times. Let's put some specifics on it:
Fills entire page with image, no white space
Scales image as needed
Retains image proportions (aspect ratio)
Image is centered on page
Does not cause scrollbars
As cross-browser compatible as possible
Isn't some fancy shenanigans like Flash
background
css
css3
jquery
webdesign
^^^^
***
!!!
Fills entire page with image, no white space
Scales image as needed
Retains image proportions (aspect ratio)
Image is centered on page
Does not cause scrollbars
As cross-browser compatible as possible
Isn't some fancy shenanigans like Flash
november 2011 by gpessia
30 Best Free Web Icons for All Kind of Projects | The Design Inspiration
october 2010 by gpessia
30 Best Free Web Icons for All Kind of Projects
icon
png
free
icons
++++
***
!!!
october 2010 by gpessia
Fade One Image to Another Menu
october 2010 by gpessia
Make a CSS sprite image, with the top half and the bottom half being the two images you want to animate between. The jQuery adds a <span> tag, and adds the bottom half of the sprite image as its background. As you hover on and off, the span animates between fully transparent and fully opaque, fading one image into another.
menu
fade
css
jquery
snippets
****
^^^^^
!!!
october 2010 by gpessia
jQuery Roundabout Shapes
september 2010 by gpessia
Move Elements with Even More Style
css
jquery
+++
****
!!!
september 2010 by gpessia
Google Fonts - Drupal Module Reviews and Ratings
may 2010 by gpessia
This module enables you to add Google Fonts to your site using the Google Font API. Benefits of the Google Font API A choice of high quality open source fonts. Works in most browsers.
drupal
font
google
font-family
++++
***
!!!
may 2010 by gpessia
How to create 6 month exposures.
april 2010 by gpessia
How to create 6 month exposures.
photography
pinhole
camera
diy
howto
tutorial
photo
astronomy
solargraph
*****
!!!
april 2010 by gpessia
10 Impressive JavaScript Animation Frameworks
july 2009 by gpessia
The top 10 JavaScript-based animation frameworks and libraries that will enable you to create engaging and captivating user experiences.
javascript
animation
framework
webdesign
jquery
programming
development
webdev
****
!!!
july 2009 by gpessia
Facebook Connect | drupal.org
may 2009 by gpessia
This module allows users to login on a Drupal website through the Facebook Connect API – using their Facebook login and password.
drupal
facebook
modules
socialnetworking
module
community
login
connect
authentication
***
!!!
may 2009 by gpessia
WTF are Gpanels? | adaptivethemes
may 2009 by gpessia
Gpanels are drop in multi-column snippets for displaying blocks in vertical columns, such as 2 columns, 3 columns or 4 columns. Gpanels are an optional extra that come with the Genesis starter theme.
theme
drupal
genesis
columns
design
tempates
***
!!!
may 2009 by gpessia
The 7 Layouts (6.x-1.x) | drupal.org
april 2009 by gpessia
Most themes support only one layout. The Genesis theme is different — it supports seven different layouts, straight out of the box.
css
drupal
themes
webdesign
+++
****
!!!
april 2009 by gpessia
70 Excellent Logo Design Tutorials and Resources
march 2009 by gpessia
In this article, you’ll find a large collection of tutorials and resources on the topic of designing logos by some of the most well-respected logo designers in the industry.
logo
design
logos
inspiration
tutorial
tutorials
webdesign
resources
*****
!!!
march 2009 by gpessia
Perfect multi-column CSS liquid layouts - iPhone compatible
june 2008 by gpessia
This series of website layouts use percentage widths and relative positioning, and they work with all the common web browsers including Safari on the iPhone and iPod touch.
css
layout
webdesign
design
templates
liquid
html
template
****
++++
!!!
june 2008 by gpessia
related tags
!!! ⊖ *** ⊕ **** ⊕ ***** ⊕ +++ ⊕ ++++ ⊕ +++++ ⊕ 3d ⊕ absolute ⊕ actionscript ⊕ addon ⊕ addons ⊕ administration ⊕ alarm ⊕ alunch ⊕ animation ⊕ annotate ⊕ apple ⊕ apps ⊕ area ⊕ art ⊕ artist ⊕ as3 ⊕ astronomy ⊕ authentication ⊕ background ⊕ beautiful ⊕ block ⊕ blog ⊕ blogs ⊕ blueprint ⊕ browser ⊕ brush ⊕ brushes ⊕ business ⊕ button ⊕ buttons ⊕ camera ⊕ cards ⊕ cheatsheet ⊕ cheatsheets ⊕ clock ⊕ cms ⊕ color ⊕ colorpicker ⊕ colors ⊕ columns ⊕ community ⊕ connect ⊕ content ⊕ cool ⊕ corners ⊕ css ⊕ css3 ⊕ culture ⊕ custom ⊕ cvs ⊕ design ⊕ desktop ⊕ desktops ⊕ development ⊕ diagrams ⊕ diy ⊕ download ⊕ drago ⊕ dragon ⊕ dragons ⊕ drawing ⊕ drupal ⊕ drupalmodules ⊕ eyetracking ⊕ facebook ⊕ fade ⊕ feed ⊕ fields ⊕ firefox ⊕ fireworks ⊕ fixed ⊕ flash ⊕ flickr ⊕ font ⊕ font-family ⊕ fonts ⊕ footer ⊕ form ⊕ forms ⊕ framework ⊕ frameworks ⊕ free ⊕ freelance ⊕ freeware ⊕ gallery ⊕ generator ⊕ genesis ⊕ google ⊕ grid ⊕ grids ⊕ howto ⊕ html ⊕ html5 ⊕ ia ⊕ icon ⊕ iconos ⊕ icons ⊕ ie ⊕ illustration ⊕ illustrator ⊕ image ⊕ images ⊕ imce ⊕ import ⊕ inspiration ⊕ inspired ⊕ interface ⊕ invoice ⊕ invoicing ⊕ ipsum ⊕ javascript ⊕ jquery ⊕ launcher ⊕ layout ⊕ lightbox ⊕ liquid ⊕ list ⊕ lists ⊕ login ⊕ logo ⊕ logos ⊕ lorem ⊕ loremipsum ⊕ mac ⊕ menu ⊕ menubar ⊕ mobile ⊕ module ⊕ modules ⊕ music ⊕ nature ⊕ navigation ⊕ node ⊕ notes ⊕ optimization ⊕ osx ⊕ pattern ⊕ performance ⊕ photo ⊕ photography ⊕ photoshop ⊕ php ⊕ pinhole ⊕ plugin ⊕ plugins ⊕ png ⊕ polaroid ⊕ portfolio ⊕ position ⊕ post ⊕ posters ⊕ presentation ⊕ programming ⊕ recommendations ⊕ recursos ⊕ reference ⊕ regions ⊕ resources ⊕ resume ⊕ retro ⊕ rounded ⊕ roundedcorners ⊕ ruby ⊕ sass ⊕ scroll ⊕ scrolling ⊕ sketching ⊕ slider ⊕ slideshow ⊕ snippets ⊕ socialnetworking ⊕ software ⊕ solargraph ⊕ tag ⊕ techniques ⊕ tempates ⊕ template ⊕ templates ⊕ text ⊕ textures ⊕ theme ⊕ themes ⊕ theming ⊕ tips ⊕ tool ⊕ tools ⊕ tutorial ⊕ tutorials ⊕ typeface ⊕ typography ⊕ ui ⊕ usability ⊕ utilities ⊕ ux ⊕ w3c ⊕ wallpaper ⊕ wallpapers ⊕ web ⊕ webapp ⊕ webdesign ⊕ webdev ⊕ windows ⊕ wood ⊕ wysiwyg ⊕ yui ⊕ zen ⊕ zoom ⊕ ^^^^ ⊕ ^^^^^ ⊕Copy this bookmark: