Progressively Enhancing CSS Layout: From Floats To Flexbox To Grid

    Earlier this year, support for CSS grid layout landed in most major desktop browsers. Naturally, the specification is one of the hot topics at meet-ups and conferences. After having some conversations about grid and progressive enhancement, I believe that there’s a good amount of uncertainty about using it. I heard some quite interesting questions and statements, which I want to address in this post. “When can I start using CSS grid layout?” “Too bad that it’ll take some more years before we can use grid in production.” “Do I need Modernizr in order to make websites with CSS grid layout?” “If I wanted to use grid today, I’d have to build two to three versions of my website.” The CSS grid layout module is one of the most exciting developments since responsive design. We should try to get the best out of it as soon as possible, if Read the full article…

Designing Agentive Technology: AI That Works for People

By Christopher Noessel This is a sample chapter from Chris Noessel’s new book Designing Agentive Technology: AI That Works for People. 2017 Rosenfeld Media. Chapter 3: Agentive Tech Can Change the World In the first chapter, we walked through the details of one particular example of an agentive technology and deconstructed it bit by bit in the second chapter to better understand what makes this type of tech different. Let’s now look at lots of examples to see what makes them really, really cool. They Move Us from Moments to Interests The design of tools focuses very much on the moment of use, as it pertains to some task or goal. That means design attention is given to things like the affordances of the interface, mapping of well-designed controls, and meaningful feedback across many layers of interaction. It’s the see-think-do loop that is the irreducible atom of interaction design. Much Read the full article…

Enhancing CSS Layout: From Floats To Flexbox To Grid

    Earlier this year, support for CSS grid layout landed in most major desktop browsers. Naturally, the specification is one of the hot topics at meet-ups and conferences. After having some conversations about grid and progressive enhancement, I believe that there’s a good amount of uncertainty about using it. I heard some quite interesting questions and statements, which I want to address in this post. “When can I start using CSS grid layout?” “Too bad that it’ll take some more years before we can use grid in production.” “Do I need Modernizr in order to make websites with CSS grid layout?” “If I wanted to use grid today, I’d have to build two to three versions of my website.” The CSS grid layout module is one of the most exciting developments since responsive design. We should try to get the best out of it as soon as possible, if Read the full article…

The 12 best iPad apps for designers

Discover the best iPad apps for designers The iPad can be an incredible tool for designers, but like any tool you have to know how to use it well before you get the most from it. For a device like this, knowing what apps you should add that will make your life as a creative professional better is the key, which is why we’ve put together this list of suggestions. Load an iPad up with all these apps and you’ll have a formidable, hugely capable partner in your work. Now, at this point, most articles of this kind would list the best drawing apps for iPad, because that’s all designers spend our days doing, yeah? Daubing colours on a canvas? Well balls to that; the life of a creative pro is about much more – worse luck – than dreaming up ideas on a sketchpad, so our list is much Read the full article…

Discover 2017’s best grads in the new Computer Arts

This month’s Computer Arts went to press from the middle of the bustling hub of creative energy that is D&AD New Blood – the culmination of another year’s action-packed graduate show season – and it’s packed with the very best new talent the team could find. Buy Computer Arts issue 269 now! So if you’re looking for designers to inject new life into your studio, on the hunt for your next creative collaborator, or just hungry for new sources of inspiration, the expansive 28-page special report at the core of the issue is a great place to start, and includes 30 hand-picked graduates to watch. Santa Cielava from LCC opens the graphic design section CSM graduate Noah Petri is one of CA’s illustrators to watch Stunning cover treatment The cover of the print edition was created by Camelia Pham, winner of CA’s fourth-annual cover design contest, in partnership with D&AD New Read the full article…

What to look out for at SIGGRAPH 2017

The eyes of everyone in the CGI and digital content creation industry will be turned towards Los Angeles this summer, as SIGGRAPH 2017 takes place – the event’s 44th outing.  As one of the biggest shows in the industry, with representatives from Autodesk, Maxon, The Foundry, AMD, and NVIDIA among many others, SIGGRAPH is a must for CG artists. 30 inspiring examples of 3D art Marvel at new research The Technical Papers include how Clensch maps can be used for visualisation and processing SIGGRAPH’s Technical Papers presentations let attendees explore the science behind the pixels. These papers have earned the event its reputation as one of the most esteemed and influential forums for research in the world. This year, from 439 submissions, 127 papers will be showcased (scroll down for an overview video). And there are plenty of new areas of research to get excited about. “In addition to the Read the full article…

