How to get started with Snap.svg

Animating and transversing SVG files with Javascript is actually not such an easy task and plugins like Snap.svg make our lives much easier when it comes to animating our SVG files. This library is one that aims to help Web Developers easily bring advanced SVG features to the Web, with it we can load, animate and even create SVG graphics right in the browser. The creator of this plugin is also the creator or Raphael, also an SVG plugin. The main difference between these two resources is that Snap aims...

10 ways to avoid becoming a commodity freelancer

OldCo is a well-established company that uses only freelancers to maintain a website that drives 35% of all its revenue. Whenever the current workload exceeds capacity, it hires a few more freelancers. Work begins, and all of a sudden priorities change. The freelancers are dropped and are told they will be contacted again once the company figures out what's best for the business. Sound familiar, right? Do you hate having your time wasted? Do you feel like your client only cares about what you can do for...
CSS

How to use clipping and masking in CSS

CSS is growing more sophisticated all the time, with new tools for us to use. In this article I'll talk about one new feature: clipping with clip-path and masking. clip-path and masking are two properties that push the boundaries of the box model a little further than we've seen before. Browser support ... Happily, browser support is pretty good for clip-path. For desktop browsers it's supported as far back as IE9 (although some older browsers need vendor prefixes, as we'll see). The only real issue...

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...

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...

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...

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...

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...
Load more
Home CSS Deals HTML HTML5 Java JavaScript jQuery Miscellaneous Mobile MySQL News PHP Resources Security Snippet Tools Tutorial Web Development Web Services WordPress