Articles by Web Design Ledger from September 2016

Designers often rely on wireframes, mockups, and prototypes. They use themtoshowhow they see the final product unfolding at various stages in the design process. These presentations can vary from roug...

Complete Tutorial on How to Build a Bootstrap Template in Adobe Muse. No Coding Skills Required. Bootstrap is one of the morepopular methods of creating a website with code. In the above video tutori...

There is no single right workflow to build a website. But there are ways to improve your workflow and make your job a little easier. Whether you design or write code theres usually some part to the pr...

There are a good number of front-end editors out there when it comes to responsive design. Some are based on Bootstrap, others on different frameworks, and so on. However, most of them suffer from the...

Our friends atCoffeeCup are giving away aResponsive Design Packfor FREE (a $299 value)to FIVEvery lucky designers! Featuringtheirtop eightapps, the Responsive Design Pack isperfect for visually design...

In this tutorial, we’re going to learn how to add a sword spark effect in Adobe Photoshop. The Steps (1-6) 1. Open your main image in Photoshop. 2. Source an image of some sparks on a dark backg...

You know what? We have got a bit of great news for you. In fact, its just something sensational. We have been planning for this day carefully, and finally this day has come. TemplateMonster welcomes e...

Place a Video within a Circle in Adobe Muse. No Coding Skills Required. In this tutorial I will go over how to place a video withina circle in Adobe Muse using the Ultimate Video Widget 2.0 found at ...

The US presidential election is right around the corner.While some candidates are leveraging their eccentric personality and their bold attitudes to gain followers, and yes, Im talking to you Mr. Trum...

In this tutorial, we’re going to learn how to design a letter ‘S’ symbol in Adobe XD. The Steps (1-11) 1. Create a New Artboard. 2. Select the Ellipse Tool and hold Shift to draw a c...

Due to the ever-increasing reach of the internet, having an online presence or website for your business is no longer a luxury but a necessity. Now, not everyone can code and deploy websites. Similarl...

Animating a Moving Car in Adobe Muse. No Coding Skills Required. In this tutorial I will go over how to animate a moving car inAdobe Muse usingthe Muse Motion 2 Widget found at https://museforyoushop...

Building a presentation website for a small business is a popular activity for many web designers; and the same might also be true for you. Small business websites need to be clean, crisp, and loaded ...

HostGator Review: A Powerful Web Host, or Another Average Web Host? Powerful web hosting, HostGator boldly claims on their homepage. Web hosts are a dime a dozen these days, and claiming to be powerfu...

Our environment affects so many aspects of our day-to-day life. For designers, overall productivity and the creative process can be heavily swayed by their workstation. Similar to painters of the past...

In this tutorial, we’re going to learn how to design a progress bar in Adobe XD. 1. Create a new artboard 1920 x 1080. 2. Select the artboard by Left-clicking on the artboard name top-left, and ...

There is no excerpt because this is a protected post.Read More at Protected: Mozello: A Website Builder For Creating Amazing Sites...

Selling products is one of the best ways to make passive income from your blog. Unlike other blog monetization methods like advertisements, by selling products you dont necessarily need a huge traffic...

This week on the WDL Shop we’re featuring three amazing deals for designers. First, we have a 2-year unlimited subscription to the Noun Projectfor $49 – a 79 percent discount off the stick...

Web designer meets theme. Web designer invites theme to a test run. Theme is charming. Web designer falls in love. They move in together on a website. Then another. And another. The relationship grows...

Animate a Logo in Adobe Muse. No Coding Skills Required. In this tutorial I will be going over how to animate a logo in Adobe Muse using the Muse Motion 2 Widget Powered by the Greensock Animation Pl...

Talking about getting updated with today’s world? Let us help you find some of the most important services online that will help you in your career in the tech industry. Don’t just go and ...

In this tutorial, we’re going to learn how to create gradients in Adobe XD. The Steps (1-6) 1. Create a New Artboard in Adobe XD. 2. Select the Rectangle/Ellipse Tool and draw a shape, ensuring ...

Whether you’re a blogger or a budding entrepreneur, HostGator makes it easy for you to build your website and share your brand with the world. Choose from a variety of WordPress, cloud, and dedi...

In this tutorial, we’re going to learn how to quickly export multiple assets in Adobe Illustrator. The Steps (1-7) 1. Open your design file in Illustrator. 2. Go to Window > Asset Export, an...

In this tutorial, we’re going to learn how to create a video overlay effect in Adobe Premiere Pro. The Steps (1-11) 1. Create a New Project in Premiere Pro. 2. Go to File > Import and select...

Looking to perfect your photo editing skills? This week on the WebDesignLedger Shop, we’re featuring a 1-year Adobe Creative Cloud Photography Plan + Training Bundle for only $129.99. That’...