Trippy Rick and Morty trailer will blow your mind

It’s Friday. Fancy a spot of trippy animation eye-candy to ease you through the day? Then please, allow us. Our favourite new animation this week by far was Adult Swim’s trailer for the new season of eccentric animation series Rick and Morty. Titled Exquisite Corpse, the insane short features sequences created by a stellar cast of top animation talent, taking you on a journey through some 22 different animation styles. Greatest animated music videos The clip, which was directed by illustrator Matt Taylor, takes inspiration from the surrealist drawing technique of the same name – Exquisite Corpse – in which different artists draw a section of a body without seeing the others beforehand. Aided by an instrumental version of Run The Jewels’ Thursday in the Danger Room, it’s makes for the perfect Friday viewing – and a cracking way to gear up for the weekend. The all-new Rick and Morty Read the full article…

Get your site online quickly and easily with Arch Hosting

When web developers need to get their sites online with the assurance that all their designs will work as expected, they turn to Arch Hosting Web Hosting. You can get a lifetime subscription to this powerful service for just $29.99 (approx £23). Arch Hosting Web Hosting has everything you need to get your website up and running at full speed. This performance-oriented host understands the importance of having no downtime and quick load times, and will optimise your site with its lightning-fast network. Get 2GB of storage space and 500GB of bandwidth for your domain, which you’ll get free for one year with this offer. You can get get a lifetime subscription to Arch Hosting Web Hosting for just $29.99 (approx £23). That’s a saving of 91% off the retail price for a service that will get your site up and running, so grab this deal today!

20 Places to Find the Best Free Stock Photos

You’re reading 20 Places to Find the Best Free Stock Photos, originally posted on Designmodo. If you’ve enjoyed this post, be sure to follow on Twitter, Facebook, Google+! Good images are a key part of putting together a great website. But finding images to use can sometimes be difficult. Your options are to take the photos yourself, buy images from a photographer or stock image site or to find images that are free and available for use. That’s what we are going to […] Read the full article…

50 Free & Premium Tumblr Themes

Tumblr has been the go to place for bloggers, inspiration finders, and creatives for years as a way of posting to the web. With that popularity came a whole culmination of themes. Themes varying from grid-based, portfolio style, and even ones specifically made for type. Today we’ve rounded up a collection of over 50 of the best Tumblr themes, designs, and templates for you to browse through. Some of these are free, and some are commercial. We hope you find something that fits what you’re looking for! Uptown Uptown is a stylish, minimal theme full of gorgeous design detail. You can customise everything. Turn features on and off, choose a grid or standard layout, change every colour and detail, and make Uptown your own! Price: $19 Author: Themelantic Author Author is a beautiful, customisable blank page for you to share your thoughts and ideas. Customise everything, and create your own Read the full article…

12 Fun CSS Text Shadows You Can Copy and Paste

Typography is everyone’s favorite toy in web design. One particularly fun tool that CSS gives you to play with your type is text-shadow, which seems simple enough at first but can be used to create some remarkable effects with a little ingenuity and creativity. Today we’re going to run through several text-shadow examples that you can copy and paste for your own work. The Basic Shadow The text-shadow property is super easy to work with and works well across all modern browsers without even so much as a vendor prefix! However, using tools like Modernizr will help you pull off advanced CSS3 effects even in older browsers, if you need fallback support. Syntax The syntax for creating a simple text-shadow is shown below. You have four variables to work with, the first two set your shadow’s position, the third sets the amount of blur and the fourth the color of Read the full article…

Web Development Reading List #190: Images in Web Notifications and Angular Code Splitting

    New APIs offer great possibilities to build better web services. And some people push these new technologies to their limits. For example, we can use JavaScript to generate images that we then can use in Web Notifications. We can use the Storage API to find out if and how much data we can save on a user’s device and can adjust the behavior of our applications accordingly. Read the full article…

30 Stunning Desktop Wallpapers From Unsplash

