Vivid.js is a JavaScript library built to serve 90+ pixel perfect and ready-to-use icons in SVG format. Vivid.js is really easy to use, you just need to include the JS file into the head section and use a data attribute to load an icon. In addition, Vivid.js is super lightweight and minified version equals around just… Continue reading Vivid.js – A JS library serving a set of 90+ SVG icons
Tag: head
UX debt symptoms
User experience (UX) design has a wide scope and touches many things in both a product and in an organization. The field itself is fairly new and evolving rapidly along with technology. It’s no wonder that many of us in the technology and business world can lose track of UX’s latest evolution. It can be… Continue reading UX debt symptoms
Getting Started with Yoga and Prisma for Building GraphQL Servers ― Scotch
By now, you have probably heard a lot of buzz about GraphQL going around and how it’s going to replace REST but you don’t even know where to begin. You hear a lot of buzzwords about mutations and queries but what you’re used to is GET and POST requests on your different endpoints to fetch… Continue reading Getting Started with Yoga and Prisma for Building GraphQL Servers ― Scotch
How to Optimize Node Requests with Simple Caching Strategies ― Scotch
One of the things that affect how users interact with our applications is its speed. Even though some users generally have a poor connection, they are expecting some minimum level of speed when using the application. To give our users a seamless experience, we are going to consider the possibility of optimizing our requests in… Continue reading How to Optimize Node Requests with Simple Caching Strategies ― Scotch
Wix Code: New Website Development Tool For Hassle-free Coding
Every individual and business familiar with internet knows the value of a professionally developed website. It could be a personal portfolio-cum-resume or the online front to your business. Creating your website is no easy job, from hunting down good web developers to the time it takes to get the job done, implying you haven’t lost… Continue reading Wix Code: New Website Development Tool For Hassle-free Coding
How to Change the Background Color of a Button on Mouse Click When Using jQuery
In this article am going to illustrate how you can change the background color of a button after it has been clicked when using jQuery. This kind of functionality makes a website or web application more responsive and interactive with the user especially when you have many buttons or links and you want your users… Continue reading How to Change the Background Color of a Button on Mouse Click When Using jQuery
How to Build a Chrome Extension
Google Chrome is the most popular browser on the planet. You use it, your mom uses it, your cat uses it. Sure, it’s got quirks and problems. But if you want to reach a large audience, designing a Google Chrome extension isn’t a bad way to do it. Fortunately, it’s pretty easy to build a… Continue reading How to Build a Chrome Extension
Get Started with iPhone’s Taptic Engine.
You’re a UI designer. You’ve heard about the Taptic Engine on the iPhones and watched the developer videos where Apple encourages you to integrate them into your design. At first you thought, it’s only on the iPhone 6S. It’s a small market. Then the next iPhone came and you procrastinated more. And now it’s maybe… Continue reading Get Started with iPhone’s Taptic Engine.
What designers can learn from the iPhone X
I’ve been playing around with the iPhone X for a couple of days now. The one thing that surprises me the most is how different it is from all the previous models. It’s the most radical deviation from the original iPhone, and yet — or perhaps precisely because of it — the best update so far. With it’s high… Continue reading What designers can learn from the iPhone X
Photoshop Tutorials – 35 New Tutorials to Learn Advance Techniques Of Photo Manipulation
There are thirty five new Photoshop tutorials to learn amazing photo manipulation, retouching and lighting effects and PS actions making in Adobe Photoshop. These latest tutorials are helpful to learn beginning and advance techniques to enhance and improve your digital photo editing skills. The amazing Photoshop tutorials give your photos and artwork a great and unique look without learning a countless photo manipulation and… Continue reading Photoshop Tutorials – 35 New Tutorials to Learn Advance Techniques Of Photo Manipulation
Monitoring the user's brain for usability testing
I have a habit of connecting the dots between design and various other fields of studies which I start learning about. Lately, I have been learning neurosciences and thinking about how we could harness findings from it to designing better products. It gave me chills. For instance, introduction of brain activity monitoring device such as… Continue reading Monitoring the user's brain for usability testing
On Being Humble, Creative, and Independent
On Being Humble Be modest. Your accomplishments to date have brought you this far, but don’t depend on it to bring you any further. That design competition you won, painting sold to a museum exhibition, or local media sensation? Cheers to having your hard work rewarded. Keep it up. Your accomplishments in the future starts with… Continue reading On Being Humble, Creative, and Independent
The Journey of a Fragile Idea
unsplash.com As a designer, I am often very impulsive with new ideas. When I come up with a new interaction for an app I’m working on, I get an insatiable itch to share it with my peers. In the light of inspiration, I get a natural high and run to the nearest piece of paper… Continue reading The Journey of a Fragile Idea
Aol – One Of The Boldest Logo Rebranding Cases Ever
The history of Aol branding is a story of bold decisions and risky moves. It shows how much can be achieved when you have the audacity to push the boundaries of design. It also shows that extraordinary problems require extraordinary solutions. How loss of clients creates necessity for bold actions The online environment has changed… Continue reading Aol – One Of The Boldest Logo Rebranding Cases Ever
6 Ways to Keep Your Blog From Getting Hacked
Many businesses from small to big use WordPress for their blogs. WordPress is a customizable and in-depth blogging tool with lots of features that attract bloggers and businesses alike. But WordPress can be vulnerable to hacking, which means any business information you store in your account and your posts themselves are vulnerable. Protect your WordPress… Continue reading 6 Ways to Keep Your Blog From Getting Hacked
JSON-Server as a Fake REST API in Frontend Development
Introduction Frontend development is changing day by day and we have to learn a lot more stuff. When we start learning a new framework or library, the first thing that is recommended to build a todo list which helps in doing all CRUD functions. But there is no solid backend/library available to make use of… Continue reading JSON-Server as a Fake REST API in Frontend Development
Webinar: 10 Ways Angular 2 Makes Development Easier
This will be our very first webinar! We recently moved into making video courses in our Scotch School; now we’re continuing the Scotch video movement and creating our first webinar! Here are the straight details: What? Learn the 10 Ways Angular 2 Makes Development EasierWhen? Thursday, December 8 at 2pm EST Links to the videos.… Continue reading Webinar: 10 Ways Angular 2 Makes Development Easier
How to get your design concept approved by your client
Advertisement It is said that the main goal of the web design studio is to perceive their client. When you learn all about your client’s personality, values, and most importantly, business goals, you come up with a concept – a visual outline of the future website. Sometimes, however, it turns out that your vision does… Continue reading How to get your design concept approved by your client
Lame vs. Kickass WordPress Themes: Take your Pick
Posted · Category: Best Collections Here at Artbees Themes, we’re not big into sugar-coating things. With ourselves or others. So we’ll be blunt–in the world of WordPress Themes there are the ‘haves’ and the ‘have nots’, but it’s not always easily apparent. If you’re not quite sure what to prioritize when shopping for a new… Continue reading Lame vs. Kickass WordPress Themes: Take your Pick
Animation for Beginners: How to Animate a Head Turn
What You’ll Be Creating Today we are going to learn how to animate a character turning his head. You’ll find that you will be animating head turns a lot when you do character animation. A head turn is challenging to animate because the mass and shape need to be consistent, as do the elements of… Continue reading Animation for Beginners: How to Animate a Head Turn
How to Create an AJAX Driven Theme for ProcessWire
In this tutorial we will look at setting up a simple theme in ProcessWire, we’ll investigate delayed output (now the default theme strategy within ProcessWire), and setup our site to request new content using AJAX. To accompany this tutorial I have created a new theme for ProcessWire, making use of both AJAX and delayed output,… Continue reading How to Create an AJAX Driven Theme for ProcessWire
Ruby Templating With Slim: Part 2
In the second and last part of this mini series, we’ll finish this introduction with sections about outputting Ruby code, interpolation, plain text and how to customize Slim to your needs. After that article you should be ready for some Slim action. Outputting Code You have already seen a bit about how to use Ruby in… Continue reading Ruby Templating With Slim: Part 2
It’s Tough Out There: A Look at Brutalism in Web Design
Brutalist websites were thrust into the spotlight recently when Pascal Deville’s brutalistwebsites.com hit Hacker News and went viral. This collection showcases the less warm and fuzzy side of the web–let’s take a look and see if we can pull some inspiration from brutalism. Brutal Buildings “Brutalism” (or “New Brutalism”) is a term which has been rattling… Continue reading It’s Tough Out There: A Look at Brutalism in Web Design
How to Use Adobe Fuse to Create a Superhero Reference
What You’ll Be Creating When you have an awesome idea for a character, you can feel how great it would be to see it on paper. But what if you don’t have “talent”? Or maybe you can draw, but humans are simply not your area of expertise? Are you supposed to spend hours learning just… Continue reading How to Use Adobe Fuse to Create a Superhero Reference