How to Quickly Cut and Trim Audio in Audacity

Editing audio can seem daunting, particularly when confronted with complex software. This is where Audacity, a free, open-source audio editing tool, shines. It streamlines the editing process, making cutting and trimming audio files a straightforward task. Ideal for podcasters, musicians, and video editors, Audacity simplifies audio editing without sacrificing functionality. By mastering Audacity, users can… Continue reading How to Quickly Cut and Trim Audio in Audacity

The 30 CSS Selectors You Must Memorize

Learn CSS: The Complete Guide We’ve built a complete guide to help you learn CSS, whether you’re just getting started with the basics or you want to explore more advanced CSS. CSS Selectors So you learned the base id, class, and descendant selectors—and then called it a day? If so, you’re missing out on an enormous level of flexibility. You… Continue reading The 30 CSS Selectors You Must Memorize

6 Best Practices for Building Responsive Dropdown Menus

Creating a responsive dropdown menu is a tricky task. There are many decisions you have to make, in both the design and development phases. Recommended solutions usually depend on the characteristics of the website or application you’re building. However, there are also some general best practices that are recommended for all types of responsive dropdown… Continue reading 6 Best Practices for Building Responsive Dropdown Menus

WordPress Errors 500, 502, 504 & 508 – What Causes Them And How to Fix Them

As a website owner, you are bound to run into some errors every now and then. Those errors can be plentiful but in this post we will talk about the most common ones that everyone runs into frequently. Let’s take a look at some common errors, what causes them and ways to fix them. 500… Continue reading WordPress Errors 500, 502, 504 & 508 – What Causes Them And How to Fix Them

Build A Movie Player ― Scotch

Last week, we solved the code challenge #4: Build An Eye Tracking App with JavaScript. This week we will be looking at consuming API’s and utilizing APIs to fetch reusable data. The Challenge The challenge is basically to build a movie trailer player with image thumbnails for a playlist and a section to display selected… Continue reading Build A Movie Player ― Scotch

Build An Eye-Tracking Alien with JavaScript ― Scotch

Hi and welcome to our Code Challenge #4. This week on the challenge we shall be delving into mouse tracking with JavaScript and simple animations with CSS. The Challenge The challenge is basically to build this Alien from Mars. We were browsing CodePen and saw this awesome CSS alien built by Eduardo Sada. View the… Continue reading Build An Eye-Tracking Alien with JavaScript ― Scotch

CSS Lightsaber Checkbox ― Scotch

Welcome to our Code Challenge #3. Way back when about five years ago when we started Scotch.io, one of our very first articles was to create lightsabers using plain CSS. Let’s bring that back and see how we can build out the same thing in this week’s code challenge. The Challenge The challenge is to… Continue reading CSS Lightsaber Checkbox ― Scotch

Weather Commuter: A UX Case Study

The UX behind the need to checking the weather Persona The persona I interviewed were young adults ranging from the age of 20–30 yrs old. I mainly focused on busy college students. All my users have checked the weather either daily for the purpose of commute, or weekly for the purpose of vacationing or weekend planning.… Continue reading Weather Commuter: A UX Case Study

Sketch Gists — Useful snippets for plugin development

Last week I was developing an internal tool to create a design workflow for my workplace. The process involved creating a style guide for a new project by setting up the branding colours, typefaces, shadows and scrim. All went well until it was required to convert the text layers into symbols so as to generalise… Continue reading Sketch Gists — Useful snippets for plugin development

9 Web Based Solution to Create Stunning Slideshows Presentation

When it comes to presentation, we always think of PowerPoint or Keynote. Do you know you can create stunning presentation slideshow using web based technologies as well? What can be done on those presentation applications can also be done on browsers. We have HTML5, CSS3 and Javascript. Just like building websites, we can integrate multimedia… Continue reading 9 Web Based Solution to Create Stunning Slideshows Presentation