Web design is essentially the organization of information into a readable, usable, functional and accessible format. Good organization of content is crucial, and you need a strong layout that you can build a website upon. You can use numerous interface elements and structures to organize content, such as jQuery-based content sliders and modal windows, which are basically windows that float above the page.
The modal window has many advantages. For example, when a modal window contains a smaller element, the user doesn’t need to load an entirely new page just to access it (another way to achieve the same effect is e.g. by using AJAX-based tabs). By providing modal windows, you improve the usability of your website. Having to load pages over and over will annoy most users, so avoiding that is definitely a good thing. Modal windows also allow you to save space by getting rid of large elements that don’t need to be on the main page. For example, rather than putting a full video on a page, you can just provide a link, thumbnail or button of some sort.
In this article, we’ll go over best practices and trends for working with and building modal windows. We’ll also provide numerous examples of well-constructed modal windows and a few scripts to get you started with building them.
Read more…
If you build and develop Wordpress themes often, you will probably be fed up of all the repetitive code writing, the constantly checking of your mark-up and all you really want to do is focus on the design and the project-specific features. The answer is a Wordpress development framework.
Read more…
Regardless of your experience level, there are ways to speed up the common design tasks. You should find some of these not-so-well-known tips and strategies listed below very helpful for your workflow.
Read more…
Although static graphics is obviously much easier to scan and therefore can be easily perceived, motion graphics brings dynamics and life into otherwise static content. Animation can help designers to convey a deeper meaning with the use of various video-techniques. It can also provide a better data visualization than the static graphics. How and where you use it in real-life situations is totally up to your talent and your abilities to express yourself.
Read more…
This is our sixth installment of Ask SM, featuring reader questions about Web design focusing on HTML, CSS and JavaScript. These entries are not all questions, but rather quick Twitter responses to the query, “What has been your most difficult CSS challenge?” Among other things, this post covers the sticky footer issues, positioning elements at bottom of a div, on having layout, aligning labels and inputs, auto top and bottom padding, z-index and more.
Read more…
From low-budgets to rush jobs to piss-poor project management, every designer has one time or another faced the inevitable, “I need a logo (brochure, website, etc.) done ASAP” scenario. Depending on the designers’ work situation, some can simply choose to decline these projects. But for many full-time designers, this “rushing creative” is a very real and necessary part of their job requirement.
So when asked to “just slap a design together” or “crank it out,” how do we as designers maintain our standards and integrity when a logo must be created in three hours? Or a website in a day? And for that matter, can we? In this article, Stephanie Orma, a graphic design herself, hangs her head out the drive-through window and shares her personal experience, tips, and advice on how to handle the “hurry-up and be creative” demands of the graphic design industry.
Read more…
Floral typography is the technique that combines typography, calligraphy and lettering to create dynamic, “flourishing” designs. With the help of floral elements you can create very tempting and vivid artworks in which the typography seems to be shaped by plants and flowers. In this way you can convey your message in a very artistic way. In fact, various floral ornaments – which are the essential component of floral typography – can make the design stand out and help the artist to create inspiring, refreshing and thought-provoking pieces of art.
Below you’ll find a beautiful collection of floral typography and also some outstanding tutorials that will help you to master the technique or at least get some understanding of how this technique can be used. Please feel free to explore the further works of the artists presented below as well.
Read more…
If you’ve managed to sell a product to a customer, use this opporunity to present further attractive offers to the customer. The topic “behavioral targeting”, a technique that uses information collected on an individual’s web-browsing behavior, such as the pages they have visited or the searches they have made, to select which advertisements to display to that customers. Many advertisers believe that this technique can dramatically help to boost the conversion rate.
Behavioral targeting is probably currently the most discussed advertising strategy. However, it is not clear if it possible to derive some meaningful customers’ preferences and future behavior out of the earlier purchasing history. Wrong adjustments – based upon the browsing history – can significantly decrease the conversion rate as well.
Read more…
If you are an experienced professional, chances are you have a good set of tools and a work process that you repeat on a daily basis to handle your work. That’s good; it’s how you become more productive, and become an expert. But with repetitive processes come repetitive mechanical work. Whether it’s opening a file in Photoshop to change the format or adding an iCal to-do item based on an email you received, these little tasks can be streamlined. That’s the purpose of AppleScripts.
Read more…
There are specialized terms referring to all sorts of aspects of web design. For someone just getting started in web design, or someone looking to have a site designed, all the technical jargon can be overwhelming. Especially the acronyms. Below is a guide to industry terms that should get you well on your way to understanding what web designers are talking about. In addition, we’ve provided some resources for each term to give you more in-depth information.
Read more…
