Top 50 Web Development Articles of the Week

Share This List :

Popular design news of the week: December 12, 2016 – December 18, 2016

Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers.  The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site,...

How to overcome procrastination. A Different Approach On Productivity

Let me be completely honest here. I was planning on writing this article at 9:00 AM and it’s almost 1:00 PM now and all I have is this depressingly honest intro. I’m a professional procrastinator and I hate that! Sometimes, when I’m overwhelmed with the amount of work I have to do, I choose to...

My Journey Of Learning Programming Through Flatiron School #2

My name is Mason Ellwood and I’m currently working on Flatiron School’s Online Full Stack Web Development Program. Each week, I’ll be writing about my experience, what I’m learning, and tips on learning to code. When I started at Flatiron School, the last language I expected to start in was Ruby....

How to Add a Virtual Art Gallery to your Adobe Muse Website

Add a Virtual Art Gallery to your Adobe Muse Website. No Coding Skills Required.    Have you ever been to an art gallery? You’ve probably walked around a bit admiring the art. Heck you might even have bought a piece if you really liked it. What if you could do the same, but right from your computer?...

18 Business Cards from The World’s Most Famous People

Today, we are going to take a look at some business cards from the world’s most famous people. Business cards have been around for a while now. Today, a business card is the classy way of saying “Call me maybe.” Business cards are universally accepted across cultures and countries and they are...

Collective #273

Inspirational Website of the Week: Residente A beautiful, engaging and creative experience. Our pick this week. Get inspired This content is sponsored via Syndicate Ads Don’t let opinions dictate your design! Let the data speak Smart design choices are no longer based on experienced assumptions....

Create quality digital copies of your art

Art isn't just about creating, it's also about sharing. Once you've made a beautiful work you're proud of, it's only natural that you'll want others to see it too. There are several ways to do this. Of course, you could frame your paintings and drawings and hang them up at home, or put them on display...

20 gorgeous Examples of Street Art Murals

Sometimes illegal, but how can something so amazing and creative be a crime? Any fence or wall could be the next canvas for beautiful artwork. Take a look at these gorgeous examples of street art. Base23 Herr von Bias is the artist of this attacker. Take a look at the gallery with 14 more photos. ©...

How to overcome procrastination. A Different Approach On Productivity

Let me be completely honest here. I was planning on writing this article at 9:00 AM and it’s almost 1:00 PM now and all I have is this depressingly honest intro. I’m a professional procrastinator and I hate that! Sometimes, when I’m overwhelmed with the amount of work I have to do, I choose to...

How to thrive as a young designer

On her 1978 hit single, Gloria Gaynor sang: ‘At first I was afraid, I was petrified’. The lyrics describe her discovery of personal strength after a devastating breakup. But I have a fact about this song that will disappoint jilted lovers everywhere: the song wasn’t written by Gaynor, but by a...

5 golden rules of self-promotion

Whether you're a freelance artist working from home, a design student or seasoned design pro, get noticed with these top self-promo techniques that really work. 01. Know your audience “Always think about your audience,” says the Designers Republic founder Ian Anderson. “If it’s self-promo in...

Mistakes Developers Make When Learning Design

Believe me: So does the designer crowd. Fancy tools, blingbling, you name it. Being part of both crowds, ie. Frontend Designer and Web Developer Maybe the author should add a notice before the introduction like “Suggestion for professional designers – a read up on...

10 great uses of graphic design in Christmas ads

When Christmas ads come round, it’s the blockbuster TV commercials by the likes of John Lewis that get the most column inches. But print ads are far from dead, and there are some great Yuletide-themed print campaigns out there. These advertisements all showcase the power of graphic design to take...

Why You Should Be Using Rem-Based Layouts

The rem unit is used to define fonts in relative terms rather than with an absolute size in pixels. But did you know that this unit is useful for layouts as well as typography?In this video tutorial from my CSS Layout course, you'll learn why there’s a huge benefit to using rem units for layouts.The...

What NOT to get a graphic designer for Christmas

Buying a Christmas gift for a graphic designer is a minefield. We've given you some great ideas in our gift guides but to ensure that you're on the right track (and with tongue FIRMLY in cheek), we've created this handy guide to what not to buy – carry it with you when you head out to the Christmas...

Creating a Custom WordPress Messaging System, Part 2

If you're just now catching up to this particular series, we're in the process of building our own custom messaging system that hooks into WordPress, allowing us to take advantage of some of the existing APIs, but also allowing us a bit more control.From the previous tutorial:But just as we looked at...

Discover 2016’s best design work and trends

