You Are Here: Home » Posts tagged "design"

Design Principles: Visual Weight And Direction

Every element on a web page exerts a visual force that attracts the eye of the viewer. The greater the force, the more the eye is attracted. These forces also appear to act on other elements, imparting a visual direction to their potential movement and suggesting where you should look next. We refer to this force as visual weight 1 and to the perceived direction of visual forces as visual direction. Both ar ...

Read more

Skyline: Evolving CSS Architecture

Skyline helps you create a design system for your website. It encourages a well thought-out CSS architecture, and enables you to develop a reusable and maintainable codebase. The starter kit provides a solid CSS architecture that acts as a scaffolding to support your unique design system. It promotes object-oriented CSS, written in SCSS using BEM notation. Skyline is a minimal scaffolding, it does not impos ...

Read more

Design an Elegant “Gratitude Log” Landing Page With Photoshop

What You'll Be Creating In this tutorial I’ll guide you through the process of designing an elegant landing page for a fictional “gratitude log” service. We’ll start off totally from scratch, drafting the layout with Adobe Photoshop in no time. We’ll be using some basic and intermediate techniques to create this design with conversion in mind. Let’s get it started! Tutorial Assets In order to follow along y ...

Read more

Prototyping an Interactive iOS Product Tour With Framer.js

Framer.js and its accompanying ecosystem  Framer Studio  are great tools for composing, presenting and iterating upon interaction design. In this post, I'll walk you through constructing an interactive prototype for a fictional iOS App’s Product Tour using Adobe Photoshop CC 2014 and Framer Studio 1.9.29. We’ll assume that we are creating a news feed app, in which updates from the user’s network are display ...

Read more

Muzli – The Ultimate Designer’s Toolbox for Chrome

Muzli is the ultimate designer’s toolbox. Bringing you the freshest design, UI, UX and interactive news and shots from around the web. All the design inspiration you need. You can enjoy the most inspiring stuff out there. Never miss the next big thing. Muzli will replace your default tab, it will become your home page, so you don’t miss anything. Requirements: Chrome Browser Demo: License: Li ...

Read more

Super Premium Typography Creation Kit 2: Thousands of Items worth $3,250 – Only $34

Inky Deals is one of the leading deals websites in the design community, with an extended family of more than 300,000 design enthusiasts. It’s the place to go if you want to buy premium resources at unbeatable prices, whether you’re a graphic or web designer, developer, or business owner looking to improve yourself and your work. They’re the only ones who offer a 200% money back guarantee on every product. ...

Read more

How to Implement Cross-Browser SVG Sprites

In this tutorial I’m going to demonstrate a basic implementation of some SVG icons, how to provide a fallback, and how to turn them into an SVG sprite. Basic SVG Implementation For the purpose of this tutorial I’m going to be using a single page, which will act as a kind of online business card. It will briefly introduce me and display three network profiles relevant to my work. I cons from flaticon From th ...

Read more

New Course: Getting Started With Semantic UI

What You'll Learn Semantic UI is a well-crafted front-end framework with professional features and a robust API. In  Getting Started with Semantic UI , you'll learn the features and benefits of Semantic UI, and will gain practical experience of using it. Tuts+ instructor  Lawrence Turton  will guide you from start to finish through the process of creating a website using Semantic UI. You'll be able to follo ...

Read more

© 2011 Powered By Wordpress, Goodnews Theme By Momizat Team

Wordpress SEO Plugin by SEOPressor
Scroll to top