You Are Here: Home » optimization

A Better Way To Design For Retina In Photoshop

Recently, I had a project in which I needed to produce high-fidelity screens for a tablet. I was to present these screens on the device and also produce a clickable prototype. They needed to be pixel-perfect. The timeline was tight (as always), so I went with my go-to tool, Photoshop. I’ve been using it for over ten years, and it gives me the fastest high-quality output. Are you designing at “Retina” resolu ...

Read more

Are You Taking Full Advantage of Pre-Made Layouts?

The Value of Pre-made Layouts There are a number of important features to look for when selecting any WordPress theme, with some of the more obvious ones being responsiveness, speed, SEO optimization, and ease of customization. This latter feature is often achieved through the use of multiple layouts, and the means of manipulating them. Pre-made layouts can significantly cut down on website development time ...

Read more

Extending In Sass Without Creating A Mess

The @extend directive in Sass is a powerful directive that facilitates the sharing of rules and relationships between selectors. However, it can produce undesirable side effects if it is not carefully implemented. Thankfully, there are many strategies for using @extend effectively that can prevent these side effects and produce clean, organized CSS. By examining @extend in detail and exploring these various ...

Read more

Design Principles: Compositional Flow And Rhythm

When someone lands on a page of your site what do you want that person to do? Where do you want them to look? What information do you want your visitors to notice and in what order? Ideally, you want people to see your most important information first and your next most important information second. You want potential customers to see the copy that will convince them to buy before they see the “Buy Now” but ...

Read more

An In-Depth Overview Of Living Style Guide Tools

Following the market’s demand for minimalistic and consistent UIs, and the growth in modular web development, we tend to pay more and more attention to documentation and the efficiency of designer–engineer workflow with each project we undertake. Also, since the documentation process is often the weakest spot for modern web teams , we’re constantly looking for the right tools to help us. Living style guides ...

Read more

The Command Line for Web Design: Scaffolding New Projects

So far you’ve learned how to use command line for third party package management, powering up your front end code, automation with task runners, live reloading and browser synchronizing. In this final tutorial of the series you’ll learn how to use command line to get your projects off to a running start by scaffolding out new projects that have all the third party code they require, as well as Grunt or Gulp ...

Read more

That’s Real-Life Responsive Web Design: Meet The Brand New Smashing Book 5

Smart “responsive” workflows, effective responsive design/UX patterns and powerful front-end techniques — if you need a good book on smart responsive design, our brand new Smashing Book 5 is just what you need. Neatly packed in a gorgeous hardcover, it covers time-saving , practical techniques for crafting fast, maintainable and scalable responsive websites. 498 pages. Hardcover/eBook. Get the book and save ...

Read more

The Command Line for Web Design: Automation with Grunt

So far you’ve learned how to do things like compiling code, autoprefixing, cleaning, compressing and minifying all just by typing a few words. This is great, but what if you have a project that would need you to run several of these commands, one after the other, over and over again until you complete your work? For example: Compile preprocessor to CSS Autoprefix CSS Clean CSS Compile Jade to HTML Concatena ...

Read more

© 2011 Powered By Wordpress, Goodnews Theme By Momizat Team

Wordpress SEO Plugin by SEOPressor
Scroll to top