Is it nearly the end of 2016 already? There have been so many inspirational projects across the board we've simply lost track of the time. To help you catch up on the best work and trends from the last twelve months, or if you simply want to reflect on all the brilliant projects that have emerged, Creative...

Introducing HTML5

The following is an extract from our book, HTML5 & CSS3 for the Real World, 2nd Edition, written by Alexis Goldstein, Louis Lazaris, and Estelle Weyl. Copies are sold in stores worldwide, or you can buy it in ebook form here. What we understand today as HTML5 has had a relatively turbulent history....

Astropad 2.0

There are quite a few iPad apps that enable you to remote-control your Windows or Mac OS computer from your tablet, but Astropad offers some clever creative twists. By adding some artist-friendly features, Astropad helps to turn your iPad into the equivalent of a Wacom Cintiq tablet, where you can draw...

Dynamically Switch Between Multiple CDNs to Improve Performance and Reliability

Imagine yourself surfing the web. You click on a link, wait for the page to load … Still loading? You lose patience, quit that page and try another link. This slow load time is a death knell for a website, particularly since today’s users are impatient and expect to access content quickly, regardless...

Practical Animation Examples in React Native

In this tutorial, you're going to learn how to implement animations that are commonly used in mobile apps. Specifically, you're going to learn how to implement animations that: Provide visual feedback: for example, when a user presses a button, you want to use animations to show the user that the...

Create Stunning Image Effects with CSS Backdrop-filter

Today, we are going to learn about the CSS backdrop-filter property, which was introduced in the Filter Effects Module Level 2 specification. In particular, we will cover the backdrop-filter property’s syntax, browser support and practical applications. All images included in this...

Client Email Helper

For all you freelancers out there, Jessica Hische has written some copy to help you articulate saying no to things you should be saying no to. I’ve created this handy tool to help you say “no” to free and low-budget work and to help ask for more favorable contract terms before the start of a project....

Let’s Kill the Password! Magic Login Links to the Rescue!

This article was peer reviewed by Younes Rafie and Wern Ancheta. Thanks to all of SitePoint’s peer reviewers for making SitePoint content the best it can be! More from this author Tap User Interests with Curated Feeds in Rails Authentication is something...

My Journey Of Learning Programming Through Flatiron School #2

My name is Mason Ellwood and I’m currently working on Flatiron School’s Online Full Stack Web Development Program. Each week, I’ll be writing about my experience, what I’m learning, and tips on learning to code. When I started at Flatiron School, the last language I expected to start in was Ruby....

Firefox Hardware Report for Web Developers

Suppose you’re developing a sophisticated web game or application, and you’re wondering — will it actually be able to run? What hardware should I be targeting to get the widest possible audience? Existing hardware reports (such as those from Valve and Unity) are excellent, but represent a different...

Incredible new graphic design app now available to download

Adobe's incredible new app for graphic designers, Project Felix, is available for Creative Cloud subscribers to download today. The 3D tool for 2D work was demonstrated at this year's Adobe MAX in San Diego, and it promised incredible photorealistic images that are simpler than ever to create. Now designers...

Black Mirror gets a cult comic book makeover

Having started life on Channel 4 before moving to Netflix, Black Mirror has become a cult hit thanks to its disturbing storylines centred around technology. Written by comedy genius Charlie Brooker, the dystopian episodes see cartoon characters become political leaders, anonymous trolls holding people...

How to Add a Virtual Art Gallery to your Adobe Muse Website

Add a Virtual Art Gallery to your Adobe Muse Website. No Coding Skills Required.    Have you ever been to an art gallery? You’ve probably walked around a bit admiring the art. Heck you might even have bought a piece if you really liked it. What if you could do the same, but right from your computer?...

New Course: Get Started With NativeScript and Mobile Angular 2

What You'll Be CreatingNativeScript is a cross-platform mobile framework that lets you write apps using the web technologies you know and love: CSS, ES6, and even frameworks like Angular 2.Sound interesting? You can find out all about it in our new course, Get Started With NativeScript and Mobile Angular 2.What...

Common React Native App Layouts: News Feed

Welcome back to this series, in which you're learn how to use React Native to create page layouts commonly used in mobile apps. The layouts you're creating won't be functional—instead, the main focus of this series is to get your hands dirty in laying out content in your React Native apps. If you're...

Creating the official retro-style Stranger Things poster

The agency Contend asked me to produce an illustrated poster for Netflix’s ratings topping show Stranger Things. The brief was to create a striking image reminiscent of classic, hand painted film artwork found in vintage posters from the 1980s.I began by studying some of the most iconic poster designs...

