t-scroll is a modern reveal-on-scroll JavaScript library for creating custom element animations when scrolling a web page. The library is built in pure JavaScript (ES6/Babel – no jQuery dependency) and Sass (processed with Gulp). t-scroll is fully customisable: it provides more than 45 CSS effects and many other options to allow a quite high flexibility level.… Continue reading t-scroll: A modern reveal-on-scroll JS library
Tag: Chrome
How to Order and Align Items in Grid Layout
In this tutorial, you will learn how to control the order in which items are placed using the Grid Layout module. After that, we will discuss how to control the alignment of different items in the grid. In the past, we covered a few important Grid-related topics. We began by learning about different ways of… Continue reading How to Order and Align Items in Grid Layout
The best YouTube channels for designers and developers
I just recently realized how much time I spend on YouTube everyday. To be more precise, about 50 minutes every single day. About three years ago I started developing the habit of opening the YouTube Subscriptions page every day to check out new videos from the channels I had subscribed to. More recently, I decided… Continue reading The best YouTube channels for designers and developers
One-Click Desktop, Cam, & Mic Recording Tool for Chrome
Posted · Category: License Free, Video Opentest is the fastest way for you to share knowledge and collaborate more easily through video. The seamless experience makes it perfect for: Walking a co-worker through a project, Bug tracking/QA (both web & mobile), Personalized sales demos, Customer support. Opentest let’s you do all that for free without… Continue reading One-Click Desktop, Cam, & Mic Recording Tool for Chrome
Boarding Pass Design Inspiration
UI challenge — Boarding pass #024 by This Optimism Boarding Pass :: Daily UI — 024 by Kelly Harrop Daily UI #024- boarding pass #dailyui #024 by pramod kabadi Boarding pass by Goutham 7th Week (Wednesday) — Boarding Pass by Ron Evgeniy for Ron Design Daily UI #57 — Boarding Pass by Ranjith Alingal Day 24 — Boarding Pass by Carl Hauser Boarding Pass by Niclas… Continue reading Boarding Pass Design Inspiration
File Upload UI Inspiration
Daily UI challenge #031 — File Upload by Alexander Cafa Share Card by Dea_n File upload by Oleg Frolov Upload by Aaron Iker Day 31 — File Upload by Carl Hauser Day 24 — File upload widget by Hervé Rbna Daily UI — Day 31 — File Upload by irene georgiou File Upload by Noel Niñal Daily UI Day #04 — Upload by Jakub Kowalczyk for Symu.co… Continue reading File Upload UI Inspiration
ToDo List Inspiration
Task manager application UI by Alexander Me Day042 Todo List by Catherine Wang 042 DailyUI — ToDo List by Adrien Gervaix Calendar App by Vadim Gromov Updated ToDay app v.1.5 by Guglielmo Daily UI #042 — To Do List by Kelsey Bowman Day 003-Work List by ZoeWang 042 — List App by Racine Davis day41-Todolist by JIE LIU To-Do List by… Continue reading ToDo List Inspiration
Filterizr – A jQuery Plugin to Apply Filters Over Responsive Galleries
Filterizr is a jQuery plugin that sorts, shuffles and applies stunning filters over responsive galleries using CSS3 transitions and custom CSS effects.You can write your very own, custom effects in CSS and watch your gallery come to life. Features: – Pluggable look & feel (write your CSS effects in the box on the right and… Continue reading Filterizr – A jQuery Plugin to Apply Filters Over Responsive Galleries
Animated Animals in CSS and SVG
Learn some interesting animation techniques involving Sass and SVG filters for realistic motion effects on the example of animated animals. View demo Download source Today we want to show you how the clever use of HTML, CSS sequenced animations, and SVG filters can bring to life one of the most unlikely (yet adorable) things to… Continue reading Animated Animals in CSS and SVG
Pop-up Inspiration
Popup — Dailyui by Goutham What’s new by Pieter-Pleun Korevaar Pop-up by Oleg Frolov Daily Ui Day 16 Pop-Up by tomatree Day 016 — Subscribe by HEZY Pop-up by Patryk Zabielski Daily UI #14 — Infographic by Patryk Wąsik for Symu.co Day 016 — Pop Up by Evgen Sale Pop-Up by David França Spotify Pop-Up / Overlay Premium. by Quentin Daily UI — Day 16… Continue reading Pop-up Inspiration
How to Optimize Images on Websites to Improve Performance and UX
As the number of images and videos on a website continue to grow, slower load times, which result in a negative user experience, are growing concerns for any company. An article in The Fiscal Times, citing Internet data measurement company HTTP Archive, noted that the average website is now 2.1 MB in size, compared to… Continue reading How to Optimize Images on Websites to Improve Performance and UX
15 Useful Modern Front-End Web Components
Here is list of useful modern front-end web components that can be integrated into your web applications. These components provide a quick and easy way for web developers to create custom user interface without having to start from scratch. Collection of tasty CSS-animated hamburger icons. Also included is the source as a Sass library. It’s… Continue reading 15 Useful Modern Front-End Web Components
Weekly Inspiration for Designers Week 11
Trump by James Curran New illustrations – late 2015 – Full project Space by Yoga Perdana Wizard V2 by Nick Slater Lookout by Matt Carlson 311 Southern California Posters by DKNG Don Quixote Puzzle – Full project Cima is Live – by Barthelemy Chalvet Hide Designer Page by Vivek Ravin Loyalty Comp by Nick Franchi Dashboard by Nick Franchi B&O Play App — FREEBIE Part I by… Continue reading Weekly Inspiration for Designers Week 11
Geniuses we love – Vic Bell – Illustrator and icon designer
“Hello, I’m Vic I’m an illustrator and designer from the North of England, I’m 27, I have a passion for good movies, a cup of tea and all things vector. I’ve been designing for around 8 years now but still find myself learning and growing on a daily basis. I spend most of my time… Continue reading Geniuses we love – Vic Bell – Illustrator and icon designer
Weekly Inspiration for Designers Week 07
Daily Routine Icons by Burnt Toast Creative BB-TRUMP by Tony Babel 6-inch Skatergramps by Markus Magnusson Bitcoin App Design by Julien Renvoye Senna. A legend. My Hero. by Studio–JQ Icons by Nick Kumbari for Leavingstone Library Widget by Sergey Valiukh for Tubik Studio Kids Fashion by Gleb Kuznetsov TaskManagerUI by Daniel Klopper Spacegramps by Markus Magnusson TOKYO byChris LaBrooy – Full project BAFTA 2016 Best Film posters… Continue reading Weekly Inspiration for Designers Week 07
Weekly Inspiration for Designers #39
ToFind – Transition Test by Leo Leung BB-FAT by Tony Babel Fantasy Shopping by FΛNTΛSY Eido by Jona Dinges Swapper (4 of 4) by FΛNTΛSY Hex Sweepers by Dave Whyte Kolab UI Bitcoin app concept by Julien Renvoye Devil Planet Hulk – Full project Call KEROZEN if you need to… – Full project Oswald-2 – Full project Grupo Triple S – Full project ESPN NBA Ranks… Continue reading Weekly Inspiration for Designers #39
Inspiring Web Designs #1 2016
Tiffany & Co. Holiday Gift Guide Resn Dim Sum Chekhov Is Alive Zero Landfill The McWhopper Proposal Las Fantasticas Aventuras belVita Morning Win Way of the Desperados KFC: The Hall of Colonels 4NewsWall Wildflower The Self-Destructing Book Mr. Sketch Scented Markers Booking.com 11:59 Moment
Redesign concepts for popular websites #1
Ebay Redesign by Tintin s. “I tried to redesign Ebay but I realised this is just make it cleaner, I expect to make it all new but I am not pro with ux. so this is quiet play safe. If you want to critic or share some idea how to redesign, don’t hesitate to comment,… Continue reading Redesign concepts for popular websites #1
Weekly Inspiration for Designers #38
Medical app UI design by Cuberto Day 69 – Trending by Carl Hauser Barni UI Kit – Case Studies by Barthelemy Chalvet for AgenceMe Logo Project by Yoga Perdana by MUTI Hex Sweepers by Dave Whyte Epicurrence Snowboard – Be Epic. by Studio–JQ Smoke Break (Process) by Burnt Toast Creative Flag app by Asger Vigen Skillshare #monthoflearning by DKNG Machine Type No. 5160 by Frank Rodriguez… Continue reading Weekly Inspiration for Designers #38
Animated GIFs of the week
Time flies by ARM Sattavorn Merry (late) Xmas and a Happy New Year by Andreas Running Dumbbell by EJ Hassenfratz Happy New Year 2016 by Pumika Hello Dribbble! Here’s a BB-8. by Justin Au POLLOS! by Aarón Martínez Bumpy Ride by Linn Fritz T70 X-Wing by Jérémy Paul $_$ by Joel Plosz Kylo Ren : dark woods by Dimz Another year has passed by Emanuele… Continue reading Animated GIFs of the week
12 Best Meteor Tools For Developers
Are you a developer who is looking for some free to use meteor tools? Well, if your answer is yes, then you are lucky enough to land on the right page. In this round up, we are presenting 12 best and extremely useful meteor tools for developers. Meteor tools or MeteorJS tools are very helpful… Continue reading 12 Best Meteor Tools For Developers
Weekly Inspiration for Designers #4
Lost in Space by Geoff Keough Event Alert by buatoom for Craft Fig. Cloud Apps Backup by Ghani Pradita Perfecto Stock Imagery // Portrait Category by Studio–JQ Logo Project by Yoga Perdana Social music app by Jakub Antalík Reelevant Homepage by Balkan Brothers Structure – Architecture Blog by Ernest Asanov for Tubik Studio The Dark Arts by EJ Hassenfratz Daily UI challenge #037… Continue reading Weekly Inspiration for Designers #4
Weekly Inspiration for Designers #3
Book Store Website Space onboarding User Onboarding Screen Happy Holidays! Weather App Healthcare Mobile App Dribbble Invite Giveaway – Christmas Gift Judopay Cards Task, Memo, Schedule, Weather & etc. Pots App Daily UI Day 43 Food/Drink Menu Banked App Map Calendar Camera Settings Flow… Continue reading Weekly Inspiration for Designers #3
Quick Tip: Don’t Forget the “noscript” Element
JavaScript is a powerful language which brings websites to life with interactivity, until that dreaded moment when JavaScript is disabled in the browser, out of the blue. In this quick tip we’ll look at providing fallbacks with the <noscript> element. No JavaScript Users might disable JavaScript for a number of reasons. They might be doing so to… Continue reading Quick Tip: Don’t Forget the “noscript” Element