Developing your eye for design – Jonathan Z. White – Medium
A simple strategy Here are some things that you can do to train your eye. Browse design inspiration Keep a folder and save designs that inspire you over the course of the week. At the end of the week, look through your folder and ask yourself some of these questions. You don’t have to answer each one of those questions for every design, but do keep them in the back of your mind.
The ultimate responsive web design roundup
Responsive design is the new darling of the web design world. It seems that not a week goes by that there aren’t new resources for doing it, opinions about how to do it or even whether to do it at all, and new sites that make beautiful use of it. It can quickly get overwhelming trying to keep up with it all.
Awesome Responsive Type: Adjust Font Size via Face Detection
11 February '13, 08:11pm Follow Responsive design has recently become a buzzword, and for good reason: it captures the idea of displaying your content beautifully on each and every device. Responsive typography has also received attention, and various techniques have emerged to encourage type legibility across devices: like displaying different font weights to compensate for Retina displays.
In Search of the Ultimate User Experience - Marvel Blog
Part I: Experience is everything The origin of imagination Around 70,000 years ago, Sapiens figuratively ate an apple from the Tree of Knowledge, and a mutation occurred that scientists still can’t explain to this day.
The New Front End Design Stack - The Role of Responsive Web Design
Ethan Marcotte established the idea of responsive web design in his 2010 A List Apart article of the same title. Succinctly, responsive web design is device-agnostic content presentation. A responsive design looks great on a desktop monitor, a tiny phone screen or a large format display.
Useful Responsive Web Design Tools - The DesignPin Blog
Let’s get back to work. The weekend is closing to an end. So it is the best time to enjoy a short but informative article. We’re continuing the topic of responsive design and various resources connected with it. Just before working Monday we want to serve to you another interesting set of tools that may help you with responsive design. We have given you some tips on frameworks, WordPress themes, some website templates, jQuery plugins and some interesting layouts.
Responsive Images in CSS
The term "responsive images" has come to mean "responsive images in HTML", in other words, the srcset and sizes attribute for <img> and the <picture> element. But how do the capabilities that these things provide map to CSS? CSS generally wasn't really involved in the responsive images journey of the last few years. That's for good reason: CSS already has the tools.
Responsive web design
As the number and variety of devices from which we access the internet increases, new web design challenges present themselves. It’s no longer simply enough to have a mobile version and a browser version. Now, we have to consider whether the person visiting our site is visiting from a tablet, a smartphone (and whether that smartphone has a high-res screen or not), a netbook, a desktop computer or full-size laptop (and whether it’s one with a high-res or low-res screen), or some other device entirely. And optimizing the experience for all of those different possibilities is becoming more expected among savvy internet users.
Top Drawer - A smooth dropdown menu for responsive web design
Tap the menu icon in the top right. The click event will assign the class of active to the drawer container which alters the translate value to bring it into view. Modernizr will detect whether the user's device is capable of CSS transforms, if it isn't we simply show and hide the menu after the button is pressed - no point in animating if it isn't going to work smoothly. To set up the experiment we need to create a scenario similar to a box of matches, the box (in our case the top black heading) covers the match drawer beneath (our div with a class of drawer). We build the page as normal but pull the drawer up and off the canvas using the CSS Translate property and show it again in the active state for the div using Translate back to it's regular position.
Website Design in Adobe XD Tutorial
As someone who has spent the last 15 years using Adobe Photoshop for designing websites, Adobe XD is a breath of fresh air. I'm exclusively a Windows guy, so I haven't had a chance to experiment with Sketch. Adobe XD (Experience Design) is Adobe's response to the popularity of Sketch.
Responsive Web Design
The English architect Christopher Wren once quipped that his chosen field “aims for Eternity,” and there’s something appealing about that formula: Unlike the web, which often feels like aiming for next week, architecture is a discipline very much defined by its permanence. Article Continues Below A building’s foundation defines its footprint, which defines its frame, which shapes the facade.
Responsive Web Design Prototyping Tool - UXPin newest solutionUXPin
Responsive Web Design becomes a huge trend in the design industry, and no without a reason. According to Google Mobile Research, “Our Mobile Planet”, only about 15% of the Internet users are completely satisfied with the user experience of the mobile web, while the share of the mobile in the Internet traffic grew at the astonishing rate of 163% since 2010. We all live at the verge of the mobile era and it’s hard not to be excited.
The Makings of a Great Logo - BOLD by Pixelapse
Your company's logo is the fundamental foundation to your business branding. It is probably the first interaction that you will have with your customers. An effective logo can establish the right tone and set the proper ethos. After years of crafting logos for different projects, I've come up with a set of questions that I always ask myself before delivering a new logo. Above all design guidelines, the most important criterion is whether the logo reflects the character of the company. The emotions that the logo evoke should be appropriate to the company values.
Responsive Web Design, A Book Apart
foreword by Jeremy Keith From mobile browsers to netbooks and tablets, users are visiting your sites from an increasing array of devices and browsers. Are your designs ready? Learn how to think beyond the desktop and craft beautiful designs that anticipate and respond to your users’ needs. Ethan Marcotte will explore CSS techniques and design principles, including fluid grids, flexible images, and media queries, demonstrating how you can deliver a quality experience to your users no matter how large (or small) their display. Contents
