Archive for the ‘web design principles’ Category

HTML5 has a logo

Friday, January 21st, 2011

HTML5 has certainly gotten a lot of press throughout the past year or so — and it is a huge leap forward. The HTML5 name has — in general — become somewhat of an umbrella term for a mix of some HTML5 markup, CSS3 and javascript techniques and libraries to help make things come to life (without flash design), as well as fixes for IE and older browsers.

The current state of affairs seems to have taken any relatively new feature or browser trick and affixed the “HTML5″ name on it. It seems that every techie or demo site out there, can’t wait to throw the HTML5 name on any new browser capability, without understanding what HTML5 really is. Even when Apple demonstrated it’s HTML5 demo page, only 2 of the examples demonstrated HTML5 capabilities (audio and video demos) the rest were a collection of CSS3, javascript and Safari-only CSS extensions.

But… none of this matters, because HTML5 has become a brand!
Check out this WC3 site, and a very well-done and beautifully architect-ed site I might add… for the new HTML5 logo (and yes T-Shirts and stickers too).

We may not be using pure HTML5 in this decade, but we sure can wear a T-shirt!!
(of course we can use some HTML5 right now, and put it’s banner on everything that is new in a browser today, as long as we still keep cross-browser compliance in mind for our audience)

Share and enjoy this web design link:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • NewsVine
  • Print this article!
  • Reddit
  • StumbleUpon
  • Technorati

Rounded Corners For CSS3 Website designers

Wednesday, May 12th, 2010

Now that CSS3 is starting to penetrate, web Design has many exciting additions are worthy of mentioning. One being CSS rounded corners. In the past and most likely the present in order to get the widest penetration with older browsers, web designers and front-end developers used tricks or work-arounds to get the rounded corner implemented with few or no graphic images. After trying many things this one sticks out as one working very well!!  http://dillerdesign.com/experiment/DD_roundies/

But if your into CSS3 there are some options for borders in CSS3, of which one is border-radius. Both Firefox and Safari 3 have implemented this function, which allows you to create round corners on box-items.

The code for this example above is actually quite simple:
(The example below is an image so all browsers can see it)

<div style=" background-color: #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #000;
padding: 10px;" >

These different corners can also each be handled on their own:
(The above example is an image so all browsers can see it)

These are handled by this:
-moz-border-radius-topleft / -webkit-border-top-left-radius
-moz-border-radius-topright / -webkit-border-top-right-radius
-moz-border-radius-bottomleft / -webkit-border-bottom-left-radius
-moz-border-radius-bottomright / -webkit-border-bottom-right-radius

Share and enjoy this web design link:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • NewsVine
  • Print this article!
  • Reddit
  • StumbleUpon
  • Technorati

Dear Subscribers

Friday, April 2nd, 2010

We have been experiencing a few technical difficulties with our subscriber list recently.
We sincerely apologize. If you haven’t been receiving email updates, you will be now !

Please check out the blog for some recent posts,
there have been some exciting things happening in the digital news lately!

http://www.micelistudios.com/blog

Share and enjoy this web design link:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • NewsVine
  • Print this article!
  • Reddit
  • StumbleUpon
  • Technorati

Google’s FTTH Project in design phase

Wednesday, March 31st, 2010

Google plans to build a new Fibre-to-the-Home (FTTH) network in the US, capable of delivering speeds of up to 1 Gbps. Pretty cool.

Google posted a map showing the locations of the applications and letters of support – the small dots represent a government response, and a large dot represents locations where more than 1,000 residents submitted a nomination.

Share and enjoy this web design link:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • NewsVine
  • Print this article!
  • Reddit
  • StumbleUpon
  • Technorati