As a UX researcher with a background in anthropology, I’m guilty of taking for granted the value of doing UX research to inform good design. When your worldview – your entire way of thinking and seeing the world – has been shaped by social science, it’s continually shocking to be reminded that not everyone automatically… Continue reading Unlock the Magic of UX Research
Tag: Magic
24+ Best Free Retro Fonts (50s–80s Fonts to Download)
Looking for free retro fonts? Cool retro fonts can be such a stylish addition to design projects, especially if that retro font style is right on target with the era. In this article, we’ll take a look at some retro-looking fonts that you can download now. Download this vintage retro font and thousands of others… Continue reading 24+ Best Free Retro Fonts (50s–80s Fonts to Download)
How to Build an Accordion Component With the CSS Checkbox Hack
What You’ll Be Creating In this short tutorial, we’ll learn how to build a CSS-only flexible accordion component by taking advantage of the “CSS checkbox hack technique”. Most importantly, our component will be fully responsive and its layout will switch between horizontal and vertical depending on the viewport size. Along the way, we’ll discuss how… Continue reading How to Build an Accordion Component With the CSS Checkbox Hack
CSS And Javascript Animation Libraries To Create Awesome Effects
Velocity.js Velocity is an animation engine with the same API as jQuery’s animate(). It works with and without jQuery. It’s incredibly fast, and it features color animation, transforms, loops, easings, SVG support, and scrolling. It is the best of jQuery and CSS transitions combined. Vivus Vivus is a lightweight JavaScript class (with no dependencies) that… Continue reading CSS And Javascript Animation Libraries To Create Awesome Effects
Make Magical Scroll Interaction with Scroll Magic Plugin
< ScrollMagic is a jQuery plugin which essentially lets you use the scrollbar like a progress bar. It’s the plugin for you, if you want to start an animation at a specific scroll position, synchronize an animation to the scrollbar movement, pin an element at a specific scroll position (sticky elements). You can easily add… Continue reading Make Magical Scroll Interaction with Scroll Magic Plugin
Simplest Way to Create Cool CSS3 Animation Effects
CSS3 Animation are gaining tons of attention lately. Personally, I have started using it in some of my projects and I absolutely love how simple it is to create a smooth animation effect. One of the major advantages of CSS3 is – they’re hardware accelerated. It’s smoother and faster if compared with javascript generated animation.… Continue reading Simplest Way to Create Cool CSS3 Animation Effects
20 Free High Quality PSDs and Actions for Creating Mock-ups
Presentation is a very important part of a project. It doesn’t matter if you have an awesome concept, if your presentation is poor the client may reject the idea. That is why we’ve searched for the best mock-ups to help you showcase your project in a professional way. These mock-ups are very useful for project… Continue reading 20 Free High Quality PSDs and Actions for Creating Mock-ups