Grid Designer 2 If you're familiar with the grid, a bit of design and basic typography, using this script should be pretty easy - most of the functions are pretty self-explanatory. If you're unfamiliar with grids in general, you could start by reading an excellent series of articles by web designer Mark Boulton. For those who want a real understanding of the theory of grids in relation to design and typography, I strongly recommend this book. On the Columns tab, you can start your design in two ways: Fill in the number of columns, total width, gutters and margin widths, all specified in pixels - then press the design button. Recalculate the settings in various ways by clicking the row of buttons located next to each setting.
Paper Chain People Paper Chain People Craft While putting together these Christmas paper chains, I decided to create several more paper chain templates of people, animals and fun shapes. My kids love making accordion fold paper chains – I guess sometimes the simplest kids crafts can also be the most satisfying! Check out all of the printable crafts on Craft Jr.! Kids Crafts, Printables & Kid Friendly Recipes css3 menu,animation navigation menu In this new category called “Tips and Tricks” we will introduce some quick and interesting methods around web development and web design. In today’s tip we’ll show you how to spice up your menu by adding a neat hover effect to it. The idea is to slide an image out to the right when hovering over a menu item. Each menu item (which is a unordered list item in this case) will have an anchor containing two spans and an image: <ul class="mh-menu"><li><a href="#"><span>Art Director</span><span>Henry James</span></a><img src="images/1.jpg" alt="image01"/></li><!-- ...
3D Paper Owl from mmmcrafts The gifted Larissa from mmmcrafts is here sharing her amazing talents with an unbelievable 3D paper owl. Larissa writes… Left: art made with this tutorial, Right: art made with alternate colors (see note at the end of the tutorial) Hey, Craft Campers! Cutting Edge CSS3 Typography Techniques Beautiful typography always intrigues me and I'm always looking for ways to combine web typography and technology to make them display better. Last month I got a chance to experiment with CSS3 typography techniques and see how far I could mix and match these techniques to create a visually stunning piece of typography on the web. Today, I’ll show you how you can use these CSS3 properties to spice up your typography or create stunning text effects in a way you don’t think is possible.
Css-only Alternative to the Select Element In this tutorial, I will present you my alternative solution to the select form tag. It’s css-only and it looks simple but really nice. We will use a list of radio elements, styled as a drop-down list, that will look and behave similarly to the select element. Gallery Michael Jackson Hardy Leung, July 31, 2010 Paul the Octopus Hardy Leung, July 11, 2010 Frida Kahlo Hardy Leung, July 7, 2010 Dalmatian Hardy Leung, June 8, 2010 Ada Lovelace (Computer Pioneer) Hardy Leung, May 26, 2010 Rosa Parks Hardy Leung, May 26, 2010 Eleanor Roosevelt Hardy Leung, May 26, 2010 Martin Luther King Jr. Country Populations Hardy Leung, April 1, 2010