Collective #127

View All

CSS Triggers * SVG Transform * SVG Masks * Fontface Ninja * Dub Delay with Web Audio API * baguetteBox.js * T3

Collective_127

Inspirational Website of the Week: DUNCKELFELD

Collective127_siteoftheweek

An incredibly smooth interactive experience and an impeccable design made this website our pick of the week.

Get inspired

CSS Triggers

Collective127_csstriggers

A definitive reference for what work is triggered by changing various CSS properties. Read more about it in this article by Paul Lewis.

Check it out

Understanding SVG Coordinate Systems & Transformations (Part 2): The <transform> Attribute

Collective127_svgcoordsys

The second part of a really great guide to understanding the SVG coordinate system and transformations by Sara Soueidan.

Read it
Advertisement

SVG Masks

Collective127_svgmasks

A fantastic demo by Yoksel that shows the power of SVG masks.

Check it out

Fontface Ninja

Collective127_fontfaceninja

With Fontface Ninja you can instantly find out what fonts are used on a website and experiment with it.

Check it out

Points Of Interest

Collective127_pointsofinterest

A beautiful component by Claudia Romano from Cody for showing points of interests of products.

Check it out

Animating SVG text On A Path

Collective127_svgpath

Learn how to animate SVG text on a path in this great tutorial by Joni Trythall.

Check it out

Free Lined Icons (AI)

Collective127_Lineicons

A beautiful little freebie by buatoom.

Get it

Let's Talk About RTL

Collective127_rtl

A great guide on how to create RTL websites by Ahmad Alfy.

Read it

Creating dub delay effects with the Web Audio API

Collective127_webaudioapi

Chris Lowis shows you how to make some seriously cool dub delay effects with the Web Audio API.

Check it out

Free Font: Thin Line Font

Collective127_thinlinefont

Gatis Vilaks shares this unique and harmonious font for free.

Get it

baguetteBox.js

Collective127_baguetteboxjs

A simple and easy-to-use JavaScript lightbox script.

Check it out

How we make RWD sites load fast as heck

Collective127_rwdfast

Some great advice and tips how to make responsive websites load fast. An article by Scott Jehl.

Read it

T3

Collective127_t3

T3 is a template to build three.js applications without worrying about the common set up process and allowing multiple applications per page. Made by Mauricio Poppe.

Check it out

An Alphabet of Accessibility Issues

Collective127_alphabet

Anne Gibson lists 26 personae as examples of why we need to make simple, readable, effective content on the web.

Check it out

Game About Squares

Collective127_gamesquares

A really cool and addictive little game by Andrey Shevchuk.

Check it out

The jungle of mobile HTML5 development

Collective127_html5jungle

A solid collection of HTML5 mobile development resources by Yacine Rezgui.

Read it

Full-width pinned layouts with flexbox

Collective127_fullwidthflexbox

Learn how to use flexbox to pin two things to opposite ends of the viewport with a heading centered in between. A tutorial by Zoe Mickley Gillenwater.

Check it out

Radio-Controlled Web Design

Collective127_radiocontrolledwd

Radio-control the web? Art Lawry explains how the radio button technique can help spare some JS and therefore make websites lighter.

Read it

Would you like to become a Collective sponsor?

You can sponsor a Collective issue with your own news item. Find out more.

Would you like to send us some news?

The Collective features the latest news and resources from the web design & web development community. If you have spotted or created something that you'd like see published in the next issue, just submit the resource or article here.