spaceninja + images   12

Awesome Image-Attachment Recipes for WordPress
"In this DiW article, you will learn some tasty ways to include image-attachment information in your posts. From echoing the latest image path to displaying custom-sized image-links for all post attachments, this article should serve as an invaluable resource for anyone working with WordPress’ Media Library and its media-attachment functionality."
wordpress  themes  images  attachments 
october 2011 by spaceninja
Perfect Full Page Background Image
"The goal here is a background image on a website that covers the entire browser window at all times."
css  css3  browsers  background  images  fullscreen 
october 2011 by spaceninja
WordPress Custom Headers
Custom Header is a theme feature introduced with Version 2.1. Custom header is an image that is chosen as the representative image in the theme top header section.
wordpress  themes  headers  images 
october 2011 by spaceninja
WordPress Post Thumbnails
Post Thumbnail is a theme feature introduced with Version 2.9. Thumbnail is an image that is chosen as the representative image for Posts, Pages or Custom Post Types. The display of this images is up to the theme. This is especially useful for "magazine-style" themes where each post has an image.
wordpress  thumbnails  images  themes 
october 2011 by spaceninja
WordPress Post Formats
"Post Formats is a theme feature introduced with Version 3.1. In short, with a theme that supports Post Formats, a blogger can change how each post looks by choosing a Post Format from a radio-button list."
wordpress  themes  formats  asides  galleries  links  images  quotes 
october 2011 by spaceninja
lorempixum - placeholder images for every case
"Placeholder Images for every case. Webdesign or Print. It's simple and absolutely free!"
lorem  generator  webapps  free  placeholder  images 
october 2011 by spaceninja
Content aware responsive images
"The content driven approach to fixing this is to decide which image to load based on whether the image will be stretched beyond its true pixel width. If you stretch an image beyond its true width it begins to look pixelated or blurry. In this scenario, we want to load in a higher resolution version of the image."
responsive  images  javascript  css  css3  mediaqueries  mobile 
october 2011 by spaceninja
Responsive Images: Experimenting with Context-Aware Image Sizing
"The goal of this technique is to deliver optimized, contextual image sizes for responsive layouts that utilize dramatically different image sizes at different resolutions. Ideally, this approach will allow developers to start with mobile-optimized images in their HTML and specify a larger size to be used for users with larger screen resolutions — without requesting both image sizes, and without UA sniffing."
responsive  images  javascript  css  css3  mediaqueries  mobile 
october 2011 by spaceninja
Yahoo! Smush.it™
"Smush.it uses optimization techniques specific to image format to remove unnecessary bytes from image files. It is a "lossless" tool, which means it optimizes the images without changing their look or visual quality."
yahoo  smushit  compression  optimization  webapps  devtools  images 
october 2011 by spaceninja
PaintbrushJS
"A lightweight browser-based image processing library." I was looking for a way to convert images to grayscale on the fly awhile back, and this would have done it for me!
processing  images  effects  conversion  grayscale  javascript  plugins 
august 2010 by spaceninja
Fix HTML resized images in Internet Explorer
"HTML resized images in Internet Explorer look like crap, unless you add the following line in IE-speciffic CSS: img { -ms-interpolation-mode: bicubic; }"
browsers  microsoft  ie  internetexplorer  css  fix  interpolation  resized  scaled  images  hack  quality  tips 
july 2010 by spaceninja

Copy this bookmark:



description:


tags: