spaceninja + images 12
Awesome Image-Attachment Recipes for WordPress
october 2011 by spaceninja
"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
october 2011 by spaceninja
"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
Placehold.it - Quick and simple image placeholders
october 2011 by spaceninja
A quick and simple image placeholder service.
lorem
placeholder
fpo
images
webapps
october 2011 by spaceninja
WordPress Custom Headers
october 2011 by spaceninja
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
october 2011 by spaceninja
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
october 2011 by spaceninja
"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
october 2011 by spaceninja
"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
october 2011 by spaceninja
"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
october 2011 by spaceninja
"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™
october 2011 by spaceninja
"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
august 2010 by spaceninja
"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
july 2010 by spaceninja
"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
related tags
asides ⊕ attachments ⊕ background ⊕ browsers ⊕ compression ⊕ conversion ⊕ css ⊕ css3 ⊕ devtools ⊕ effects ⊕ fix ⊕ formats ⊕ fpo ⊕ free ⊕ fullscreen ⊕ galleries ⊕ generator ⊕ grayscale ⊕ hack ⊕ headers ⊕ ie ⊕ images ⊖ internetexplorer ⊕ interpolation ⊕ javascript ⊕ links ⊕ lorem ⊕ mediaqueries ⊕ microsoft ⊕ mobile ⊕ optimization ⊕ placeholder ⊕ plugins ⊕ processing ⊕ quality ⊕ quotes ⊕ resized ⊕ responsive ⊕ scaled ⊕ smushit ⊕ themes ⊕ thumbnails ⊕ tips ⊕ webapps ⊕ wordpress ⊕ yahoo ⊕Copy this bookmark: