I’m sure those of you familiar with Wordpress blogs have seen the many author box designs. Most of the popular web design and social media magazines feature some type of author display box towards the bottom of each post. This features the author name, avatar, and generally a short bio along with profile links.
Wordpress users who are up to date with the latest 3.2.x release can easily implement this feature via custom plugins to extend WP functionality. But I want to explain how you can custom-code your own author box! I feel this method gives you more control over the layout and you can manipulate the HTML/CSS much further than with plugin codes.
Masters of the Adobe software suite often lean towards graphic design or web development. When creating documents for print this can easily be transcribed in both Adobe Photoshop and Illustrator. However, Adobe InDesign allows you to create entire projects such as a magazines, online e-books, cover pages, flyers, etc. But most people just haven’t had the time to learn how to utilize these features!
If you are feeling bold check out the showcase collection below. I put together 25 beginner-intermediate level tutorials which will get you more familiar with InDesign. Once you understand what can be accomplished it may change your entire workflow!
With many social applications the use of threaded comments has become a staple in functionality. Webmasters today are focusing much more on user experience rather than content generation, and because of this there has been a rise in custom animation effects.
Below I’ll be going over a guide to building your own custom jQuery threaded comments from scratch. For the ease of our tutorial we won’t be using any backend system to actually store the data anywhere. This means no MySQL databases or PHP calls to a server – all comments are added in-page and will be lost upon page refresh.
We have seen a lot of different jQuery techniques over the years. This comes at a time when website navigation is at an utmost importance. User experience is key in all forms of design. Without perfecting your layout it will be difficult to keep visitors coming back for more. And with so many jQuery Plugins for Navigation it’s hard to miss something great.
Below I’ll be going into the code for developing a very basic dropdown navigation in jQuery. This will include a sub-menu of links to different profiles such as Twitter and Facebook. To create your own setup I would recommend checking Icon Finder to match any social networks you enjoy. But this navigation can be used for almost anything requiring a drop-down setup.
Login forms have been around for decades. In web design these are very common with so many social media interactions occurring on a daily basis. However the static web has gone by the wayside to make room for much more dynamic content. With popularity growing for the jQuery library it is only natural to see so many new effects being created.
In this brief tutorial I’m going to explain how to create an instant login form with jQuery and PHP. We won’t be accessing any database to keep things simplified for now. Instead I’ve hard coded a username/password combo just for the demonstration of this article. The form automatically begins checking after you type some information to see when you hit the correct user & password combination!
If you’d like to get a better idea check out the demo link below. I’ve also provided my source code free to download. The HTML web page will open and run jQuery properly but without a server running PHP the form cannot be processed. Keep this in mind when playing around with the source code.
In this post we have collected some useful and fresh CSS3 tutorials for developers and designers. If you like these CSS3 tutorials you might also want to check out our previous posts below.
26 Useful jQuery Navigation Menu Tutorials
28 Fresh jQuery Tutorials
Making a CSS3 Animated Menu
There are many different ways to express yourself through typography, and thankfully, we have Photoshop there to help us make it that much easier. In today’s post, I will share with you 21 fresh text effect tutorials for Photoshop to help spice up your next project.
Fantasy Spring Text Effect