BlogmyQuery – BMQ

The new and revitalized CSS3 properties have not only opened up many, many marvelous development solutions for web designers, it has also allowed talented developers to push the boat out further and showcase there CSS skills by building and styling in ways that were never ever thought possible previously.

In today’s news round-up we take a look at some of these amazing experimental pure CSS3 creations…

Please note, you will need either the latest version of Safari or the Chrome browser to fully experience these CSS3 experiments.

iOS Icons Made in Pure CSS

iOS Icons Made in Pure CSS

iPhone CSS3

iPhone CSS3

Pure CSS Twitter Fail Whale

Pure CSS Twitter Fail Whale

Pure CSS Animated 3D Super Mario Icon

Pure CSS Animated 3D Super Mario Icon

By Paul Andrew (Speckyboyand speckyboy@twitter).

Reading about the UI design process of any web site, web application or even a mobile app can be very informative and inspirational for any designer. But nothing would beat experiencing the initial design process, as the original designer did, and getting the chance to view the fruition of a UI concept. The only way you could experience this is by having a look at the designers initial wireframe sketches, and that is exactly what we have for you today in this news round-up – A Selection of Mobile UI Wireframe Sketches.

iPhone Sketches: Paper, Pencils, Wooden Forms, Ink and Brush

iPhone Sketches: Paper, Pencils, Wooden Forms, Ink and Brush

Harvest iPhone App Sketches

Harvest iPhone App Sketches

Early Ember Sketches in Color

Early Ember Sketches in Color

By Paul Andrew (Speckyboyand speckyboy@twitter).

What do you recommend? Should your web image have a resolution of 72dpi or is it irrelevant as the browser works in pixels and 100 pixels are 100 pixels no matter what dpi you select? What do you think?

You can leave your thoughts or recommendations below, or you can leave your answer on the original question on Answers here: What resolution do you recommend for an image on the web?

What resolution do you recommend for an image on the web?

This question was originally asked by Kevin M..

There have been four varied answers so far, you can view them below:

Thanks to everyone who asked a question, but most importantly thanks to everyone that took the time and effort to offer helpful and useful answers.

Sometimes to get your development juices flowing you just need a meaty project or an in-depth tutorial that you can sink your teeth into and lose yourself for a few hours in coding bliss. And that’s what we have for you today, three tutorials that will satisfy your code craving! They are not only roll-up-your-sleeves and put-on-a-pot-of-coffee good but they will also introduce you to some of the latest CSS3, HTML5 and jQuery techniques.

A jQuery, CSS3 & HTML5 Hover-Based Interface

In this awesome tutorial you will learn how to create a useful hover-based user interface using jQuery, CSS3, HTML5 and @font-face. The project you’ll be creating could easily be used for a portfolio or business site and the concepts you’ll learn could certainly be used to expand the idea further.
A jQuery, CSS3 & HTML5 Hover-Based Interface

Dynamic FAQ Section w/ jQuery, YQL & Google Docs

In this tutorial, you will build a dynamic FAQ section. The script, with the help of jQuery & YQL, will pull the contents of a shared spreadsheet in your Google Docs account, and use the data to populate the FAQ section with questions and answers.
Dynamic FAQ Section w/ jQuery, YQL & Google Docs

How to easily create charts using jQuery and HTML5

For years, Flash was the only solution to display a dynamic chart on a website. But thanks to modern techniques, the dying Flash isn't needed anymore. In this tutorial,you'll be shown how easy it is to transform a basic HTML table into a profesionnal looking chart using visualize.js, a very useful jQuery plugin.
How to easily create charts using jQuery and HTML5

By Paul Andrew (Speckyboyand speckyboy@twitter).

For today’s news we have collected our favorites design and development related freebies from the the past week and thought they were that good, that we simply had to share them with our readers.

“Buddycons� – Vector Social Media Icons

The icon set is called “Buddycons� and includes 126 vector social media icons. Included in the set are PNG versions of all 126 icons in both circular and rounded variations as well as a vector source file for easy resizing. The icons are free to use for personal and commercial usage, however, redistribution is not allowed.
“Buddycons� – Vector Social Media Icons

Free PSD Templates: vCard Personal Portfolio Minisite

This PSD design comes in 4 pages: Homepage (About), Works (Portfolio), Portfolio Pop-Up, and Contact.
All the pages are in Photoshop (.PSD) format with all layers neatly organized in layer groups for easy identification and editing of the logo, text and graphics.
Free PSD Templates: vCard Personal Portfolio Minisite

Modernist: Free WordPress Theme with Focus on Typography

This theme supports widgets, is SEO optimized and has clean and documented code. It loads very quickly, and has various WordPress 3.0 features. Works in IE 6+ and all versions of Safari/Firefox/Opera. The theme is absolutely free to use in private and commerical projects.
Modernist: Free WordPress Theme with Focus on Typography

Typominima: Free typography based minimal WordPress theme

Typominima is a free typography based, gorgeous, minimal WordPress theme fit for the writer inside you.
Typominima: Free typography based minimal WordPress theme

Coda Shortcuts Cheat Sheet (PDF)

Coda Shortcuts Cheat Sheet (PDF)

By Paul Andrew (Speckyboyand speckyboy@twitter).