In today’s video tutorial I’m going to show you how to create a “split-screen” slider element (or UI, whatever you prefer to call it) using JavaScript. Inspiration for this came from a page on the Corsair website; let’s see how we can build one for our own projects. What We’re Going to Build Let’s first… Continue reading How to Create a Split-Screen Slider With JavaScript
Tag: left
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
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
How to Use Style Sheets in Adobe InDesign
Designers are always divided on which tech or software to use. There is no single piece of software that can do it all. They’re all better in some areas and less strong in others. Many designers end up using the software that they started out with because it is quick and simple for them to… Continue reading How to Use Style Sheets in Adobe InDesign
How to Draw Bar Charts Using JavaScript and HTML5 Canvas
In an earlier tutorial we covered how to draw a pie chart or doughnut chart using HTML5 canvas. In this tutorial I will show you how to use JavaScript and the HTML5 canvas as a means to graphically display data by using bar charts. There are easier ways to create charts than coding one from… Continue reading How to Draw Bar Charts Using JavaScript and HTML5 Canvas
Build a successful creative portfolio with Allyou
Every creative needs a good portfolio. Whether you’re focussed on typography or photography, layout or user experience, your portfolio is what defines you professionally. As with most things, the quality of your portfolio is determined by the appropriateness of the tools you use. All too often we see great work, presented poorly, because the designer… Continue reading Build a successful creative portfolio with Allyou
Driving innovation [1/2]: a portfolio perspective
In every sector, it’s possible to notice growing efforts towards innovation. More and more organizations do not take their market and own relevance for granted, and realize that some [widely applied] strategies to maintain and grow their businesses [like plain price competition, and aggressive portfolio expansion, among others] may incubate serious near and long term… Continue reading Driving innovation [1/2]: a portfolio perspective
8 Must Have Tools and Webapps to Custom Animate Your Website
Web animation is an essential part of a web design in today’s visual-centric websites. The absence of visual detail in your website can mean the difference of being sold, or left on the rack alone. Visual aesthetics enhances the website design and improves user engagement on your site. Animation solutions vary from platform to platform,… Continue reading 8 Must Have Tools and Webapps to Custom Animate Your Website
Vancouver Rebels Over Generic Rebrand
Many who don’t live in Vancouver at least know the western Canadian city for a few things: Sky-high housing prices, green sensibilities, and lots of rain. Now, thanks to local design and digital activists, they also know Vancouver for…producing a new city logo that has been blasted for being uninspiring. In an open letter published… Continue reading Vancouver Rebels Over Generic Rebrand
Popular design news of the week: February 27, 2017 – March 5, 2017
Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers. The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however,… Continue reading Popular design news of the week: February 27, 2017 – March 5, 2017
3 Months with Figma: Why it Changes Design Forever
Like most designers, I started with Photoshop, using it for over half a decade. From there, Sketch burst onto the scene and did not take long to announce itself as the go-to tool for designers. For the last three months, I have been using Figma each and every day, integrating it into my workflow and… Continue reading 3 Months with Figma: Why it Changes Design Forever
Popular design news of the week: February 20, 2017 – February 26, 2017
Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers. The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however,… Continue reading Popular design news of the week: February 20, 2017 – February 26, 2017
A letter from Sol LeWitt about creative block, read by Benedict Cumberbatch
In 1960, pioneering American artists Sol LeWitt and Eva Hesse met for the first time and instantly clicked, quickly forming a strong, deep bond that would last for ten years and result in countless inspirational discussions and rich exchanges of ideas. In the video below, Benedict Cumberbatch reads a letter sent from Sol to Eva… Continue reading A letter from Sol LeWitt about creative block, read by Benedict Cumberbatch
A Step by Step Guide to the Auto-Placement Algorithm in CSS Grid
In this tutorial, I’ll be going over all the steps the auto-placement algorithm of the CSS Grid Layout module follows when positioning elements. These steps are controlled by the grid-auto-flow property. In Introducing the CSS Grid Layout and Seven Ways You Can Place Elements Using CSS Grid Layout, I gave an overview of the CSS… Continue reading A Step by Step Guide to the Auto-Placement Algorithm in CSS Grid
The Big Interview: Kevin Ball and Rafi Benkual talk all things ZURB
This month we got the opportunity to interview Kevin Ball and Rafi Benkual from ZURB. We got to talk about the future of the web, the state of web design today, and of course, about Foundation. WebdesignerDepot: Hello Ladies and Gentlemen, I am Ezequiel Bruni for Web Designer Depot, and today we are talking to… Continue reading The Big Interview: Kevin Ball and Rafi Benkual talk all things ZURB
Popular design news of the week: November 28, 2016 – December 4, 2016
Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers. The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however,… Continue reading Popular design news of the week: November 28, 2016 – December 4, 2016
How to Completely Remove Comments from WordPress
WordPress comments are an integral part of building a community with a WordPress blog. They allow your audience to connect with you by responding directly to your posts. They allow you to extend the conversation surrounding the topic you wrote your post about by letting members of your community pitch in. They even allow members… Continue reading How to Completely Remove Comments from WordPress
Popular design news of the week: November 21, 2016 – November 27, 2016
Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers. The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however,… Continue reading Popular design news of the week: November 21, 2016 – November 27, 2016
How to delight your users with subtle animation
Happy Thanksgiving to all our American readers! Animation is nothing new in digital interfaces. They have had an interesting history of rising, falling and now rising again in popularity. Subtle animations add personality and empathy into an otherwise dull interface. They make experiences fun, delightful and memorable. Animation in web design has been around for… Continue reading How to delight your users with subtle animation
WeTransfer reveals new brand identify and UI
WeTransfer is one of the mostly widely admired start-ups of the last decade. In many ways it embodies what we tell our clients to aspire to: a simple idea, solving a common problem, well executed. What really makes WeTransfer standout is the high-value it places on design; since its launch in 2009, WeTransfer has used… Continue reading WeTransfer reveals new brand identify and UI
4 fresh alternatives to the hamburger menu
Some say web design has become boring. Current trends and high-end techniques establish the rules for the creatives, playing a low-down trick on the community. Everyone wants to be in the mainstream, and release products that go viral; it means that a million interfaces are likely to have the same features. Of course, content can… Continue reading 4 fresh alternatives to the hamburger menu
5 ways to identify quality stock images
In association with iStock by Getty Images. A good stock image is like a good design: you want it to be powerful, persuasive, and memorable; without drawing attention to itself. It can seem like a difficult balance to achieve, but a little effort on your part will reap rewards. Stock images are used for a… Continue reading 5 ways to identify quality stock images
4 compelling reasons you should embrace VR
While none of us can predict the future, every designer should be thinking about it. All indications point to the next wave of devices that aren’t sitting on the tops of desks. They are wearable, and have canvas sizes that are vastly different than what you’ve been designing for. But should you really care if… Continue reading 4 compelling reasons you should embrace VR
Some of The Best Black Friday Deals Are Already Here
Posted · Category: Best Collections Black Friday is a super time to take advantage of bargains in household items and consumer electronics. But what about bargains for web designers? As it turns out, web designers haven’t been left out of the picture. You can see from this selection of design aids, UI kits, stock photos, and WP… Continue reading Some of The Best Black Friday Deals Are Already Here