Author Jacob Gube

October 5, 2010 — Websites and Web applications have become progressively more complex as our industry’s technologies and methodologies advance. What used to be a one-way static medium has evolved into a very rich and interactive experience. * (Links checked and repaired on April 2021).* Read more…

April 19, 2010 — Website navigation menus generally come in one of two orientations: vertical and horizontal. Horizontal navigation menus display items side by side. Vertical navigation menus stack items on top of each other. In this post, we highlight some remarkable vertical navigation menus, for your inspiration. Read more…

January 4, 2010 — The navigation menu is perhaps a website’s single most important component. Navigation gives you a window onto the website designer’s creative ability to produce a functional yet visually impressive element that’s fundamental to most websites. Because of their value to websites, navigation menus are customarily placed in the most visible location of the page, and thus can make a significant impact on the visitor’s first impression. The design of a navigation menu has to be outstanding in order to sustain the user’s interest. As the adage goes, “Content is king,” but getting to the content requires navigation. In this post, we’ll be explore some of the more recent trends in navigation design. We’ll look at the aesthetics that recur in today’s best Web designs. The focus here is on the visual direction that leading designers are taking. You should also read the following related posts: * Navigation Menus: Trends and Examples * 50 Beautiful And User-Friendly Navigation Menus * CSS-Based Navigation Menus: Modern Solutions * Breadcrumbs In Web Design: Examples And Best Practices Read more…

October 13, 2009 — Call to action in web design — and in user experience (UX) in particular — is a term used for elements in a web page that solicit an action from the user. The most popular manifestation of call to action in web interfaces comes in the form of clickable buttons that when clicked, perform an action (e.g. “Buy this now!”) or lead to a web page with additional information (e.g. “Learn more…”) that asks the user to take action. Read more…

June 24, 2009 — A module tab is a design pattern where content is separated into different panes, and each pane is viewable one at a time. The user requests content to be displayed by clicking (or in some instances hovering over) the content’s corresponding tab control. Read more…

June 22, 2009 — JavaScript is an integral part of the RIA revolution. JavaScript allows developers to create rich and interactive web interfaces and establish asynchronous communication with servers for constantly up-to-date data without a page refresh. Many things that were once accomplished using Flash objects can now be built using JavaScript - with the added benefit that it is free, typically more web and mobile accessible under most circumstances using best practices for development techniques, and without the need to use proprietary software for development. Though JavaScript has been around for a while, new tools, techniques, and information are constantly being pumped out to continually push the technology into greater heights. In this article, we wish to share with you a huge list of fresh and new tools and resources that JavaScript developers will find useful and informative. Here are a few other posts that you might find interesting: * 50 Useful JavaScript Tools * 40 Useful JavaScript Libraries * jQuery and JavaScript Coding Read more…

June 15, 2009 — If there is a commonly reoccurring need for a particular solution, there is a great probability that someone has - by now - solved that need and has finished the legwork involved in researching and constructing something that resolves it. Read more…

May 6, 2009 — Graffiti represents an art form that is unrestricted, one that rebels against conventional forms of artwork. Graffiti is intertwined into human history, dating back to the Roman Empires where they were plastered onto walls to make political statements and satirize current events. Read more…

April 23, 2009 — Real estate is a valuable and often expensive purchase. Copious research is done by home buyers before venturing out to acquire real estate. In this day and age, gathering information about a property is typically done online, and an effective and captivating website design can make or break a home sale. Read more…

April 14, 2009 — Though we differ in the way we look and things we believe in, there’s something we all share: emotion. Human emotion is innate in all of us; it’s something we’re born with and something we die with. Happiness, sadness, love, hatred, worries, and indifference - these are things that constantly occur in our daily lives. Read more…

March 17, 2009 —

Editor’s Note: An updated collection of user experience research on breadcrumbs is available in Vitaly Friedman’s article, “Designing Effective Breadcrumbs Navigation”.

On websites that have a lot of pages, breadcrumb navigation can greatly enhance the way users find their way around. In terms of usability, breadcrumbs reduce the number of actions a website visitor needs to take.

February 9, 2009 — JavaScript is a powerful client-side scripting language used in many modern websites and Web applications. In the hands of a skilled Web developer, JavaScript can enhance the user’s experience of the website and provide rich interactive components and features. But even though syntactically simple in nature, JavaScript is often difficult to author because of the environment it runs in: the Web browser. Read more…

January 21, 2009 — PHP is one of the most widely used open-source server-side scripting languages that exist today. With over 20 million indexed domains using PHP, including major websites like Facebook, Digg and WordPress, there are good reasons why many Web developers prefer it to other server-side scripting languages, such as Python and Ruby. PHP is faster (updated), and it is the most used scripting language in practice; it has detailed documentation, a huge community, numerous ready-to-use scripts and well-supported frameworks; and most importantly, it’s much easier to get started with PHP than with other scripting languages (Python, for example). That’s why it makes perfect sense to provide the huge community of PHP developers with an overview of useful tools and resources that can make their development process easier and more effective. This post presents 50 useful PHP tools that can significantly improve your programming workflow. Among other things, you’ll find a plethora of libraries and classes that aid in debugging, testing, profiling and code-authoring in PHP. You may also want to take a look at the following related posts: * 50 Extremely Useful And Powerful CSS Tools * 15 Helpful In-Browser Web-Development Tools Read more…

January 4, 2009 — Adobe Illustrator is the industry-standard when it comes to the creation of vector graphics. Though a very robust tool - the learning curve involved in mastering it can be high. Thankfully, there are abundant resources on the web that allows you to “learn by doing”. Video tutorials (in general) enable the learner to witness - step-by-step - how a particular technique works. We often learn best by seeing how things are done and following along with the instructor (much like in a classroom environment). Read more…

December 7, 2008 — Adobe Photoshop is the industry standard for digital-image editing and graphics creation. Photoshop’s versatility makes it a popular choice among Web designers, graphic designers, digital media artists, print designers, photographers and other professionals in design and image-editing. Whether you’re designing a business card or website or digitally enhancing an image, you can rest assured that Photoshop will give you the necessary tools to get the job done. Read more…

November 26, 2008 — In this showcase, you’ll find a variety of beautiful, unique, and highly-creative portfolio designs. The aim here is to stimulate your creativity and to inspire you to create your own portfolio or re-think your existing one. You’ll get to see portfolios from a wide range of fields including web design, product design, illustration, photography, and even animation. Read more…

November 18, 2008 — There are many useful Web development tools that integrate in your browser. These in-browser tools are commonly known as add-ons or extensions. Though add-ons and extensions aren’t just for Web development, many of them out there are designed specifically for Web developers. In-browser tools vary greatly in the jobs they perform; for example, some of them help you diagnose issues with CSS, HTML and JavaScript, while others evaluate the accessibility of your website. Read more…

October 28, 2008 — Grunge is a popular trend that attempts to give designs a more organic and realistic look. It also provides a stark contrast to the simplistic, polished, and rigid “web 2.0” trend, opting instead for a less uniform and more elaborate form of design. Read more…

October 20, 2008 — Saving repetitive tasks as Photoshop actions can save you a lot of time, allowing you to automate your work and improve workflow efficiency. A Photoshop action is a recording of a sequence of commands and operations that you can save and access later on. Read more…

October 14, 2008 — With the recent post on retro and vintage in modern web design, it’s time to put the theory into practice. We’ve scoured the Web to find some impressive Photoshop tutorials that can help you achieve an “old-fashioned” look-and-feel in your designs. Read more…