Archive for June, 2011

The iOS Zoom setting disables maximum-scale=1 and user-scalable=no

The setting I mentioned in iOS tip: how to zoom on web pages that have disabled user zoom lets you zoom on all web pages, which is great. But it’s even better than I originally thought.

Instead of having to double-tap with three fingers to zoom the entire screen of your iPhone, iPod Touch or iPad, it turns out that enabling the Zoom setting actually makes Safari ignore any meta name="viewport" scaling settings on the page. You can zoom in and out the normal way by using two fingers.

Read full post

Posted in , .

Copyright © Roger Johansson



Fluid Images

Learn to how to make fixed-width images fluid and how to add them to your fluid grids to build a site that responds to the size of the viewport without sacrificing aesthetics. We are delighted to present an excerpt from Ethan's new book, (and the fourth title from A Book Apart), Responsive Web Design.

Modern Debugging Tips and Tricks

Making sure that your site works as expected in different browsers and devices can challenge even the most savvy web worker. Join Tiffany B. Brown as she explains error thowing and handling, code injection, and mobile debugging using JavaScript.

Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko

Advertisement in Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko
 in Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko  in Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko  in Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko

In this post we are glad to present to you yet another freebie: a responsive WordPress theme Yoko which was designed by talented designers Ellen and Manuel from Elmastudio and released for the Web design community. Of course, the theme is absolutely free to use in private as well as commercial projects.

Yoko is a modern and flexible WordPress theme. With the responsive layout based on CSS3 media queries, the theme adjusts to different screen sizes. The design is optimized for big desktop screens, tablets and small smartphone screens. To make your blog more individual, you can use the new post formats (like gallery, aside or quote), choose your own logo and header image, customize the background and link color.

Release in Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko

Download the Theme for Free!

The theme is released under GPL. You can use it for all your projects for free and without any restrictions. Please link to this article if you want to spread the word. You may modify the theme as you wish.

Preview in Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko

Features

The theme requires WordPress 3.1+ to run. It has following features:

  • Cross-browser compatible (tested in Chrome, Firefox, Safari, Internet Explorer 8+)
  • HTML5 (with fallback for IE < 9) and CSS3
  • Responsive layout (CSS3 media queries, not supported in IE < 9, but you can use libraries like Respond.js by Scott Jehl or CSS3-Mediaqueries-js by Wouter van der Graaf to make it work in older versions of IE.)
  • WordPress post formats (aside, gallery, image, video, link and quote)
  • Theme options page, custom background, custom header image
  • Optional sub menu
  • A custom social links widget to promote your RSS-Feed, Facebook, Twitter, Flickr, Vimeo, LinkedIn or Delicious profile
  • Full-width page template
  • Google Web fonts in use (Droid Sans and Droid Serif)
  • Threaded comments with Gravatar support
  • Shortcodes for multiple columns, info boxes in three colors and highlighted text
  • Currently available in English, German and French.

Screenshots

Three-column-layout in Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko
Three-Column-Layout.

Two-column-layout in Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko
Two-Column-Layout.

One-column-layout in Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko
One-Column-Layout.

Comments in Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko
Comments area.

Customheader in Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko
Custom Header.

Post-format-gallery in Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko
Post Format Gallery.

Themeoptions in Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko
Theme Options.

Behind the Design

As always, here are some insights from the designers:

“Since the mobile Web is getting more and more popular every day, we think that it’s also time for WordPress themes to become more flexible and adapt to different devices and screen sizes. While designing the Yoko theme, our goal was to create a minimalistic design with focus on content and good readability on various devices. Also we wanted the theme to be easy to use and customizable for everybody, so we kept the theme options simple while still including the most important options to add a personal style to the theme.

The main problem to solve during the design and development process was to make sure that all the different contents and plugins that people will use still work in the responsive layout. Of course the responsive design approach is still in development but we think it’s a lot of fun to explore new possibilities and as doing so make Web design and WordPress themes more powerful and flexible to use.”

Thank you, Ellen and Manuel! We sincerely appreciate your work and your good intentions!


© Smashing Editorial for Smashing Magazine, 2011. | Permalink | Post a comment | Smashing Shop | Smashing Network | About Us
Post tags: , ,


Sunsets and Color Palettes Inspiration

Advertisement in Sunsets and Color Palettes Inspiration
 in Sunsets and Color Palettes Inspiration  in Sunsets and Color Palettes Inspiration  in Sunsets and Color Palettes Inspiration

Photographers often turn to sunsets to capture some spectacular and vibrant color palettes painted across Mother Nature’s canvas. The sky turns so many different shades as the sun sinks behind the horizon, that you find many saying that sunset is a time of inspiration. As designers, we can turn to these amazing photos not only to inspire but to capture some of those color palettes for our own work.

That is why we have this post working double duty for our readers. We have collected some wonderful photographs of sunsets and arranged them in a gallery to inspire you. And we have generated color palettes from the photos that we have included in the post so that you can save them and use them later in your future designs.

The Goods

Sunset at Ger Tor by Alex37

Sunset-at-Ger-Tor-by-Alex37 in Sunsets and Color Palettes InspirationCp-ger-tor in Sunsets and Color Palettes Inspiration

A cold sunset by Johnny Deluxe

A-cold-sunset-by-johnnydeluxe in Sunsets and Color Palettes InspirationCp-a-cold-sunset in Sunsets and Color Palettes Inspiration

Sunset on Goulais Bay by spisharam

Sunset-on-goulais-bay in Sunsets and Color Palettes InspirationCp-on-goulais-bay in Sunsets and Color Palettes Inspiration

Sunsets by Mohamed Malick

Sunsets-by-malick in Sunsets and Color Palettes InspirationCp-malick in Sunsets and Color Palettes Inspiration

Sunset by Neils Photography

