One page web design has a little myth: Not dynamic enough. However, it is still possible to be dynamic using WordPress. Recently I found 2 ways to work-around it. 1: Widgetize the content area; 2: Page extract.

1: Widgetize the content are

I think there is no need much explanation on this one. Just create widget for specific area:

However, widget area doesn’t give you much “Dynamic” impact. The lack of visual editor, the need to use HTML tags and of course uploading an image. It will be a lot of job to start off, though updating is easier. That’s why I discovered another approach, the page extract.

2: Page extract

Time to revisit WP_Query again. Notice that is has pagename=my-page-name ready when query WordPress loop.

<?php
$the_query = new WP_Query('pagename=contact');

while ( $the_query->have_posts() ) : $the_query->the_post();
	echo the_content();
endwhile;

wp_reset_postdata();
?>

There I can query some pages I need on that one page. This can help editing the layout content, I gets all the visual editing, media uploading and etc. Just as per post/page editing. It helps a lot when creating for a client.

On part of the custom menu, it is like normal. I’m using <a name=""></a> approach, so instead of normal drag-and-drop, I go with custom link:

Or you ended up learning the hard way? I for one, happen to be the hardway guy most of my time. From not willing to learn and use Geocities WYSIWYG to not willing to learn XHTML until last minute decision. There is always last-minute in my life, even getting an insurance from BCBS of NC, if not something happen in the family, I couldn’t care less.

I always open my Google Reader on a tab in my browser. I check most update I feel like it, and mostly are those web stuff. With so many web design showcases and tutorial exposure, I am still, in the middle of wondering my design sense, a sense that I probably totally lost.

It got me thinking, after reading so many online, does it actually help me? Or I’m actually use the “reading moment” as an excuse to lay around doing nothing. Or maybe I’m just looking for an excuse to get myself away from really using my right brain?

From time to time, the web trend change. I remember back in the 90′, Java dropdown menu was a huge hit! Dynamic Drive became a site I always visit when I want to learn more about HTML. Thinking back, I did regret I did not note down whatever everybody was doing on that time. So I need to note something down here and see how it change

Perfect Pixel

A lot of site are using the perfect pixel. It make a perfect break

Cut-out text

Cut out text was a huge trend back last year. Almost all great design applying it. But overall color is an important step.

Radial Gradient

I think until today, radial gradient still widely used.

Transparency

Normally used by CSS3. This effect is mostly applied on tooltip.

Text Shadow

Well, I use this too. Actually it was brought in by CSS3 too.

Hope to see something more different next. Do you observe any trend that widely used nowadays?

I find it interesting to see how JQuery can do so much in the recent year. I myself always look for the easier way out by look for the simplest and easiest tutorial online and implement it on my next design.

Here are a few JQuery that I find them easy to learn and can easily implement on your next big project.

Slick page transitions

Onextrapixel has a comprehensive tutorial on how to add some elegant effect on your page transition. The implementation is easy, just add the Javascript into the design.

jQuery popup bubble

Digital Vision offer a great tutorial on how to add the elegant popup bubble. It works with CSS, so basically you are free to design how the bubble looks like.

jQuery background image slideshow

Macrofolio created this simple slideshow tutorial and giving it some tricks to have the background image changes on each slide. Interesting reading and apply.

Simple, quick and small HTML form validation

Nothing beat Joren Rapini’s simple form validation tutorial. This tutorial give you the quickest way to implement into your web, no fancy code here and there anymore.

Simple tabs

Soh Tanaka offer not only a tutorial, but how to make it beautiful too. I love how he use the only CSS to make such a great looking tabs.

Flip wall

A great tutorial by Tutorialzine. Though it may not be that simple, but the effect is awesome.

Animated background image

A great and short tutorial by Cat Who Code. Short and sweet, that’s all I can tell.

Toggle effect on hover/click

Tutorial by Acris Design. Works great for FAQ

That’s all I get so far. I would love to bookmark some simple tutorial on JQuery, let me know if you have one