Design

  • Tablet Web Design Best Practices: Free Ebook Offers Loads of Useful Tips

    Who would dare to not call the guys and girls of Canadian Mobify experts in mobile web design? They actually are. Though not everyone will find their cloud-based design concepts appealing. A short while ago the people at Mobify decided to publish an ebook on the best practices in tablet-focused web design. They titled the 25-pager "Tablet Web Design Best Practices: 30 Ways to Create Amazing Web Experiences on Tablets". Even more amazing, they give it away for free…



    Read more 
  • Homepage Construction Kit: 40 Ready-made Elements for Web Design with Photoshop (+ how to create your own)

    It is quite common to prototype web designs in Adobe Photoshop. Although the final product will consist of large amounts of CSS driven looks, it usually turns out to be faster to use an image-editor for the first drafts. Photoshop still is designer’s first choice in many cases. Using very few basic shapes and forms you are able to creative high-grade user logins, buttons, sliders, video-players or even whole web sites.



    Read more 
  • Create The Future: Common Techniques in Responsive Web Design

    amiresponsive-noupe

    In this article, I’ll dive into some of the most common practices for building responsive site layouts and experiences. I’ll describe the emerging and available techniques for site layouts that flexibly resize based on screen real estate (referred to as “fluid grids”) so as to ensure that users get complete experiences across whatever screen size they are using. Additionally, I’ll show how to present rich media, especially images, and how developers can ensure that visitors on small-screen devices do not incur additional bandwidth costs for high-quality media.



    Read more 
  • From 4-Inch Phones to 40-Inch TVs: Designing Responsive Websites

    amiresponsive-noupe

    It’s worth taking a step back, to think through your site’s experience and understand whether the device with which a user accesses your site changes the user’s expectations of the site’s functionality. Is the user checking your site for quick updates with her cellphone while she’s on the go? Is he sitting down, 10 feet away from a large TV screen, looking to immerse himself in a relatively passive consumption experience of rich content, videos and games? Are other users sitting down at their PCs, looking to get the most from your site content? Most of all, how do these expectations affect the site layout and functionality that you provide at those corresponding screen sizes?



    Read more 
  • Now Is The Time: Why the Web Is Ready for Responsive Web Design

    amiresponsive-noupe

    Today, a large portion of site traffic comes from mobile devices — namely smart phones and tablets — in addition to traditional PCs. Across the globe, mobile devices now account for 12 percent of Internet traffic, and it’s scaling up faster than desktop Internet traffic. The fraction of mobile Web traffic is sufficiently higher in nations with high smartphone penetration (for example, 20 percent of US-based Web traffic is via mobile browsing). What’s more, this figure is expected to grow significantly over the next 10 years, as smartphones evolve and mature in terms of hardware and software and adoption picks up in South America, Asia and Africa.



    Read more 
  • Better than Photoshop Tutorials: 50 Free, Detailed PSDs with Open Layers (+ Tips)

    psd-datei1

    Today we are going to look over the shoulders of quite a few professional designers. Using their original PSDs with open layers, we will be able to exactly reconstruct, what has been done and how. If you are like me, this way of learning by doing proves more effective than working through step-by-step tutorials. The following files come with lots of layers to be examined, as we are going to dissect a camera, a sports shoe, a cell phone and lots more. Have fun looking through the eyes of the most able Photoshop professionals. Before I forget: watch out for some layer-related Photoshop tips, I may have left for you throughout the collection…



    Read more 
  • All You Need To Know About CSS3 Selectors, #1: Structural Pseudo-Classes

    zombie-apocalypse-2

    Today’s front-end developers don’t just need to understand how to write CSS, we need to know how to write it efficiently. And what “efficiently” means can depend on your project and environment. Perhaps you have a team with several members working in the CSS and you need an efficient way to work together. Or maybe you have a huge enterprise site and you need your CSS optimized for speed. You could even be working with a legacy system that restricts access to HTML, which means you need efficient selectors to effectively style elements without ids or classes. You might even face all these situations and more.



    Read more 
  • Learning by Pulling Apart: An Interview with UI/UX Designer Matt Dempsey

    Every once in awhile, we come across an amazing story of someone in the design world who seems somewhat hidden or insignificant. Matt Dempsey is such a someone. His career as a web and graphic designer begins at the very young age of 13 and includes such inspirational highlights as hiring a developer to build an app that was acquired by SitePoint when Matt was only 15 years old!



    Read more 
  • The Perfect User Interface: GoodUI Equips Web Designers with Solid Marketing Knowledge

    goodui-w550

    Jakub Linowski, UI designer from Toronto, Canada, is used to be working for the bigger brands. He obviously possesses knowledge not only in the field of webdesign craftsmanship but also in the field of marketing. The latter is what he conveys through his side project GoodUI.org. If you are a web designer interested in maximum conversion aka massive sales, you should definitely care for obeying what Linowski teaches you. Not each and every tip will be a fit to every project, though. Just as it is in real life, if the shoe fits, wear it. If not, don’t…



    Read more 
  • Book of Wisdom: 7 Things Web Designers Can Learn from Print

    5-embossed-print-design-w550

    Although the knowledge in effective web marketing has increased over the last decade or two, there is still a great deal that web designers can learn from print designers. After all, print marketing has been around since the invention of the printing press and roughly five-hundred years of successful designs can’t be wrong.



    Read more 
search form
 
image description image description