Parallax scrolling is better code-free. See why with Webydo’s closed beta invite for DD’s readers

[— This is a sponsored post on behalf of Webydo —] Following on from the professional web design platform, WYSIWYG application Webydo’s announced its community-choice’s latest feature: Parallax Scrolling Animator. Voted for by almost 93,000 users, Webydo’s release of its code-free Parallax Scrolling Animator is an exciting feature update for professional web designers; giving them the freedom to create incredible web experiences for their clients and visitors, without the need...
read more

How to use the MediaRecorder API

We we first discovered that we could access a user's camera using Navigator.getUserMedia, we were all pretty amazed; but there's more… With the MediaRecorder API (MediaStream Recording) that's a construct inside Navigator.getUserMedia we can record media streams for the user's device and instantly use them in our app. Using the MediaRecorder API ... To use this API we need to have some recorded media to work with and for that we will use getUserMedia to get some. We simply create an if statement...
read more

Deal of the week: SuperSpray plugin for Photoshop

Copy, paste, drag, copy, paste, drag…if you’ve ever built up a collage of images in Photoshop you’ll be well aware of how laborious the process is. Well labor no longer! Our sister-site, MightyDeals.com, has arranged a great discount on this superb plugin for Adobe Photoshop that takes over the hard work for you. Simply paint your intended area black and SuperSpray will paint the area with transparent PNGs. You can use any kind of transparent PNG in your designs, one of the 11 built-in objects,...
read more

The coder’s guide to finding the perfect color palette

I’m far more of a programmer than a designer. I can deal with hex and RGB color values all day and plug them into my CSS like a champ. I can poke around in Photoshop, take some color samples, tweak them in the palette tool, and come up with pretty colors. But how do I come up with real, usable color schemes? Thankfully, for both the color hack like me and the graphic artist with a more refined eye, we have a large array of color resources available online: tools to help create palettes from scratch or based on an...
read more

How to create a rich text editor with Quill

At one time or another we've all used a rich text editor on the Web; if you've ever used WordPress, you've used one. These types of editor are great for projects where you want to give the user the ability to edit something—such as a comment, or formatted message—but don't want to ask them to use markup. Today we're going to look at doing this, using Quill, a JavaScript plugin built for the purpose. Getting started ... If you visit the Quill homepage and scroll a little you'll see the download button. Click...
read more

Deal of the week: Gorgeous Gioviale fcript font

With the current fashion for hand-lettering, any designer who isn’t at one with a brush and ink may find themselves at somewhat of a disadvantage in the current climate. Fortunately our sister-site, MightyDeals.com, has arranged a tremendous deal on Laura Worthington’s beautiful Gioviale typeface; the elegant swashes and curves of which, are the next best thing to taking the years of calligraphy courses required to draw letters this beautifully balanced. Drawn with a wide-nibbed pen and...
read more

How to get started with Git

Git is a free open source distributed version control system. Which sounds incredibly dull, until you need to revert to a prior version of your code, when it's a godsend. It's software that manages your source code, by taking snap shots of it at particular points and stores them. You can view all these intervals as milestones in a timeline. This way it allows you to back track, restore code from particular points, and work in a team simultaneously. One of the biggest advantages of using Git, is that it is...
read more

How to create a 3D Scene using Seen.js

Just a few years ago we needed high-end 3D software to create any kind of 3D scene. Now, we have plenty of ways of creating even complex 3D scenes and render them directly in the browser. But if we want to take a really easy route, we can use a library, like the awesome Seen.js that makes life a little easier by creating 3D scenes with just a few lines of code. CoffeeScript ... SeenJS is built using CoffeeScript, and all of the examples that they provide are written in CoffeeScript. Although you can use vanilla...
read more
Load more