Tutorialzine is nearing its first birthday! This means that it is about time to freshen up a bit and implement all those things that I’ve picked up during the past twelve months (a lot of which I’ve shared with you as tutorials).
I have always felt that the previous theme was a bit of a hack. It didn’t use any of WordPress’ internal APIs, and I didn’t take the time to properly acquaint myself with WordPress’ capabilities. The development process was basically one big snippet search and a lot of needless custom code. The result wasn’t pretty, but sure got the job done.
The new look
Here are some of main features of the new design:
- Community News section – one of the most requested features (along with the redesign itself). You can now submit interesting web development articles that you stumble upon on the web. The section is moderated and only relevant submissions will be added to the site on a (hopefully) daily basis;
- Multilevel Comments – something that should have been part of the site all along. Given that the functionality has always been part of WordPress, it is just now that I implemented it in a theme. Better late than never;
- Deep integration with WordPress APIs. Although not externally visible, the new design incorporates a lot of WordPress’ capabilities. Without it, the new Quiz section wouldn’t have been possible;
- The Quiz section – this can be considered as a fully functional web app built into WordPress. Its main purpose is to complement the learning experience of Tzine’s tutorials. Everyone can create and solve quizzes. You can even choose to connect with Facebook, and set up a simple profile with your stats;
- Bye bye tabs – the new design features a pure CSS multilevel navigation menu;
- An eye on CSS3 – images are kept at a minimum, with CSS3 adding subtlety to the design. Most of the images are organized in a single sprite, which improves loading time;
- Many other little things, such as a better search, a clean 404 page, print stylesheet and typography changes, that will make the experience of browsing the site and reading tutorials a whole lot better.
There is still some work left to be done, but I am happy with how the new theme turned out. Please share your thoughts and suggestions (or noticed bugs) in the comment section below.
The New Featured Carousel (Powered By Nivo Slider)
A Pure CSS Multilevel Navigation
Our Favorite Green Demo / Download Buttons Revamped
The Quiz Creator
31 Comments
Nice relooking :)
The new design looks really great, glad to see a community news section too. Keep up the good work :)
wow ... much better ... go on ... never stop
I love this new theme!
Amazing!!!
i guess older look was good than this
Hot stuff!
Very nice! ^^!
its very nice and neat :D
can you use this plugin http://intensedebate.com/ , it make comments look much better, plus we can use facebook to comment
On the homepage where it shows all of the posts, it looks... weird. Like tutorialzine, without a stylesheet at all. (as of august 29 1:14 pm running firefox mac)
Never mind. Must've been my browser.
Looks great, but "Quizes" is spelled wrong. It has two Z's.
Thank you for noticing! Fixed.
wow awesome .. good job
"The Quiz Creator" is great .. will be nice if you'll make a version for zinescripts . I will definitely buy it!
Yes, any insight on "the quiz creator" would be awesome. Great job!
pretty but too standard
it is better , i like this new look
go ahead
Excellent work! I'll use the quizz function with my students.
Thanks for all!
Love the new layout really clean and effective
I usually don't grow a boner when I see a sexy design, but an exception has just been thrown.
Congrats on this new clean look.
I love visiting this site as it always has very unique content... keep up the great work Martin & Best to you!
I find it too hard to read a lot of the stuff/
But it still looks pretty nice.
Just a note that Quiz taking section is not displaying properly in Chrome Browser, there are missing data wrapped with code tag i think. So please take a look at it :)
All I can say Martin is "Bravo!"
Well, now that you've got replies to comments invoked, I can say as well that the new look is complimentary to the extreme to the content you've always had.
Again, "Bravo".
:)
Nice redesign! Loved the old one too also!
Hi! Can you do a tutorial on how to do a cool proxy page? Thanks!
I liked the old look more then this one :)
I like the idea of prominent demo and download buttons at the start!
I really love the clean layout. Very attractive. Hovering is becoming trends now. One of my inspiration for design.