Need a little extra design inspiration? Start with your Mac or Windows desktop background. A stunning desktop wallpaper can provide an extra little spark every time you fire up your computer, and browsing through great photos is a sure fire way to get the creative juices flowing. Unsplash, a free stock photography website, is packed with amazing images that you can use in any way you want… including as a desktop wallpaper! Here’s a list of our favourites that we’ve put together to help you feel a little more inspired. Whether you like a minimal, patterned, or stunning photographic wallpaper, we’ll have something for you! Minimal Curves Incredibly minimal architecture shot of a beautiful building: Los Angeles, United States, by Kimon Maritz Autumnal Park from Above A stunning autumnal drone shot of the park from above: by Martin Reisch Abstract Architecture Red and white abstract architecture with strong lines: Los Read the full article…

The new traditional art tools you need this July

Whether you’re looking to switch disciplines and try something new, or brush up on old skills, there’s a ton of cool new art books to help you on your way. This month we’ve got guides on oil painting, how to draw manga and urban drawing techniques, plus a new and brilliantly named art craze: Zentangle. And not just regular Zentangle, but botanical Zentangle. We’ve also rounded up some the best tools to help you get started in each of these fields.  We look at a book that asks questions about creativity – what a good idea looks like, where it comes from – which is perfect for anyone suffering from bout of creative block. We also check in with Somerset House and its Print Club London film poster exhibition, and we’ve got our eye on a new, limited edition Moleskine collaboration.  01. Five-Minute Sketching: Landscapes Get sketching on the move, Read the full article…

Designing The Perfect Slider

    When we think about a slider, we usually imagine an image gallery slider, or the infamous carousel, or perhaps off-canvas navigation, with the overlay sliding in from the side. However, this article is not about those kinds of sliders. Instead, we’ll look into the fine details of designing better slider controls for selecting a value or a range of values. Think of price range sliders, 360-degree-view sliders, timeline sliders, health insurance quote calculators, or build-your-own-mobile-plan features. In all of these use cases, a slider is helpful because it allows users to explore a wide range of options quickly. For precise input, a slider can never beat a regular input field, but we can use a slider to nudge our customers to explore available options and, hence, aid them in making an informed decision. After a close look at perfect accordions and date and time pickers, let’s turn our Read the full article…

7 key typographic trends in Marvel movie logos

As Marvel Studios gears up to celebrate its 10th anniversary, we take a look at the typographic trends behind the Marvel movie logos. With a plethora of superheroes to choose from – The Incredible Hulk, Thor, Captain America and more – Marvel has released a new movie each year since its 2008 release of Iron Man, building the brand into one of the most powerful in the world. But with great power comes great responsibility, especially when it comes to the logo design of each movie. So what of the typography? How have the film’s superhero logos developed over the last decade? And what can designers learn from their evolution?  Here we pick out seven big type trends from Marvel movie logos, and offer insights from designers. 01. Back to basics The Inhumans logotype is based on the 1998 comic logo by JG Roshell One clear typographic trend across Marvel’s Read the full article…

Wacom’s new Cintiq has the biggest screen yet

Japanese graphics tablet specialist Wacom has announced that a larger edition to its popular Cintiq family is on the way. The new 24 and 32-inch creative pen displays have been built to meet the demands of professional artists, designers and illustrators, who will now have more room to let their ideas breathe. Announced last week, the new Cintiq Pros join the 13 and 16-inch models in the range. Unlike previous releases, Wacom plans to unveil a series of behind-the-scenes details over the next six months to generate a buzz around the products. Pro Pen 2 delivers a natural drawing experience Both models pack brilliant 4K displays with a billion colours and maximum colour accuracy. Thanks to edge-to-edge glass screens, creatives have free reign to draw as large as they want. Pro Pen 2 technology accompanies the release to deliver the best drawing experience Wacom is capable of. Edge-to-edge glass gives Read the full article…

What Goes Into The Cost Of UX Design

Not unlike design itself, the cost of a user experience designer can be a bit of an abstract concept. The business tangibles of UX work – timelines, milestones and costs are usually based on estimates. Thus, forming educated guesses often comes from years of real-world design experience. Adding to the nebulous nature of a UX […] The post What Goes Into The Cost Of UX Design appeared first on Usability Geek Read the full article…

The UX Design Process: A Beginner’s Guide to User Experience [Sponsored]

User experience, or UX, is an area of tech development that focuses on the quality of interactions between customers and the products they use. In addition to technical specifications, UX professionals concern themselves with how users feel about products. Ideally, they make apps, websites and other products highly useful, easy to operate and fun to […] The post The UX Design Process: A Beginner’s Guide to User Experience [Sponsored] appeared first on Usability Geek Read the full article…