recentpopularlog in

garrettc : images   61

Tiler - Build images with images.
"Tiler is a tool to create an image using all kinds of other smaller images (tiles). It is different from other mosaic tools since it can adapt to tiles with multiple shapes and sizes (i.e. not limited to squares).

An image can be built out of circles, lines, waves, cross stitches, legos, minecraft blocks, paper clips, letters, ... The possibilities are endless!"
imagery  images  python  generator  tiles  programming 
september 2019 by garrettc
Start Performance Budgeting
"If you're building a web experience and want to stay fast, a performance budget can be critical. For success, embrace performance budgets and learn to live within them. Network & CPU limits on mobile can require asking hard questions like, "what is really important to my users?"
javascript  webdevelopment  performance  css  html  images  network  internet  worldwideweb  architecture 
july 2019 by garrettc
SVG symbol viewer
An online, no-upload drag-and-drop SVG file symbol extractor and viewer.
webdevelopment  webdesign  svg  images  graphics  tool 
june 2019 by garrettc
Unraveling the JPEG
"JPEG images are everywhere in our digital lives, but behind the veil of familiarity lie algorithms that remove details that are imperceptible to the human eye. This produces the highest visual quality with the smallest file size—but what does that look like? Let's see what our eyes can't see!"
images  tutorial  jpeg  jpg  compression  algorithm 
may 2019 by garrettc
Remove Background
Remove Image Background: 100% automatically – in 5 seconds – without a single click – for free.
background  design  images  tools 
march 2019 by garrettc
The Art Institute of Chicago
Discover art by Van Gogh, Picasso, Warhol & more in the Art Institute's collection spanning 5,000 years of creativity.
art  design  images  publicdomain  inspiration 
november 2018 by garrettc
The Visual Telling of Stories samplers
"Welcome to Chris Mullen's website, The Visual Telling of Stories. You can go to the main gate or shuffle about in the Samplers till you get some hang of the place. It was started in 1996. Material is added every day. It is far bigger than you could ever imagine. I don't blame you for backing out, with a polite cough. I'll never know."
advertising  culture  images  inspiration  photography  society 
october 2018 by garrettc
Textile Photos
Textile is a digital wallet for your photos.
dweb  photography  encryption  images  sharing  decentralised 
september 2018 by garrettc
Converting Images To WebP
In this excerpt from his eBook “The WebP Manual,” developer and author Jeremy Wagner will show you the many ways you can convert your existing images to the WebP format.
webp  images  compression  performance  webdevelopment  webdesig 
august 2018 by garrettc
Taking A Look At The State Of Progressive Images And User Perception
"There is no simple way to synthesize a user’s perception of an image loading over time. We are driven by the gut feeling that showing earlier is better, even if it’s not the final content, though some users will disagree.

