designart

Adobe Photoshop is a very popular graphics editing program that comes with a ton of features – way too many to name. It’s hard to imagine that anyone could even need more features. Yet Photoshop supports extensions, which allows you to add even more useful features to the program. Some extensions add a single feature, while others add a multiple amount of new features. It’s not necessarily used by just web and graphic designers but can also be utilized by any creative out there, ranging from photographers to bloggers, as it’s quite a handy tool to have. Have a look at our list featuring 18 of the best free Adobe Photoshop extensions that will be useful for all creatives. Creative Market This extension gives you instant access to free and premium design content from Creative Market, which is a large community for independent creatives around the world. Each week you can get free graphics, templates, fonts, brushes and more.   BlendMe.In With BlendMe.in

1. Skeleton Skeleton has finally gotten a facelift. It’s a total revamp from the ground up, and yet it is still as light as it used to be. The new Skeleton grid system now adopts mobile-first philosphy , which ensures that the layout takes center stage regardless of how small the device screen is. All components that were included in the earlier version – buttons, forms and input elements – are still present but basic typography styles are now set in rem unit.   2. CardinalCSS CardinalCSS is a CSS framework built with a focus on performance, readability and most importantly maintainability. CardinalCSS adopts some modern approaches such as mobile-first for shaping up the grid; and CSS Box Model that allows you to easily determine element width and height. CardinalCSS also comes with a handful of helper classes that allow you to quickly apply styles upon an element, for example, the drop-cap which applies the drop-cap effect for the first character in the

Some fun effect and layout ideas for the first step of a checkout process in an online store. We are using the morphing buttons concept together with CSS transforms and transitions.  A while back we explored a morphing button concept where the active element gets transformed into its target, aiming to create a fluid UI experience with a semantic connection of the involved elements. Today we want to apply that same concept and some other ideas to the first step of the checkout process. The checkout process in online stores is one of the most challenging and crucial in terms of UI design. Done well it can create a pleasant and smooth purchasing experience for the user; done wrong, it can lead to an abandoned shopping cart and no sale at all. There are many carefully planned and well designed e-commerce sites out there and making the UI uncluttered is definitely a great trend welcomed by anyone who buys things online.  With the demos we’ve created today we are looking

  In this article I thought I’d give you a bit more insight into what you can do with Sass and how developers use it every day to create better and more modular CSS code. Skip ahead to the section you want: Tools of the Trade Variables Nesting Extending Rulesets Mixins Placeholder Selectors Operations Functions Tools Of The Trade   ________________________________________________________________________   Thoriq showed you how you can use Sass from the command line using the sass --watch command. If you prefer GUI tools, you can go with my personal favourite app, Codekit , a web developer tool for compiling Sass, concatenating, autoprefixing and much more. Prepros is another very capable application which can be used on all systems. Both are paid applications but are well worth it if you’ll be using them in the long run. If you just want to try out Sass without paying for anything you can use the terminal, or Koala ( here’s our review ), a free cro