How My API-Driven Website Helps Me Travel The World

Stefan Judis Stefan started programming 6 years ago and quickly fell in love with web performance, new technologies and automation. He worked for several startups in Berlin and recently joined Contentful to tell the world how an API-first CMS can make you a bit happier. He is also a curator of the...

8 tried-and-tested ways to unlock your creativity

Ever had one of those days when, no matter how hard you try, every idea you think of is rubbish, and every visual you design is bland and uninspiring?Don’t worry, it’s happened to all of us, and more times that we’d care to admit. Usually the best thing to do (time permitting) is take a break and...

Keep To The Code: Why Designers Should Stick To UX Patterns

All creatures have a distinct way of perceiving the world around them. Dogs have an impressive sense of smell. Eagles have the uncanny ability to see their prey from a distance. Humans, on the other hand, are hardwired to look for patterns. In order for us to figure out what we are looking at, our minds...

Best Sites To Find Free Sketch Resources

Sketch is quickly becoming the de facto choice for UI/UX design. It’s cheaper than Photoshop and built specifically for interface design work. There are dozens of plugins in Sketch, and it has all the same features you’d expect with Photoshop. But Sketch...

Universal React Rendering: How We Rebuilt SitePoint

Universal React Rendering: How We Rebuilt Sitepoint.com was peer reviewed by Stuart Mitchell, Matt Burnett and Joan Yin. Thanks to all of SitePoint’s peer reviewers for making SitePoint content the best it can be! SitePoint has a lot of great content and it’s not...

Why you should be using pattern libraries

Have you heard of pattern libraries, style guides, component libraries, design patterns or UI toolkits? Don’t worry if you’re confused or don’t know the differences. Here’s a secret—most people in the design industry are also a little confused. With all these terms flying around it can quickly...

Say no to clients with this interactive letter

Sometimes finding the right words can be difficult, especially if you're trying to let someone down gently. This applies to the business world, especially when you're trying to negotiate project terms with suspect clients. To help creative directors ask for more favourable terms, or reject an enquiry...

Top 50 Lightweight JavaScript Plugins & Libraries from 2016

All released this year, the free JavaScript plugins and libraries on this page all offer a straightforward and specific function. There are no bloated all-in-one frameworks. Just useful, lightweight and problem-solving solutions to help make the web design and development process much easier and quicker...

“Learn by Doing” – How Foxley Disrupted the Web Design Industry

Foxley Founder Bianca Board. Photo: Foxley This article is a part of a new series called Startup Spotlight, where we focus on successful entrepreneurs and emerging startups that are taking the web industry by storm. Despite the vast developments we’ve witnessed...

Create a Simple Web Extension

Much like multimedia support in the browser, we initially did browser add-ons all wrong.  For years each browser had its own language and method for installing add-ons, leading to security exploits, performance problems, painful maintenance for developers, and frustrating user experiences.  Today...

18 Business Cards from The World’s Most Famous People

Today, we are going to take a look at some business cards from the world’s most famous people. Business cards have been around for a while now. Today, a business card is the classy way of saying “Call me maybe.” Business cards are universally accepted across cultures and countries and they are...

12 days of holiday gifts for designers

There’s just 12 shopping days to go until Christmas, finding the perfect gift in that time can present a challenge. To relieve some of the stress of the holiday season we’re making it easy for you with this list of 12 great gifts for the more creative-minded person in your life. There’s a range...

The blurred lines of branding

When we first started to take on major branding projects at johnson banks, clients would ask to see our 'process'. So we dutifully wrote down what we thought this process should be. And, bar a few tweaks, those initial steps of research, strategy, design and implementation still hold today.But more recently,...

The Power of PowerShell, Part 1

PowerShell is an interactive shell and scripting language from Microsoft that rethinks what a command shell is all about. It has very interesting capabilities above and beyond the familiar Unix shells, and there is a strong ecosystem and community. In this two-part tutorial, you'll learn about some...

5 steps to upselling your freelance services

When you go for a burger at McDonald’s, you’re always asked “Do you want fries with that?”. Order a coffee at Starbucks and the barista will point to a range of tempting cakes and pastries. Buy a cinema ticket and you get offered popcorn, drinks, nachos and more. But do you do the same with your...

10 Free Plugins to Improve WordPress Content Creation

WordPress offers some basic content creation capabilities out-of-the-box. It’s great for dead-simple websites, but lacks some advanced features for serious content creators. That’s where its vast library of available plugins comes to the rescue. No matter what type of site you’re running, there’s...