Webdev | Creative Bits https://creativebits.org Design News & Inspiration Wed, 12 Aug 2020 11:44:28 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.5 Mac Pro Hosting https://creativebits.org/webdev/mac_pro_hosting/ Thu, 20 Jun 2013 21:39:00 +0000 https://www.localartistprojects.com/uncategorized/mac_pro_hosting/ A week ago, Apple announced the stunning New Mac Pro line which features a radically new ‘miniature’ form factor. A company called MacStadium believes the Mac Pro is absolutely perfect for deployment into high density server Hosting environments. MacStadium’s Mac Pro POD will facilitate 270 servers in 12 square feet of datacenter floor space. Commenting [...]

The post Mac Pro Hosting first appeared on Creative Bits.]]>

A week ago, Apple announced the stunning New Mac Pro line which features a radically new ‘miniature’ form factor. A company called MacStadium believes the Mac Pro is absolutely perfect for deployment into high density server Hosting environments. MacStadium’s Mac Pro POD will facilitate 270 servers in 12 square feet of datacenter floor space.

Commenting on this Blog entry will be automatically closed on August 15, 2013.

The post Mac Pro Hosting first appeared on Creative Bits.]]> 15 Years of Apple’s Homepage https://creativebits.org/webdev/15_years_apples_homepage-3/ Thu, 24 Jan 2013 01:54:36 +0000 https://www.localartistprojects.com/?p=2633   See Apple.com homepages from 1997 to 2012 compiled by Charlie Hoehn with the help of Wayback Machine.

The post 15 Years of Apple’s Homepage first appeared on Creative Bits.]]>  

See Apple.com homepages from 1997 to 2012 compiled by Charlie Hoehn with the help of Wayback Machine.

The post 15 Years of Apple’s Homepage first appeared on Creative Bits.]]> 15 Years of Apple’s Homepage https://creativebits.org/webdev/15_years_apples_homepage-2/ Thu, 24 Jan 2013 01:54:00 +0000 https://www.localartistprojects.com/uncategorized/15_years_apples_homepage-2/ See Apple.com homepages from 1997 to 2012 compiled by Charlie Hoehn with the help of Wayback Machine. Commenting on this Blog entry will be automatically closed on March 21, 2013.

The post 15 Years of Apple’s Homepage first appeared on Creative Bits.]]>

See Apple.com homepages from 1997 to 2012 compiled by Charlie Hoehn with the help of Wayback Machine.


Commenting on this Blog entry will be automatically closed on March 21, 2013.

The post 15 Years of Apple’s Homepage first appeared on Creative Bits.]]> 15 Years of Apple’s Homepage https://creativebits.org/webdev/15_years_apples_homepage/ Thu, 24 Jan 2013 00:00:00 +0000 https://www.localartistprojects.com/uncategorized/15_years_apples_homepage/ See Apple.com homepages from 1997 to 2012 compiled by Charlie Hoehn with the help of Wayback Machine. Commenting on this Blog entry will be automatically closed on March 21, 2013.

The post 15 Years of Apple’s Homepage first appeared on Creative Bits.]]>

See Apple.com homepages from 1997 to 2012 compiled by Charlie Hoehn with the help of Wayback Machine.


Commenting on this Blog entry will be automatically closed on March 21, 2013.

The post 15 Years of Apple’s Homepage first appeared on Creative Bits.]]> Adobe Edge Tools & Services in 5 Minutes https://creativebits.org/webdev/adobe_edge_tools_services_5_minutes/ Tue, 15 Jan 2013 15:18:00 +0000 https://www.localartistprojects.com/uncategorized/adobe_edge_tools_services_5_minutes/ Get a quick overview of the Adobe Edge Tools & Services. Commenting on this Blog entry will be automatically closed on March 12, 2013.

The post Adobe Edge Tools & Services in 5 Minutes first appeared on Creative Bits.]]>

Get a quick overview of the Adobe Edge Tools & Services.

Commenting on this Blog entry will be automatically closed on March 12, 2013.

The post Adobe Edge Tools & Services in 5 Minutes first appeared on Creative Bits.]]> Typecast Nails Web Font Workflow https://creativebits.org/webdev/typecast_nails_web_font_workflow/ Tue, 23 Oct 2012 11:08:00 +0000 https://www.localartistprojects.com/uncategorized/typecast_nails_web_font_workflow/ Thanks to advances in browser support and growing libraries of quality typefaces, the use of web fonts is seeing exponential adoption. But what has been missing is a workflow that reflects the way designers actually work, providing them with the flexibility to test using thousands of fonts throughout a layout, not just on a small [...]

The post Typecast Nails Web Font Workflow first appeared on Creative Bits.]]>

Thanks to advances in browser support and growing libraries of quality typefaces, the use of web fonts is seeing exponential adoption. But what has been missing is a workflow that reflects the way designers actually work, providing them with the flexibility to test using thousands of fonts throughout a layout, not just on a small sample of type, and explore the use of such things as OpenType variations and paragraph indentation. And why not be able to automatically generate HTML and CSS from such tests to pass on to devs, as well as easily share your prototype designs and even generate a style guide for clients and partners? Typecast, now in beta, would seem to be able to do all this and more, reminding me how far the use of type on the web has come in just a few years.

Commenting on this Blog entry will be automatically closed on December 18, 2012.

