howdesign This latest edition of the Top 10 Websites for Designers includes a new creative critique platform, a fun color picker for the real world and more. In November's Top 10 Websites for Designers you'll discover collections of thought-provoking posters, a flawlessly delivered digital story and more. In October's Top 10 Sites for Designers, check out a showcase of people from all backgrounds in design; a color gradient generator; fun agency site & more. In this month's roundup of websites for designers, you'll find font pairing tools, interesting portfolio sites, a product graveyard and more. This month's roundup of websites for designers features a history of cocktail lettering, a funny interactive film and goofy designer excuses. This month’s Top 10 Websites for Designers includes design portfolio inspiration, an interesting color resource and websites that offer unique storytelling experiences.
K&i and the Humanistic Approach to Design by Karl and Ida Mynhardt, owners of K&i Editor’s Note: K&i, a creative design agency run by husband-wife team Karl and Ida Mynhardt, reached out to HOW to tell us about their newly updated identity and relaunched website. After chatting a bit, we were intrigued to learn how living and working in Cape Town, South Africa (after previously living and working in London) has influenced the agency’s work. Read on for a few words from K&i about the hands-on, humanistic approach the creatives now take when it comes to design. We find inspiration in everything, and often the most random things. We look, we listen, we smell, we taste and we feel. It is because of these inherent characteristics why our ways of creating design have changed since relocating countries. We want to do good design for good people and are selective about the work we take on. Additional work from K&i: Just Design: Socially Conscious Design for Critical Causes
Perks of the Adobe Creative Residency, with Kelli Anderson In May of 2015, Adobe began their first creative residency program. I was lucky enough to meet with Becky Simpson and Kelli Anderson (via phone call) to learn about what exactly it means to be an Adobe creative resident and how the program is giving back to the creative community. {One year of living as an artist—FREE} Semi-Permanent. Sydney Convention Centre. 11 May 2012. Photo by Andrew Quilty for Semi-Permanent. If you check out Adobe’s creative residency page, the first thing you’ll notice is their tagline: “Fostering creativity. And after speaking with Becky and Kelli, I can’t think of a better way to describe this program. If you haven’t done so yet, check out the first installment: “The Perks of Being an Adobe Creative Resident: Part 1 with Becky Simpson”! I asked Kelli what her reaction was after being chosen as a resident. {Trailblazing. Being the first is awesome in some cases—first in line for ice cream, first person to comment on a YouTube video, first man to walk on the moon.
fastcodesign While Halloween won't be here in earnest until the end of the month, the countdown is definitely in full swing. Here to stoke anticipation is Montreal-based design duo Baboon with a series of creepy animated GIFs, revealed every day for the month of October. Featuring scary characters new and old—from Cousin Itt to Dracula, Michael Myers and the Grim Reaper—each GIF is illustrated by Baboon's Pablo Echeverri and Sylvain Rogé and animated by friend and motion designer Simon Lagneau. Maybe not, but we're certainly glad they do. Simple Icons Project Cards Template | CodyHouse Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam molestias suscipit mollitia vitae ea non ex, dignissimos aperiam minus magni totam sint culpa vel voluptate ipsa sunt repellendus. Ab, magni! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
CSSGram What is This? For more background on CSS Image Effects, you can check out my blog series here, or watch my video from CSS Conf EU, which gives a baseline on blend modes and filters. Simply put, CSSgram is a library for editing your images with Instagram-like filters directly in CSS. What we're doing here is adding filters to the images as well as applying color and/or gradient overlays via various blending techniques to mimic these effects. This means less manual image processing and more fun filter effects on the web! We are using pseudo-elements (i.e. Browser Support This library uses CSS Filters and CSS Blend Modes. Google Chrome: 43+ Mozilla Firefox: 38+ Internet Explorer: Nope Opera: 32+ Safari: 8+ For more information, check on Can I Use. Usage There are currently 3 ways to consume this library: 1. When using CSS classes, you can simply add the class with the filter name to the element containing your image. If you want to work locally, do the following: For example: Available Classes 2. 3.
DIY Low Poly Animal Masks for Halloween by Wintercroft | ilikethesepixels Halloween is just around the corner. It would be appropriate to have some kind of post, that relates to the greatest holiday of them all. At first, I thought I should do a pumpkin carving kind of post. But I couldn’t find anything good enough, so I decided to give that one up. Instead, I thought I might write about something more practical. Something that can help people, and make them look super cool, with a unique costume. Steve and Marianne Wintercroft are a married couple from the UK. Not long after, The Wintercrofts opened their own, very successful Etsy page. The Wintercrofts supply their easy to make, DIY animal masks templates with detailed instructions, that can be Digital purchased and instantly downloaded.
Creative digital agency based in Paris | Sweet Punk Designing a landing page that sells — Active Collab Blog Designing a landing page that sells From awful to awesome (and everything in between) We ramped up our marketing efforts by making landing pages for PPC campaigns. Designing a landing page is similar to designing a website, but more focused on a single call to action. In our case, the goal was to make the visitor create a trial. A landing page has to answer: Why you’re worth the time? All that on a single page. Before the design We first chose the focus of our campaign. Team collaborationWork organizationGetting paid Because there’s a great number of apps for managing to-do’s and collaboration, we decided to create a campaign that focused on the whole workflow: from project inception to getting paid. After all, Active Collab has everything a modern team needs to make work easier: you track time spent working on tasks and issue invoices. The first design was created without much internal collaboration. The result was awful — it was limp, lifeless, and uninspired. Final
UX Design Trends 2015 & 2016 (free e-book) Effective Date: Oct 10, 2014 This Privacy Policy (“Policy”) describes how UXPin Sp. z o.o. a Polish company with business address at Abrahama Street No 37/8, 81 - 366 Gdynia, Poland, entered into commercial register of the Polish Court Register held by the District Court Gdańsk - North in Gdańsk No 0000400136, with share capital of 66,100.00 PLN, TAX ID NO: PL5862274376and its affiliates (“UXPin” or “we” or “our” or “us”) treats information collected or provided in connection with a customer’s (“you” or “your”) use of the UXPin software-as-a-service (the "Service") website located at (the “Site”). Any customer intending to use the Site is requested to read this Policy carefully prior to any use of the Site, as this Policy shall apply to any use of the UXPin software-as-a-service located at the Site. If you shall not agree to any provisions of this Policy, please refrain from using the Site.
HTML & CSS Examples of Material Design in Action We touched on Material Design a few months ago (Material Design GUI kits, you should check them out!) just as Google’s innovative visual language began building up a head of steam. Since then, we’ve seen many, many sites and apps that have incorporated the visual language successfully. This is going to be the year of Material Design, and we love it Just in case you haven’t jumped on the Material Design bandwagon or aren’t fully convinced of it’s merits as yet, we’ve collected a small collection of HTML and CSS examples from Codepen that will surely convince you. Drawer Motion A demonstration of how the app drawer is filled with motion in Android Lollipop. Animated Tiles A CSS-based prototype of Material Design's animated tiles. Morphing Icons A collection of recreated 'morphing' icons in a Material Design style. Subtle Animation A CSS-only recreation of Material Design's flawless and subtle animations. Immaculate Transitions Immaculate examples of Material Design's transitions. Preloader