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