You Are Here: Home » optimization

The Command Line for Web Design: Automation with Grunt

So far you’ve learned how to do things like compiling code, autoprefixing, cleaning, compressing and minifying all just by typing a few words. This is great, but what if you have a project that would need you to run several of these commands, one after the other, over and over again until you complete your work? For example: Compile preprocessor to CSS Autoprefix CSS Clean CSS Compile Jade to HTML Concatena ...

Read more

The Command Line for Web Design: Powering Up Front End Code

As a web designer there are three languages you’re pretty much guaranteed to work with one way or another: CSS, HTML and JavaScript. In this tutorial you’re going to leverage the command line to make your development with these three languages more powerful and more efficient. You’ll learn how to use command line to: Compile preprocessor (Stylus, Sass and LESS) code for CSS Autoprefix CSS Compress, combine ...

Read more

The Command Line for Web Design: Powering Up Front End Code

As a web designer there are three languages you’re pretty much guaranteed to work with one way or another: CSS, HTML and JavaScript. In this tutorial you’re going to leverage the command line to make your development with these three languages more powerful and more efficient. You’ll learn how to use command line to: Compile preprocessor (Stylus, Sass and LESS) code for CSS Autoprefix CSS Compress, combine ...

Read more

A Few Different Ways To Use SVG Sprites In Animation

There are some things we know and like about SVGs. First, SVGs have smooth, clean edges on any display, so using SVGs can reduce the number of HTTP requests for image replacement. Second, it’s easy to make an SVG scalable to its container for responsive development. In this article we’ll cover a few ways of using SVG sprites to describe motion on the web. I’ll show some techniques for using SVG sprites in c ...

Read more

The Command Line for Web Design: Taming 3rd Party Packages

We commonly use third party packages in web design projects. We load in third party CSS from projects like Bootstrap and Foundation , and scripts like jQuery and Modernizr . Increasingly, we also use third party packages as part of development processes, like compilers for CSS preprocessors or code cleaning and compression tools to maximize the speed our sites load and run at. Dealing with all these package ...

Read more

The Command Line for Web Design: Introduction

For a long while working with the command line was considered to be outside the realm of web designers. It was used pretty much exclusively for things like server admin and file management and all kinds of things that have nothing to do with the average web designer’s day to day processes. That may have been the case in the past, but today it couldn’t be further from the truth. Nowadays, there are thousands ...

Read more

Improve Your Website’s Discoverability with Semantic Markup

In this tutorial we’ll look at building meaning into your content with open graph, Twitter cards, and microdata. By doing so your content will be more attractive, more relevant, and more discoverable to potential users. Google, Facebook, Twitter, and the other platforms you and I use to share and discover content are  still unable to read our minds . The machines powering the cloud rely on you and I, design ...

Read more

How To Create Effective App Screenshots For Your App Page

Slowly but surely, the official app stores of iTunes, Google Play and Windows Phone Marketplace have transformed into a digital battlefield. App developers have to fight for recognition or otherwise be drowned in an ocean of competing mobile applications. App store optimization (ASO), a strategy similar to SEO but specifically applied to the app pages in app stores, has become a handy addition to an app dev ...

Read more

© 2011 Powered By Wordpress, Goodnews Theme By Momizat Team

Wordpress SEO Plugin by SEOPressor
Scroll to top