Design Revolution
72.3K views | +9 today
Follow
Design Revolution
Design Is Revolutionary
Your new post is loading...
Scooped by Martin (Marty) Smith
Scoop.it!

Don't Add This Image To Your Website - Learn Why

Don't Add This Image To Your Website - Learn Why | Design Revolution | Scoop.it

Web Design Tips - Image FIles
The questions we ask are often wrong on their face. In this case a website owner was asking how best to put the detailed image of rug, pillows and sofa on their website. The answer is they shouldn't. 

The detailis so HEAVY it will need a jpeg or compressed file to look good and NOT slow down page load times. The text on the right is the real problem. When you use jpegs text looks horrible because the compression makes everything fuzzy. 

The human eye doesn't notice fuzzy in the rug and pillows, but in things we're trying to read fuzzy sucks. That is why this image shouldn't be loaded to any website. An image of the rug, pillows and sofa can be loaded as a jpeg and the text should be written in with a Cascading Style Sheet (CSS). 

CSS will write the text into the html and so be readable. At this point designing with CSS is so common anyone asking for money to design a website should be able to create a layer with the text in it. The little point might be a tad tricky, but not so tricky most designers shouldn't be able to handle it. 

The serif font is a whole other issue (lol), but the answer to how to put this image up is already wrong. This image shouldn't go up to the web as we explain on Stack Exchange.  

more...
No comment yet.
Scooped by Martin (Marty) Smith
Scoop.it!

CSS Class - Call For Good Resources To Learn CSS

CSS Artistry: A Web Design Master Class (includes full-color Transcending CSS book and 2 1/2-hour Inspired CSS DVD video training) [Andy Clarke] on Amazon.com. *FREE* super saver shipping on qualifying offers.
Martin (Marty) Smith's insight:

I need to learn CSS since my old HTML markup doesn't go far anymore. Does anyone have experience with this or other products that could help a right brain marketing guy learn CSS without much PAIN? Let me know in comments or email Martin(at)StoryofCancer.org.

more...
No comment yet.
Scooped by Martin (Marty) Smith
Scoop.it!

Beauty, Data Visualization & Web Design's Future - TED Video w/ David McCandless

View full lesson: http://ed.ted.com/lessons/david-mccandless-the-beauty-of-data-visualization David McCandless turns complex data sets, like worldwide milita...


Marty's Take On Web Design & Data Visualization
Had an interesting conversation with Curagami ( http://www.Curagami.com ) co-founder Phil Buckley at lunch yesterday. We were discussing my attempt to change the CSS on the Hack Headphones Shopify store I'm creating. 

I shared how I found a post on how to change the buy button. I wanted a bigger button. The problem was the post with the answer must have been 2 or more iterations behind the theme I'm using.

The change moved slightly unintelligible java to completely unintelligible code (at least for me). Where once there was a "height" variable now there were nested variables.

Welcome to the future of web design.

If a company with more Ph.Ds than almost anyone, Google, decides to float their index creating a responsive float that seems to wrap search results around searchers like a blanket WHY don't we lucky few Internet marketers realize that's the planet we are all in transit to?

The New Web Designer
Once a "website" becomes a series of interlocking "IF" "THEN" statements "designing" a website becomes an exercise in data visualization.  

Design in a variable world is different as this great data visualization TED video shares (stay with it as the visual candy gets better in the middle).  The skills need to be this "new designer" include but are not limited to:

* Spatial reasoning and intelligence.

* Ability to read and translate metrics into meaningful images (i.e. data visualization).
* Enough Javascript to choke a horse.

* Even more CSS as everything is floating in a variable galaxy.
* Understanding how variables and results should influence design, color, layout in order to increase engagement and conversion.

If this sounds like the silos between design, code, marketing, research, sales and customer service are coming down fast we agree.  

more...
No comment yet.