Tuesday, May 15, 2012
21 Beautiful Examples of Typography in Web Design
Here are some examples of beautiful typography usage in web design. The examples here are where typography is the main focus, and examples where typography complements the design. By WDL
Labels:
typography,
web design
20 Inspiring Examples of Big Backgrounds in Web Design
One way to easily define the tone and mood of a website is to use a big background image. However, when doing this, you need to consider that big images often have a lot going on, so it’s important to take a minimal approach with other aspects of the design. By WDL
Labels:
background,
web design
20 Fresh CSS3 Tutorials
The design industry is probably one of the fastest changing and growing. Designers have to keep their eyes on everything, including new trends in visual design, as well as interaction technologies like jQuery, HTML5, and CSS3. Designers are using these technologies to express more creativity in design production and make user experience richer. By WDL
Labels:
css3
21 Fantastic Examples of Sliders in Web Design
Sliders are an excellent way to organize and highlight important content on a site. They can also be used to display a good amount of content within a limited amount of screen real estate. By WDL
Labels:
content sliders,
sliders
Setting the Bottom Line for your Web Projects
Working as a freelance web designer you’ll find yourself naturally jumping from project-to-project. This quick pace comes with the lifestyle and requires some serious dedication. You cannot get lost in the royalties of extra touch-ups and recoloring textures. By WDL
Labels:
best practices,
freelance,
web designer
Data Monday: Mobile Web Shopping
Though few people dispute the growth of mobile computing, many remain unconvinced about mobile e-commerce. By LukeW
Labels:
e-commerce,
mobile
Roundup of single page websites
One of the recent developments on the web has been the rise in the use of one page websites by everyone from web designers to large companies to promote their product, app or portfolio. By Webdesigner Depot
Labels:
single,
single web page
A (not so) jilted English professor’s guide to creative web design
Responsive design has some definite buzz of late, and with good reason.
It promises to simplify the increasingly complex task of adapting
websites for the countless new devices multiplying by the minute. By Webdesigner Depot
Labels:
responsive web design
How to speed up your website
Site speed is one of the most important things about creating web content, and web applications.
In fact, it has been noted by various analysts at Google that people don’t often sit through the first 30 seconds of a video, much less the first 15, so it would be wise of you to get the content of your site loaded as fast as you can so that people can make a judgement and agree to either use it or not. By Webdesigner Depot
In fact, it has been noted by various analysts at Google that people don’t often sit through the first 30 seconds of a video, much less the first 15, so it would be wise of you to get the content of your site loaded as fast as you can so that people can make a judgement and agree to either use it or not. By Webdesigner Depot
Posting a price list on your web site: does it work or fail?
Most people misunderstand the concept of a price list for creative services. By Webdesigner Depot
Labels:
price list,
pricing,
web pricing
What’s new for designers
Check out jQuery plugins, grid tools, CSS tools, WordPress resources, productivity and business tools, responsive design resources, and some really great new fonts. Many of the resources below are free or very low cost, and are sure to be useful to a lot of designers and developers out there. By Webdesigner Depot
Creativity-based Research: The Process of Co-Designing with Users
The practice of co-design allows users to become an active part of the creative development of a product by interacting directly with design and research teams. By UX Magazine
Labels:
co-designing,
cognitive
Interaction Design In The Cloud
Interaction designers create wireframes in tools such as Adobe Illustrator, OmniGraffle and Microsoft Visio. Originally, these wireframes were primitive shapes drawn to represent various UI elements. Many of us cannot imagine life without them. By Smashing UX Design
Labels:
Interaction design
Mobile Device Lab, Browsers and Animated GIFs
Short article covering browsers and animated gifs. By Smashing Mgazine
Labels:
animated gifs,
browsers
The Importance of Strategic Micro Copy: An iTunes Case Study
Poorly devised, unhelpful content is wasteful. It potentially wastes the time of users and can also have financial implications for the company responsible for it, in this case Apple. By Contentini
Labels:
content,
copy,
micro copy,
strategic
Web Content Strategy: Sites vs Apps
Website content should be easy to read. Your eyes should easily scan through the text and end the article with little effort or eyestrain. By Contentini
Labels:
content,
web content
5 Reasons Why Metaphors Can Improve the User Experience
There are many ways to experience the world around us. Especially offline, we can make use of our different senses to collect information, interpret our environment and make judgments. By Six Revisions
Labels:
metaphors,
user experience
Ultra Sleek Accordion Slider: Free PSD Template
This exclusive freebie on Six Revisions, brought to you by www.bestpsdfreebies.com, is a design mockup of an accordion slider that can be used to display content. By Six Revisions
Hillman Curtis
Hillman passed away at home on April 18th at 6:03 pm in the presence of his loving wife, two children, his sister, sister in law and brother in law. He was 51 years old and died after a long and fiercely fought battle with colon cancer. Hillman deeply loved his work, all of it -- film directing, graphic design, all aspects of new media -- and he especially loved his talented mentors, friends and students in these fields. His favorite topic was inspiration and he made sure to surround himself with it and find it in everything -- his colleagues, his family, New York City, art, film and all of you. He loved you all and took energy from those with whom he corresponded, exchanged ideas and with his fans. Sweet Prince Hill, true gentleman, good dad and passionate artist, Rest in Peace.
Labels:
hillman curtis
Scalable Vector Graphics: an Overview
SVGs are ideal if you require a scalable diagram such as a chart or logo which can be altered or animated using JavaScript DOM methods. By Sitepoint
Labels:
scalable,
scalable vector graphics,
svg
What do you need to know about HTML5 video
HTML5 keeps on stunning the Internet community with revolutionary web features. One of the key HTML5 enhancements is the advanced video support. By Sitepoint
Friday, May 11, 2012
23 Must-Read Tutorials for Advanced HTML5/CSS3 Coders
If you already have a solid grasp on building websites, you may not know where to move next. There are so many topics held under the umbrella of HTML5/CSS3. It’s not possible to learn them all in one sitting! But tons of design blogs these days are writing tutorials geared towards advanced web developers. By Dezineblog
31 Creative User Interface Designs for .org Websites
There are many different organizations which are constantly striving to help the world become a nicer place to live. The Internet is one medium of communication which cannot be ignored in the 21st century. By Dzineblog
Labels:
inspiration,
interface design,
org
34 Top Blogs for Learning Web & Graphics Design
Blogs are the greatest news medium adapted for this new century. With premiere software such as WordPress literally anybody can sit down at their computer as a news reporter to the world. Particularly the topics of web design and Photoshop graphics have become very popular amongst the younger crowd. By Dzineblog
Labels:
blogs,
Graphic Design,
learning wen,
tips
25 Google Chrome Extensions for Web & Graphics Designers
There’s no questioning the popularity of Google. What started as a search engine for the WWW has transformed into an enormous conglomerate media company which has truly changed the way we live. Google Chrome is alternatively a fast-growing browser which trumps Firefox in many regards. By Dzineblog
Labels:
Chrome,
extensions
Guide to Building Semantic Web Forms
In the web design industry there are many different rulebooks you can follow. Most notably the World Wide Web Consortium is renowned for creating these standard rules of the road. Web browsers do not always conform to these standards, thus you have many of the hacks seen today(such as Internet Explorer). By Dzineblog
28 Functional Examples of Web Design Pagination
When sitting down to construct a web layout there are certain elements you must pay attention to. Your header design, logo, and navigation links are just a few to consider. But many web designers don’t spend as much time on pagination effects. By Dzineblog
Labels:
pagination,
web design
Design Tips for iPhone App Website Layouts
The process of designing a landing page is much different than a
standard website. You have to plan ahead for your audience and
understand what they’ll be looking for. These ideas hold true in any
market and certainly within iPhone/iPad app displays. By Dzineblog
Labels:
iphone,
layout,
smart phone
Checking Form Validation Fields with jQuery
There are dozens of misconceptions around what you can build with jQuery. The library is extensible enough that you can target a whole range of HTML elements and perform some very complex data checks. By Dzineblog
Important Features for Ramping Up your Web Presence
Any company can benefit from an improved marketing strategy on the Internet. There are so many outlets for connecting with customers from all around the world that it’s almost impossible to lose traction. But you need to be savvy at understanding trends and how users interact with social networking websites. By Dzineblog
Wednesday, May 09, 2012
Create a Dark Portfolio Web Design in Photoshop
In this web design tutorial, you'll learn how to create a dark web layout in Photoshop. By Design Instruct
Labels:
photoshop,
portfolio,
web portfolios
30 Clean Website Designs for Inspiration
Clean web designs — characterized by being aesthetically simple and clutter-free — has become a website design style staple. In this showcase, you’ll find 30 beautiful examples of clean web designs that we hope will surely inspire you. By Design Instruct
Labels:
clean,
inspiration,
minimalist
30 Excellent Textured Website Designs for Inspiration
Applying textures in your design can be an effective way to give it an added bit of intricacy and detail. If you’re thinking of using textures in your website layouts, we hope that these beautiful examples of textured web designs will inspire you. By Design Instruct
Labels:
inspiration,
textured
Using Photo Backgrounds in Web Design: 30 Examples
Using large photos as a web page background is a popular technique that can result in a design that’s vivid and memorable. By Design Instruct
Labels:
inspiration,
photo
30 Beautiful Gray Web Designs for Inspiration
Gray is such a versatile color. Lighter shades of gray can be used to make a web design look elegant, clean and professional. Darker shades of gray can make a web design look bold and edgy. In this showcase, you’ll see 30 beautiful websites that use gray as a principle color. By Design Instruct
Labels:
gray,
inspiration
The Content Strategist as Digital Curator
The term “curate” is the interactive world’s new buzzword. By A List Apart
Labels:
content,
content strategist
Say no to Faux Bold
Browsers can do terrible things to type. If text is styled as bold or italic and the typeface family does not include a bold or italic font, browsers will compensate by trying to create bold and italic styles themselves. By A List Apart
Labels:
browsers,
fonts,
html,
typography,
web fonts
Applying Macrotypography For A More Readable Web Page
Any application of typography can be divided into two arenas: micro and macro. Understanding the difference between the two is especially useful when crafting a reading experience, because it allows the designer to know when to focus on legibility and when to focus on readability. By Smashing Magazine
Labels:
content,
design,
readability,
ux
Removing Stumbling Blocks In Mobile Forms
There are several factors that can be considered to be stumbling blocks throughout the journey of filling out a form. By Smashing UX Design
How To Build A Real-Time Commenting System
The Web has become increasingly interactive over the years. This trend is set to continue with the next generation of applications driven by the real-time Web. Adding real-time functionality to an application can result in a more interactive and engaging user experience. By Smashing Code
Labels:
css,
html5,
javascript
Subscribe to:
Posts (Atom)