Blog - Page 5 of 8 - Web Design Weekly

Autopolyfiller

I’m sure we can safely say at the time of this writing and going forward that we as developers no longer care to maintain let alone write prefixes and polyfills in our code. The task is time consuming, messy and hard to maintain over time.

Currently we have tools like autoprefixer and -prefix-free that let us write CSS properties without the hassle of remembering what prefix we’re using for each property.

Today we’re going to take look at a tool that lets authors use a similar approach used in CSS land, but with JavaScript Polyfills!

Resources

Migrate Blogging Platforms

Writing and designing a blog can be the greatest thing since sliced cheese, but what happens when you’re no longer happy with your current platform? How does one take what they already have and transport it to something completely different? In this post we’ll take a look at the top ways you as a blogger/CMS user can move from one system to another without breaking a cold sweat.

Screencast

Sass Source Maps in Chrome

Over the last few years there has been some major advancements in the tooling we use on a day-to-day basis but one feature that really took things to the next level was the introduction to CSS source maps.

Screencast

Learn How to Start Developing

There are so many ways to begin to understand how a website is built it’s easy to get overwhelmed. One way I would recommend is utilising the developer tools that are built into the browser.

CSS

Dealing with a large CSS codebase

During the last few years I have found myself dealing with largish codebases on various projects. During that time I have continued to assess the tools and techniques used to make it as easy as possible. This post explores ways to make developing on large CSS codebases more enjoyable.

Resources

Front End Security is a thing, and you should be concerned about it

As a web developer, the security of your site or app should be a top concern, especially as those sites and applications become popular. Tim Evko takes a look at some common front end vulnerabilities, as well as ways to safeguard against them.

Sass

SassyLists moving to 2.x

Hugo Giraudel shares his journey of building SassyLists. SassyLists is a toolbox providing almost 40 functions to help working with Sass lists. The Sass default list API is very light therefore you might need some extra functions, especially if you are building a Sass framework or a robust grid system.

Screencast

Can I Use connected to Google Analytics

Can I Use is a super valuable resource during development and one of the cool things I discovered recently is you can connect your Google Analytics account to Can I Use to get accurate supported stats based on your sites actual data.

CSS, Workflow

Different Sass Output Styles

When developing with Sass sometimes there is a need to adjust the output style of the CSS. Sass’s default CSS style is good but might not be applicable for all situations. This post explores what those options are and how to adjust your compiler settings.

Resources

Grid Frameworks for Sass

This article is not about whether you should or shouldn’t use a Sass grid. It’s about showcasing a few options that are worth investigating if you do decide to go down that path.

The amount of grid systems out in the wild is quite outstanding. Some are super light weight and some are bloated nightmares. With so much choice it’s really hard to decided which one is right and is something that shouldn’t be taken lightly.