You Are Here: Home » Code

Absolute Best Tools for Crafting Web Typography

Every designer would agree that typography is a huge part of web design. But the process of choosing which fonts to use can be a hassle. Thankfully there are several free online webapps to help you decipher online font families, pick your favorite(s), and design text in a way to match your layout. Take a gander over these tools and see if any can help you launch that next kick-ass project. Typecast Typewolf ...

Read more

The Command Line for Web Design: Live Reload & BrowserSync

In the last lesson you learned how to get your whole project compiled or built with short commands like grunt , grunt watch , gulp and gulp watch . In this lesson you'll learn how to create commands that add an extra layer of awesome to your projects, enabling live reload and browser synchronization. If you haven't yet completed the other tutorials in this series , please go back and complete those before y ...

Read more

Dom Animator – Animations within the Dom in JavaScript

Dom Animator is a nifty JavaScript library, used to show small ascii animations within comments in your dom. It’s a little easter egg for anyone inspecting your code. Nothing more, nothing less. It is a stand alone library (no jQuery, or the likes) so usage is pretty straight forward. You won’t need any CSS, or HTML… just JavaScript. (since the animations live in comment nodes, in the dom, only) Requirement ...

Read more

Assessing Mobile Usability With Google Webmaster Tools

Back in 2013, Google officially announced 1 that it would begin to penalize websites that provide a faulty user experience on mobile devices. Specific examples included redirecting inner URLs to a home page when viewed in a mobile version of a website, as well as showing 404 errors to people attempting to access pages on mobile. Toward the end of 2014, a Google spokesperson hinted that the mobile user exper ...

Read more

My Thoughts on Designing in the Browser vs. Designing in Photoshop

Designing in the browser is becoming more and more popular with the rise of “designers who code”. But just because we’ve picked up some new skills does it mean we should ditch our paper, sharpies, desktop publishing software and wireframing tools and jump straight into coding prototypes?  Browser vs. Photoshop is a Hot Topic If you’re working in the digital space, with designers and developers, you will hav ...

Read more

My Thoughts on Designing in the Browser vs. Designing in Photoshop

Designing in the browser is becoming more and more popular with the rise of “designers who code”. But just because we’ve picked up some new skills does it mean we should ditch our paper, sharpies, desktop publishing software and wireframing tools and jump straight into coding prototypes?  Browser vs. Photoshop is a Hot Topic If you’re working in the digital space, with designers and developers, you will hav ...

Read more

The Command Line for Web Design: Automation with Gulp

In the previous tutorial we setup a project and used Grunt to watch and automatically compile Stylus and Jade. In this tutorial we’ll be doing the same, but using a different task runner: Gulp. Getting Started with Gulp Install Gulp Install Gulp globally with: [sudo] npm install gulp -g Setup Project for Gulp Add package.json file As with the Grunt process, add a “package.json” file to your project using th ...

Read more

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

© 2011 Powered By Wordpress, Goodnews Theme By Momizat Team

Wordpress SEO Plugin by SEOPressor
Scroll to top