Two years ago, I had a grand total of zero minutes played in Sketch. Today — let’s do the math — I have approximately 18 months in Sketch x 172 working hours per month, equalling 3,132 hours. In that time I’ve discovered the best solution for tedious icon creation problems that zap your time. In the past, designers spent… Continue reading Dynamic Icons in Sketch
Tag: buttons
The 32 Best Free Icons for Commercial Use to Download Today
There’s a million free icons out there, but not all of them are useful for real jobs. Here are the best free icons that you might actually use in your next commercial project. Just like the name implies, this large icon set includes 380 icons that will be essential for any web development project. The stroke outline… Continue reading The 32 Best Free Icons for Commercial Use to Download Today
15 Best Bootstrap Themes for 2017
Part of Bootstrap’s magic is the robust and varied market for pre-built themes. These themes can be as simple as a collection of UI elements or as complete as fully-built websites with WYSIWYG page builders built it. Take a look at some of your options below and find the best Bootstrap themes for 2017. CoPro… Continue reading 15 Best Bootstrap Themes for 2017
The New Skeuomorphism is in Your Voice Assistant
Google Home and Amazon Echo Yay, we killed Skeuomorphism! Not too long ago humanity left behind its skeuomorphic interfaces. Skeuomorphism meant using references to real world surface textures on visual interfaces to enhance their comprehensibility. We stripped our visual interfaces off their ornamentations to allow a more authentic approach to visual aesthetics. Killing skeuomorphism made us… Continue reading The New Skeuomorphism is in Your Voice Assistant
Designing Accessible Products
2. Focus Focus is one of the most important accessibility features that enables users to use a computer with only a keyboard without the need for a mouse. Most reset stylesheets have this one line of code that causes major accessibility failure – :focus {outline: 0;} This is an anti-pattern that needs to be avoided… Continue reading Designing Accessible Products
Elements: Dashboard UI kit for Photoshop and Sketch
Elements is a free UI kit including a lot of useful components (inputs, buttons, selects, dropdowns, notifications, tables, etc.) to get started with dashboards / admin pages design. The freebie comes in both PSD and Sketch formats and it’s been designed and released by Jan Losert, experience designer at at Tapdaq. Download freebie
bttn.css – A set of ready-coded CSS buttons
bttn.css is a small CSS library built by Ganapati Bhat to be included into your main stylesheet and easily add beautiful buttons to your own web project. Once you do that, you just need to add some classes to HTML buttons and you are done. Super easy! Buttons come in 6 colours and 9 different styles, but they’re customisable at your own pleasure with… Continue reading bttn.css – A set of ready-coded CSS buttons
Essential design trends, November 2016
It’s time to break out of your (design) shell and try something bold. Larger-than-life bold techniques are the big theme this month as we look at three trends that incorporate items that make users look at the design. Here’s what’s trending in design this month: 1. The color purple Purple color palettes are traditionally somewhat… Continue reading Essential design trends, November 2016
Meet the Latest Monstroid WordPress Theme Update and Save 40%
Posted · Category: Best Collections We are excited to bring your attention to the most recent update of Monstroid – a multipurpose WordPress theme packed with premade designs, tools for developers, plugins, and many other awesome features.We have already featured Monstroid in one of our posts, and even hosted a giveaway. Today you have a… Continue reading Meet the Latest Monstroid WordPress Theme Update and Save 40%
Taking Control of the tvOS Focus Engine
Introduction On iOS, users normally interact with your apps via the device’s touch screen. On tvOS, however, user interaction is handled by moving the current focus between views on the screen. Luckily, the tvOS implementations of the UIKit APIs handle the changing of focus between views automatically. While this built-in system works very well, for specific… Continue reading Taking Control of the tvOS Focus Engine
Free UI Kits That A Designer Should Have
Posted · Category: Best Collections UI kits are among designers’ favorite tools to work with, because they enhance their creativity, and clean the palette even for the most difficult projects. What makes UI kits even more loveable is that they help us explore other designers’ ideas, without expecting the client to come up with his,… Continue reading Free UI Kits That A Designer Should Have
The Next Random: UI kit for Sketch
Today’s exclusive freebie is The Next Random, a free UI kit for Sketch created and designed by Luan Gjokaj. It is a set of minimal components, which includes buttons, switches, forms, modals, etc. You can use this set in your projects or learn with it, by examining each component to see how it is put together. Download freebie
20 Useful WordPress WooCommerce Plugins Available on CodeCanyon
WooCommerce is a free plugin that transforms WordPress into a powerful eCommerce solution. This WordPress eCommerce plugin now powers over 37% of all online stores and offers a wide variety of plugins that extend and customize WooCommerce in many different ways. Here are 20 useful WordPress WooCommerce plugins available on Envato Market that are worth your… Continue reading 20 Useful WordPress WooCommerce Plugins Available on CodeCanyon
New Course: Practical Web Animation
The days of animation-heavy websites are fading, but there is still something to be said for a site with small amounts of subtle, eye-catching motion to help users interpret interfaces. In our new course, Practical Web Animation, Envato Tuts+ instructor Craig Campbell will show you practical ways to create animations for buttons, pricing tables, and other… Continue reading New Course: Practical Web Animation
SpriteKit From Scratch: Constraints and Actions
Introduction In this tutorial, the second installment of the SpriteKit From Scratch series, you learn about constraints and actions. These features are used to easily add movement and animations to your SpriteKit game while limiting the position and orientation of nodes in the game. To follow along with me, you can either use the project… Continue reading SpriteKit From Scratch: Constraints and Actions
Salient – Responsive Multi-Purpose Theme – 4363266
Extended Feature List Ultra Responsive Design Retina Ready Design Exclusive Nectar Slider AJAX Page Transitions (optional) AJAX Search (optional) Multi Layer Mouse Based Parallax Infinite Scroll option for Blog & Portfolio Multiple Single Post Layouts Classic Look Modern Look Graphically Intuitive Shortcode Generator Tons of unique shortcodes Powerful options for all elements Usable in both… Continue reading Salient – Responsive Multi-Purpose Theme – 4363266
What does simplicity in UX design look like?
For over a decade, designers have debated what constitutes simplicity in user experience design. As Robert Hoekman Jr. points out in his article When It Comes to UX Design, Simplicity is Overrated, the variation in semantics is confusing. Simplicity could refer to a clean design (then there’s the disparity of what “clean” actually looks like), the… Continue reading What does simplicity in UX design look like?
Android From Scratch: Building Your First Android Application
What You’ll Be Creating After taking a look at the current state of Android development and how to set up your development environment, in this lesson, you are going to learn how to build and launch your first Android application. I won’t focus too much on the details, because those are covered extensively later in… Continue reading Android From Scratch: Building Your First Android Application
Weekly Inspiration: Discoverability and Feedback
Recently Vox, together with 99% Invisible, produced a brilliant short film about a door on the tenth floor of the Vox Media office. Besides many other doors, it featured Don Norman: design icon and celebrated author of The Design of Everyday Things. The purpose of the film was to highlight the usability of products and systems, whittling down… Continue reading Weekly Inspiration: Discoverability and Feedback
8 Essential Bootstrap Tools For Web Designers
There are so many trendy and time saving things available in internet world. Bootstrap tools are one of them. Bootstraps tools have many wonderful and outstanding features like Add-ons, pre-styled modules of library and so many. This is the reason that every talented web designer and web developer always keep an eye on bootstraps tools.… Continue reading 8 Essential Bootstrap Tools For Web Designers
100 Free PSD Website Templates
Regarding website design, 2016 has passed under the auspices of flat style. However there were also other factors that shaped the Web the previous year, such as asymmetrical arrangement, which helped projects to break away from traditional boxy structures, a ton of multimedia, which was huge, lavish and overwhelming, nifty and intriguing two-column homepages, enthralling… Continue reading 100 Free PSD Website Templates
Weekly Inspiration: Good Golly, Gradients
Gradients are making a sneaky comeback. For a while they belonged to the world of Miami Vice and Tequila Sunrise, then they added depth to 1980’s magazines, then there was Geocities–ok, let’s not dwell on the past. Nowadays gradients are being used on the web in bold fashion; mixing highly saturated colors for extremely rich… Continue reading Weekly Inspiration: Good Golly, Gradients
11 Handy Code Snippets For Interactive Buttons
Here in this post, we are showcasing a beautiful and useful compilation of 11 code snippets for creating interactive buttons for your web designs. Button is the most important and powerful component of any web design. Did you see any website without button? Certainly not. This is because buttons are call to action component of… Continue reading 11 Handy Code Snippets For Interactive Buttons
20 Best Free Buttons Designs PSDs to Download
Buttons are important design elements, and thus they must be eye-catching and user-friendly. There are a lot of Photoshop freebies on the web, but not all of them are high quality. Also, maybe you don’t want to spend time on creating a brand new button design, that’s when freebies com in handy. We selected some… Continue reading 20 Best Free Buttons Designs PSDs to Download