In this new tutorial, we’ll learn how to build an animated JavaScript accordion component with overlapping panels. We won’t focus so much on accessibility in this tutorial, so exploring how to make this component more accessible would be a valid next step. Our accordion component Here’s what we’re going to create (click on a panel… Continue reading Build an animated JavaScript accordion component, with overlapping panels
Tag: panels
13 Top Great Question Alternatives & Competitors in 2024
Finding the best user testing platform is more challenging than it sounds. There are many existing giants and rising stars in the market. One of them is Great Question. But, if you’ve clicked this article, it means Great Question may not be the best tool for your needs. That’s why we’ve listed… Continue reading 13 Top Great Question Alternatives & Competitors in 2024
20 Best New Websites, July 2022
Welcome to our guide to the best new websites this month. If subtle, minimal sites are your thing, either look away now or prepare to have your preconceptions challenged because this month, we are going maximalist. Lots of elements fill up the screen, lots of color, lots of big fonts, lots of illustration, and plenty… Continue reading 20 Best New Websites, July 2022
15+ Best Figma Templates for UI and Web Designers
When creating a website or app, it’s essential to have a bunch of resources on hand to play with. That is, you don’t want to recycle the same old designs over and over again. Nor do you want to create the same designs everyone else is making – because they’re all working with the same… Continue reading 15+ Best Figma Templates for UI and Web Designers
Brochure Templates
What is a brochure? Wondering how to make a brochure or where to find the best brochure templates? You’ll learn the answers to all those questions in this comprehensive guide. Let’s get started! What Is a Brochure? When a company wants to advertise its products and services, print brochures are a great option. They give… Continue reading Brochure Templates
How to build tech that does things differently
[unable to retrieve full-text content] Data ethics principles and processes are useful, but they are often of limited use when it comes to addressing the social and environmental harms of the data economy. This post is about using creative R&D to build data technologies that embed a different set of values from the ground up,… Continue reading How to build tech that does things differently
How To Create The Design For a Fleet Management Solution
Design plays a significant part in software development, regardless of the industry and target audience. After all, before even trying the array of features, that’s how users get acquainted with a product. No matter the type of solution, the design of software goes far beyond creating pictures. Instead, it’s all about showing customers the very… Continue reading How To Create The Design For a Fleet Management Solution
3 Essential Design Trends, October 2020
Design can make a statement. It evokes feeling and can encourage thought and conversation. That’s the common theme among the three trends in website design this month. Each trend is rooted on the time and place where we live and includes elements that provoke thought. Kudos to these designers and design teams for jumpstarting conversations.… Continue reading 3 Essential Design Trends, October 2020
20 Best HTML5 Audio Players
Do you need to add an audio player to your website? Is the default browser audio player too limited? By adding a premium HTML5 audio player plugin to your website you will be able to successfully share your audio files in a visually appealing and interactive way. Super HTML5 Music Player is one of the many… Continue reading 20 Best HTML5 Audio Players
Get to Know the WordPress Admin Dashboard
The very first thing you’ll see when you open the WordPress back-end—also known as “the admin panel”—is the dashboard. This is the starting place for the majority of tasks you’ll be performing in WordPress. In this lesson, you’ll learn how to use the dashboard, and also how to customize it to fit your preferences and… Continue reading Get to Know the WordPress Admin Dashboard
How Web Designers Can Maximize On-SERP SEO and Traffic with Structured Data
It has never been harder to drive organic traffic to your website. Organic reach has been declining in virtually every single digital marketing channel in recent years. Count SEO among those channels stricken. It has never been more difficult to drive organic traffic to your website. With that being said, there are still tactics that… Continue reading How Web Designers Can Maximize On-SERP SEO and Traffic with Structured Data
12 Best CRM & Project Management PHP Scripts
A business cannot survive without CRM software—you need it to manage customer contacts, track leads, and manage your finances. A CRM system can help you streamline your business systems and have all your customer details in one place. What Is CRM Software? CRM (customer relationship management) software is a tool that helps automate and manage the… Continue reading 12 Best CRM & Project Management PHP Scripts
How Accessibility Taught me to be Better at JavaScript – Part Two
January 14, 2020 Content Warning: There are gifs in this post. Hey friends! Today’s writing is going to be a follow up to How Accessibility Taught Me to be Better At JavaScript. If you have read my content, one of my favorite topics is about JavaScript and Accessibility. I speak about how JavaScript is actually… Continue reading How Accessibility Taught me to be Better at JavaScript – Part Two
Build an Advanced Responsive Menu Inspired by Netflix
The other day I visited the Netflix Jobs website from my phone and had a look at its off-canvas menu. I really liked the staggering animations that fired every time you hit it. So I thought it might be a good exercise to take this menu as inspiration and show you how to build a similar responsive… Continue reading Build an Advanced Responsive Menu Inspired by Netflix
How to Create an Isometric Map Mockup Action in Adobe Photoshop
What You’ll Be Creating From this tutorial, you’ll learn some new techniques and tricks. We’ll be using the Isometric Map Mockup product as an example and seeing in detail how it was created. At the end, you’ll have a fully workable action and confidence in building “transformation actions”. Got no time and need this action as soon as possible?… Continue reading How to Create an Isometric Map Mockup Action in Adobe Photoshop
Taking Your Business Green
The hottest trend for companies right now is not to have a funny social media stream or to create viral Vine videos. It’s to be more environmentally conscious — not only in terms of how products are produced or services are offered, but also in how the business is operated. More consumers are voting with… Continue reading Taking Your Business Green
10+ Wonderful Resources (Fully Packed With Hidden Gems ) For Developers
Web developers are always ready to pack with fresh, trendy and latest tools and resources which help them in their work and save time. For the web developers another latest and fresh resources have come out. All these fresh and wonderful resources are fully packed with superb and useful tools like JavaScript libraries, frameworks, plugins,… Continue reading 10+ Wonderful Resources (Fully Packed With Hidden Gems ) For Developers
Public speaking, embracing the idle mind, principles of data viz, and more UX links this week
If you like the links, don’t forget to ???? ????????????????????????????????????????????????????????. Best practices for public speaking in design conferences and events → We all reach a point in our careers when we start speaking in public. Designers, in particular, are pretty good at organizing conferences, panels, meetups, livestreams and other forms of publicly sharing knowledge with fellow… Continue reading Public speaking, embracing the idle mind, principles of data viz, and more UX links this week
How to Create a Split-Screen Slider With JavaScript
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
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
Honing Crazy Eights with randomness
We use Crazy Eights often during ideation at Philosophie including during our Design Sprints (as does Google Ventures). They are great for diverging to lots of ideas before we start to build prototypes. You run the Crazy Eights exercise by quickly sketching a bunch of ideas as a team. Often it is done on a… Continue reading Honing Crazy Eights with randomness
15 Free Admin Dashboard Templates (PSD & Sketch)
In recent years, much has changed in the way web users interact with dashboard data and complete simple backend tasks. Layouts are more spacious and mobile-friendly, colors are simpler, typography is highly-readable, interactive charts make data much easier to digest, and advancements in technology have made completing tasks much quicker. The admin panels of 2016… Continue reading 15 Free Admin Dashboard Templates (PSD & Sketch)
Freebie of the Week: Modern – Responsive Admin Template (Admin Templates)
Modern is an admin template built with HTML5, Bootstrap 3 and jQuery. It’s clean design and 100% responsiveness makes it ideal for those managing their sites from their mobile phones or tablets. Modern can be used for any type of web applications: admin dashboards, eCommerce backends, custom admin panels, CRM, CMS, SAAS and websites: eCommerce,… Continue reading Freebie of the Week: Modern – Responsive Admin Template (Admin Templates)