As developers, we need to measure performance. It’s the only way we can set targets to improve it, and know when we don’t meet a performance budget."
performance  images  webdevelopment  webdesign  lqip  research  userexperience 
february 2018 by garrettc
Subtle patterns
Free high quality patterns for your next web project.
design  images  patterns  webdesign  resource  texture  background 
january 2018 by garrettc
Fundamentals of Responsive Images
Picture this: images that look awesome and load fast. Learn how to size up responsive image solutions to choose what's right for your site.
css  responsivedesign  webdesign  webdevelopment  images  photography  mobileweb  progressiveenhancement 
october 2017 by garrettc
"…a visual data exploration tool for exploring data collections of images by presenting vast quantities of images in a single field of view."
data  analytics  images  software  exploration 
june 2017 by garrettc
Responsive Images Done Right: A Guide To <picture> And srcset - Smashing Magazine
Dealing with responsive images turned out to be quite a nightmare. A better way to provide the browser with details about its environment is by simply telling the browser the rendered size of the image. Kind of obvious, really.
responsivedesign  images  webdevelopment  webdesign 
april 2015 by garrettc
Responsive Hero Images
"Hero images present unique challenges for responsive designs. During a recent responsive images audit, we found a unique solution which I wanted to share."
webdesign  responsivedesign  images 
march 2015 by garrettc
The Metropolitan Museum of Art Collection
The Metropolitan Museum of Art has released a vast archive of 400,000 (mostly) hi-resolution digital images online that you can download and use for non-commercial purposes.
art  collection  gallery  images  museum  photography  design  history 
november 2014 by garrettc
The Cicada Principle and Why It Matters to Web Designers
Using prime numbers to create small seamless background images that rarely repeat.
css  css3  webdesign  images  background 
april 2011 by garrettc
Responsive Images: Experimenting with Context-Aware Image Sizing
Using some htaccess directives, a smattering of javascript, and the HTML5 data-fullsrc attribute.
responsivedesign  html  html5  webdesign  webdevelopment  javascript  apache  htaccess  images 
march 2011 by garrettc
A quick and simple service for getting pictures of kittens for use as placeholders. Because everything is better with kittens, even testing.
webdesign  webdevelopment  placeholder  images  kittens 
february 2011 by garrettc
Homepage for the camera on board the MRO. Desktop goodness.
astronomy  experiment  hirise  mars  photography  images  desktop 
november 2010 by garrettc
Fluid Images
Ethan does it again with a nice technique for scalable image displays. Shame it's such a pain to do on IE.
css  images  javascript  webdesign  layout 
april 2009 by garrettc
Flickr Collection: Design Patterns
"This collection captures findings of consistent, unique or interesting interfaces and design flows from across the web."
design  development  elements  examples  flickr  gallery  graphics  gui  guidelines  ideas  images  interaction  interface  patterns  reference  research  resource  showcase  usability  userexperience  useful  inspiration 
june 2008 by garrettc
Gallery of Graphic Design
Huge collection of magazine print adverts from the 30s to the late 60s.
advertising  art  design  gallery  graphics  history  images  inspiration  print  reference  resource  typography  vintage  retro  archive 
march 2008 by garrettc
Long Duration Love Affair
"It orbited the Earth for five and a half years with nothing expected of it other than to float there, getting battered about by whatever the great black yonder saw fit to throw at it. You see, every inch of its outside surface was covered with Science."
nasa  photography  satellite  space  images  exploration  ldef 
february 2008 by garrettc
Flight thru Instruments
Images from "Flight Thru Instruments," a 1945 US Navy pilot-training manual designed by the Graphic Engineering Staff at General Motors
aviation  book  cool  design  flight  graphics  illustration  images  infographics  information  instrument  training  inspiration 
january 2008 by garrettc
Web based vectorisation tool for bitmap graphics.
Now this is impressive. Better than Illustrator in fact.
design  graphics  vector  images  software  art  digital  tools 
november 2007 by garrettc
Consistency in image layouts
ALA article showing how to use javascript to get consistent images layouts in content.
code  css  design  javascript  layout  graphics  images 
september 2007 by garrettc
Wellcome Trust releases 2000 years of medical images under Creative Commons
"Free, unlimited access to two thousand years of mankind and medicine in pictures made available through Creative Commons Licence"
biology  creativecommons  design  free  illustration  images  inspiration  library  photography  research  science  uk  medical  stock  graphics 
july 2007 by garrettc
Creative Use of PNG Transparency in Web Design
Overview of different techniques for using PNGs in your design. Some good basic stuff here.
design  css  png  graphics  images  transparency  webdevelopment 
may 2007 by garrettc
WWII Cutaways
Gorgeous illustrations from the 1940s of "how things work"
aircraft  art  bw  history  war  images  military  design  WWII  gallery  diagram  documentation  resource  ideas  illustration 
april 2007 by garrettc
swfIR: swf Image Replacement
Using Flash and Javascript to extend image inclusion in HTML
code  design  flash  graphics  howto  ideas  images  javascript  layout  opensource  webdevelopment  userinterface  hacks 
february 2007 by garrettc
TagMaps - World Explorer
From Yahoo! Research Berkeley. Overlaying geotagged images from flickr onto a map to aid exploration.
flickr  folksonomy  geography  geotagging  gis  gps  images  interface  internet  photo  photography  research  search  tagging  technology  maps 
january 2007 by garrettc
Expedition 10 Earth Observation Photos
"Expedition 10 Commander Leroy Chiao, who lived aboard the International Space Station from October 2004 to April 2005, took more than 24,000 Earth observation photos... These are his 10 favorite"
art  astronomy  geography  images  photo  space  nasa  desktop 
january 2007 by garrettc
Art from Atari 2600 cartridges. I want one of these for my wall.
art  code  data  digital  gallery  graphics  history  images  visualisation  visual  programming  software  technology  atari  game  computer 
september 2006 by garrettc
CSS Scale Image Html Tutorial
Using ems to scale images in relation to text size.
code  css  design  howto  html  images  layout  scale  tutorial  webdevelopment 
september 2006 by garrettc
A Gradient Tutorial
Nice little tutorial from the 9rules network on how to avoid washed out gradients.
art  buttons  colour  design  development  digital  graphics  guide  howto  photoshop  resource  style  tutorial  gradient  images  tips  tricks 
september 2006 by garrettc
Hydrogen Atom Scale Model
If you scale up the electron in a hydrogen atom to one pixel across, how big is the proton? And how far apart are they?
chemistry  cool  education  images  science  visualisation 
august 2006 by garrettc
Google Sightseeing
Visit the world without leaving the comfort of your armchair.
art  blog  culture  discussion  earth  google  geography  geek  gallery  googleearth  googlemaps  guide  humour  images  online  photography  satellite  search  Travel  world  space  technology  maps 
july 2006 by garrettc
HTML Emails - Taming the Beast
Another cracking article from Vitamin, this time dissecting the ins and outs of HTML email.
accessibility  advertising  advice  css  article  design  useful  images  layout  mail  email  examples  guidelines  html  reference  research  formatting  webdevelopment 
june 2006 by garrettc
Thought provoking and interesting set of maps where territories are re-sized on each map according to the subject of interest. Population, air travel, tourism, expenditure etc.
cool  data  design  earth  education  geography  history  future  images  information  research  social  sociology  visualisation  teaching  statistics  world  demographics  maps 
may 2006 by garrettc
Creating stencils from colour pictures
How to convert a colour photo to a single layered stencil with Photoshop. Handy.
art  bw  colour  cool  craft  design  digital  drawing  graphics  guide  howto  images  photography  reference  resource  software  teaching  useful  stencil  photoshop  tips  tools  tricks 
may 2006 by garrettc
Suckerfish HoverLightbox
Interesting combination of the Hoverbox Lightbox and suckerfish dropdowns to create an image gallery.
css  javascript  interesting  gallery  images  webdevelopment 
march 2006 by garrettc
Amazing collection of propaganda posters from Germany, the U.S.A., U.K. and more.
art  design  culture  graphics  history  interesting  politics  reference  propaganda  posters  images 
december 2005 by garrettc

Copy this bookmark:

to read