In part 1 of this tutorial series I demonstrated how to create vector shape buttons with layer styles in Photoshop. For part 2 I’ll explain how to write code to recreate these layer styles in CSS. Modern development techniques have advanced along with browser support to make CSS3 a viable option for everyone. Photoshop layer […]
Archives for May 2015
How Typography is Shaping the Course of Web Design: A Primer
Typography can influence the overall web design like no other page element. The choice or combination of ill-advised typefaces can determine an beautiful website to an awful one. At times, typography is the design itself. This is proven true with beautiful websites that rely on spacing and deliberately chosen typeface to convey their respective messages. The year of typography […]
Recreating Photoshop Effects in CSS – Part 1 – The PSD
Freelancers and agencies both require a smooth design workflow. This typically starts out with drafting wireframes that eventually turn into full mockups. These mockups are coded into HTML/CSS layouts that are finalized and handed off to the client. It may seem daunting but if you want to understand the full creation process then it’s worth […]
Adobe Keyboard Mapper Showcases Hundreds of Keyboard Shortcuts for Photoshop, Illustrator and InDesign
Editor’s note: This post was written by John, a design enthusiast with a passion for blogging, too. He regularly writes on the subject of design on his own blog, along with a number of other popular publications. He is also a design freelancer. If you’re a photographer, web designer, developer, blogger, magazine designer/editor, or even a […]
33 Open Source Sass-Based CSS Code Snippets
Nothing says experienced frontend developer quite like Sass. From agencies to freelancers, it seems like everyone is talking about Sass/SCSS development. Although it may seem daunting at first, Sass is easy to learn with just a bit of practice and patience. Once you understand SASS basics your dev workflow will improve dramatically. Beyond the basics […]
Essential WordPress Plugins to Make the Designer’s Life Easier
WordPress takes the cake when it comes to flexibility and customization. Designers have the option to take an existing theme and tweak it as they see fit to create a web design that not only communicates their branding effectively, but also delivers content in the easiest and most convenient way possible. There are countless of resources […]
Creating Your Dependency Management Symphony Using Composer
As a developer, it is a necessity to use a front-end framework to manage your CSS and JavaScript when building pages in a website. However, an obstacle you may encounter when doing so is the repetitiveness and time-consuming process involved in updating the framework to its latest version and rolling back to their previous versions when something […]
Best JavaScript Libraries for Building Web Interfaces
Web application development is typically considered the realm of PHP and Ruby. Granted these are both safe and recommended languages for larger applications, but JavaScript has become useful as an intermediary. And with all the free information online it’s easier than ever to teach yourself how to build JS-powered webapps.
30 Content-Heavy Online Magazine Website Layouts
Online magazine design is a complex topic, but one consistent element is the value of typography. Great web design hinges on typography and this is especially true for blogs & magazines. The following examples have been hand-picked to showcase excellent typographic techniques for magazine layouts. These websites must account for thousands(or millions) of unique visitors […]
Less is More: Best Minimalist Website Design Principles in Display
In a world where everything is possible in design, there’s a tendency by designers to put the colors and shapes in the forefront. While the use of both elements in design is integral in making a more indelible impact to your consumers with your product, using both can be counterproductive if not used the right way. […]