The post Typecast Nails Web Font Workflow first appeared on Creative Bits.]]> New Google layout https://creativebits.org/webdev/new_google_layout/ Sat, 07 May 2011 11:50:35 +0000 https://www.localartistprojects.com/?p=2297 More white space, more scrolling, better colors, neater typography, less contrast. What’s your opinion? Thanks for the pic to chanian. Via: mashable.

The post New Google layout first appeared on Creative Bits.]]>

More white space, more scrolling, better colors, neater typography, less contrast. What’s your opinion?

Thanks for the pic to chanian. Via: mashable.

The post New Google layout first appeared on Creative Bits.]]> How to design for Google Instant Preview https://creativebits.org/webdev/how_design_google_instant_preview/ Tue, 09 Nov 2010 16:55:18 +0000 https://www.localartistprojects.com/?p=2148 Google is testing a new cool feature Instant Previews. This allows the user to preview any webpages before clicking them by hovering over or clicking a small magnifying glass icon next to the results. This preview is not just the above the fold portion of the site, but a long page with the keywords highlighted. I [...]

The post How to design for Google Instant Preview first appeared on Creative Bits.]]> google instant preview screenshoot

Google is testing a new cool feature Instant Previews. This allows the user to preview any webpages before clicking them by hovering over or clicking a small magnifying glass icon next to the results. This preview is not just the above the fold portion of the site, but a long page with the keywords highlighted. I expect many people will use this and therefore it’s important to consider the effect of this new service on how we design sites in the future.

Google seems to take a screenshoot of the site at minimal width without scrolling and resizes it to an image with a width of 300px. Many users will decide on which site to click based on these preview images. Therefore for sites relying heavily for their traffic on Google searches it will be important to show a webpage design that is compelling even at that small preview size. Here is a list of things to keep in mind when designing a site optimized for Google Instant Preview:

google instant preview design guidelines

  1. Use large branding as much as possible on the top of the page. This is to make people see and remember your brand even if they don’t click the link.
  2. Make sure the site structure is as simple as possible as in smaller size it will look easier to navigate.
  3. Use large colorful images above fold. Faces would work best. These will grab the attention and generate more clicks throughs.
  4. If you can try to include large type that explains what the site is about and invites the user to click.
  5. Make sure the site looks good even if the whole page is visible as a long column. Visual separation of content elements by background color would work best. For example alternating background color for blog posts would create a cool stripy effect.
  6. The preview images tend not to have any white space on any sides. Artificially include elements that allow the page to look wider for Google, so in result the preview image generated will have some breathing space and will look neater.
  7. Use backgrounds that look good in contrast against the white Google search page. Light shades of warm colors would work well against the white and blue of Google’s color scheme.
  8. You may want to experiment with a design element that is not apparent when you open the site in a browser, but in preview could communicate an unexpected message.
  9. Be aware that your red, purple and orange elements will degrade in the preview image even more than any other colors. This is due to a strange problem that is always present in all highly compressed jpeg images.

google instant preview example

The post How to design for Google Instant Preview first appeared on Creative Bits.]]> WebP new image format is here to speed up the web https://creativebits.org/webdev/webp_new_image_format_here_speed_web/ Thu, 30 Sep 2010 22:25:58 +0000 https://www.localartistprojects.com/?p=2284 Google is introducing a new compressed image format called WebP (pronounced “weppy”). It’s like JPG, PNG and GIF but better. Apparently the resulting images with WebP are 40% smaller than a jpg file at the same quality. But why bother with another file type. There are two very good reasons for that. Bandwidth costs and downloading speeds. [...]

The post WebP new image format is here to speed up the web first appeared on Creative Bits.]]> Google is introducing a new compressed image format called WebP (pronounced “weppy”). It’s like JPG, PNG and GIF but better. Apparently the resulting images with WebP are 40% smaller than a jpg file at the same quality.

But why bother with another file type. There are two very good reasons for that. Bandwidth costs and downloading speeds. Web pages on the web today are full of images and they make up at least 50% or more of the total bandwidth required for an average page. WebP can potentially make the web 25% faster in average for users and could cut bandwidth costs potentially by a quarter. This ratio can be significantly higher for sites with lot of large images.

For this new standard to take hold a lot has to happen. First of all, most browsers have to support WebP. Chrome will have WebP support within weeks and I speculate Safari and Firefox will follow shortly. It will take years for IE to follow, but eventually it will support it too. Second, we need Photoshop and other image editors to export WebP. Third, we need a web server solution to convert existing images on websites to WebP format dynamically depending whether the user is using a browser that supports WebP.

Do you think WebP will be a good change for the web or just one more standard to worry about?

The post WebP new image format is here to speed up the web first appeared on Creative Bits.]]> Web search blind test https://creativebits.org/webdev/web_search_blind_test/ Mon, 08 Jun 2009 00:32:41 +0000 https://www.localartistprojects.com/?p=2292 Practically everybody is using Google to search. But, is Google giving you the best search results? Here is a page where you can blind test Google, Bing and Yahoo! against each other. Pick the column that you think gives you the best results for a query and find out which search engine was it. Interesting to see [...]

The post Web search blind test first appeared on Creative Bits.]]>

Practically everybody is using Google to search. But, is Google giving you the best search results? Here is a page where you can blind test Google, Bing and Yahoo! against each other. Pick the column that you think gives you the best results for a query and find out which search engine was it. Interesting to see that Yahoo! is winning so far: Google: 23%, Bing: 19%, Yahoo: 57% | 58,985 votes

The post Web search blind test first appeared on Creative Bits.]]>