Sunset-by-neilsphoto in Sunsets and Color Palettes InspirationCp-neils-photo in Sunsets and Color Palettes Inspiration

Sunset by Brian Forbes

Sunset-by-forbes in Sunsets and Color Palettes InspirationCp-forbes in Sunsets and Color Palettes Inspiration

Sunset by sudarshan vijayaraghavan

Sunset-by-sudarshan in Sunsets and Color Palettes InspirationCp-sudarshan in Sunsets and Color Palettes Inspiration

Sunset at Chitwan National Park Nepal by Worldizen

Sunset-at-chitwan in Sunsets and Color Palettes InspirationCp-at-chitwan in Sunsets and Color Palettes Inspiration

Sunset by halfrain

Sunset-by-halfrain in Sunsets and Color Palettes InspirationCp-halfrain in Sunsets and Color Palettes Inspiration

Sunset by luvjnx

Sunset-by-luvjnx in Sunsets and Color Palettes InspirationCp-luvjnx in Sunsets and Color Palettes Inspiration

Sunset by Don Dearing

Sunset-by-don-d in Sunsets and Color Palettes InspirationCp-don-d in Sunsets and Color Palettes Inspiration

Sunset tree by jsogo

Sunset-tree in Sunsets and Color Palettes InspirationCp-sunset-tree in Sunsets and Color Palettes Inspiration

Sunset by AntiSpy

Sunset-by-AntiSpy in Sunsets and Color Palettes InspirationCp-antispy in Sunsets and Color Palettes Inspiration

Sunset by S-moon

Sunset-by-S-moon in Sunsets and Color Palettes InspirationCp-s-moon in Sunsets and Color Palettes Inspiration

Sunset by onlyphoto

Sunset-by-onlyphoto in Sunsets and Color Palettes InspirationCp-onlyphoto in Sunsets and Color Palettes Inspiration

Golden Sunset by XipnosS

Golden-Sunset-by-XipnosS in Sunsets and Color Palettes InspirationCp-golden-sunset in Sunsets and Color Palettes Inspiration

Sunset by aiyoshi

Sunset-by-aiyoshi in Sunsets and Color Palettes InspirationCp-aiyoshi in Sunsets and Color Palettes Inspiration

Sunset by yakushkin

Sunset-by-yakushkin in Sunsets and Color Palettes InspirationCp-yakushkin in Sunsets and Color Palettes Inspiration

Sunset by theotherdude

Sunset-by-theotherdude in Sunsets and Color Palettes InspirationCp-theotherdude in Sunsets and Color Palettes Inspiration

Sunset by MaraDamian

Sunset-by-MaraDamian in Sunsets and Color Palettes InspirationCp-maradamian in Sunsets and Color Palettes Inspiration

A Sunset by metagore

A-Sunset-by-metagore in Sunsets and Color Palettes InspirationCp-metagore-sunset in Sunsets and Color Palettes Inspiration

Sunset in Oporto by nfp

Sunset-in-oporto-by-nfp in Sunsets and Color Palettes InspirationCp-in-oporto in Sunsets and Color Palettes Inspiration

Sunset by Neils Photography

Sunset2-by-neilsphoto in Sunsets and Color Palettes InspirationCp-neilsphoto2 in Sunsets and Color Palettes Inspiration

Fisherman and Sunset by WindyLife

Fisherman-and-sunset in Sunsets and Color Palettes InspirationCp-fisherman-and-sunset in Sunsets and Color Palettes Inspiration

Lupins Sunset by Xavier Jamonet

Lupins-Sunset-by-XavierJamonet in Sunsets and Color Palettes InspirationCp-lupins-and-sunset in Sunsets and Color Palettes Inspiration

Shore Sunset by robcherry

Shore-Sunset-by-robcherry in Sunsets and Color Palettes InspirationCp-shore-sunset in Sunsets and Color Palettes Inspiration

at sunset… by WiciaQ

At-sunset-by-WiciaQ in Sunsets and Color Palettes InspirationCp-at-sunset in Sunsets and Color Palettes Inspiration

sunset by sultan-alghamdi

Sunset-by-sultan-alghamdi in Sunsets and Color Palettes InspirationCp-by-sultan in Sunsets and Color Palettes Inspiration

Hawaiian Sunset by andrewmcconville

Hawaiian-sunset-by-andrewmcconville in Sunsets and Color Palettes InspirationCp-hawaiian-sunset in Sunsets and Color Palettes Inspiration

Sunset by ak87

Sunset-by-ak87 in Sunsets and Color Palettes InspirationCp-by-ak87 in Sunsets and Color Palettes Inspiration

Lake Sunset by 777ultimate

Lake-sunset-by-777ultimate in Sunsets and Color Palettes InspirationCp-lake-sunset in Sunsets and Color Palettes Inspiration

a Boat at the Sunset by jjuuhhaa

A-Boat-at-the-Sunset-by-jjuuhhaa in Sunsets and Color Palettes InspirationCp-a-boat-at-sunset in Sunsets and Color Palettes Inspiration

Sunset VIII by norfold

Sunset-VIII-by-nordfold in Sunsets and Color Palettes InspirationCp-sunset-VIII in Sunsets and Color Palettes Inspiration

Red Sunset by Mariposita1

Red-Sunset-by-Mariposita1 in Sunsets and Color Palettes InspirationCp-red-sunset in Sunsets and Color Palettes Inspiration

Sunset blaze – Brampton by wildplaces

Sunset-blaze-Brampton-by-wildplaces in Sunsets and Color Palettes InspirationCp-sunset-blaze in Sunsets and Color Palettes Inspiration

(rb)


  •   
  • Copyright © 1996-2010 BlogmyQuery - BMQ. All rights reserved.
    iDream theme by Templates Next | Powered by WordPress