Archive

Throttle Bandwidth for Testing

Working with a fast internet connection on a day-to-day basis is a real privilege. it’s easy to forget that others are less fortunate.

With a recent vacation to “slow internet land” this really hit home. So much so, once being back in “fast internet land” I explored the different ways to throttle bandwidth for testing.

After a little research, here are few different methods that I discovered.

Choose tools you’ll use

Addy Osmani:

If you’re new to front-end development, I suggest staying close to the grain: just use HTML, CSS and JavaScript. Build with them, learn them inside out, experiment with them. These languages have some amazing primitives that we sometimes forget the raw power of.

With so many tools being released every week it sure is easy to be overwhelmed. The main takeaway from this great post by Addy is to “keep it simple for as long as possible”. I couldn’t agree more.

Addy Osmani: If you’re new to front-end development, I suggest staying close to the grain: just use HTML, CSS and JavaScript. Build with them, learn them inside out, experiment with them. These languages have some amazing primitives that we sometimes forget the raw power of. With so many tools being released every week it sure […]

Web Design Weekly #131

Nicolas Gallagher blogged about the benefits of using custom CSS processing. Tim Kadlec discussed why Responsive Web Design looks like Responsive Web Design. Matt Quinn looks into the processes of moving from PHP to Node.JS. Val Head dives into modular CSS animations and loads more. Enjoy!

Shaping CSS

In someway or another we are exposed to CSS on a daily basis. Either by tinkering with some code, reading a technical blog post or just viewing the source files of a site.

Over the years CSS has really evolved and I thought it might be a good time to stop and take a look at some of the key players in our industry. The ones that are helping shape the direction.

Custom CSS preprocessing

Nicolas Gallagher:

Did you know that you can build your own CSS preprocessor with Node.js libraries? They can be used alongside established preprocessors like Sass, and are useful for defining tasks beyond preprocessing.

A great insight into some of the benefits of using tools like Rework to help manipulate CSS during development.

Nicolas Gallagher: Did you know that you can build your own CSS preprocessor with Node.js libraries? They can be used alongside established preprocessors like Sass, and are useful for defining tasks beyond preprocessing. A great insight into some of the benefits of using tools like Rework to help manipulate CSS during development.

Web Design Weekly #130

Trent Walton passes on some great thoughts about how we should be considering maximum reach even if out final results are a little underwhelming. Sass 3.3 dropped. Chris Coyier blogged about a cool icon system with SVG sprites. Hugo Giraudel explores error handling in Sass. TJ VanToll looks at jQuery on mobile devices. Enjoy.

Your own device lab today

During the last few years there has been no shortage of devices being released to the market. For us this was a new challenge and we all stepped up to the plate by adding device specific media queries to our stylesheets.

This was possible in “the good old days”…

Web Design Weekly #129

Peter Gasston give a great overview on the future of Custom Elements. Hugo Giraudel explores was to set you your Sass architecture. Mark Otto updated his handy code guide. Paul Lewis shared his process for doing performance audits. Robin Hawkes blogged about all the lessons learnt during the development of ViziCities and loads more. Enjoy.

Sass 3.3 is Released

After ironing out a bunch of bugs in numerous release candidates, we’re finally ready to release Sass 3.3.0, codename Maptastic Maple, for public consumption.

To get things rocking on your end all you need to do is hop into the terminal and run:

gem update sass

Massive props to all the contributors!

Web Design Weekly #128

The talented team at GitHub have released a new text editor called Atom. The Chrome team announced that Responsive images are coming. Ben Frain looked into CSS performance. Kyle Peatt dived into the off-canvas pattern. Rachet 2 was released and Paul Irish looked into some CSS performance tips.

...23456...1020...