Bi-Weekly Frontend News

Collective #36

Inspirational Website of the Week

Collective36_05

The Mealings are a truly charming and talented couple and you will notice that instantly when you visit their website. Definitely this week's pick!

Get inspired

Polyfilter: A CSS Filters Polyfill

Collective36_14

Make CSS Filters work almost everywhere with this fantastic polyfill by Christian Schaefer. It takes the official CSS filters syntax and translates it to the different equivalent techniques that each browser knows for those effects.

Check it out

Jank Busting for Better Rendering Performance

Collective36_04

Tom Wiltzius shows you how to start optimizing performance of your web app and make it feel more "native".

Read it

Extended Entypo Glyph Set

Collective36_06

The updated Entypo Glyph Set is a free set of 284 pictograms by Daniel Bruce. The icons are available as EPS, PDF and Photoshop PSD files as well as desktop typefaces (TrueType, OpenType) and Web fonts.

Get it
Advertisement

Milky UI Kit (PSD)

Collective36_19

A beautiful and free UI Kit by incredibly talented Celegorm.

Get it

Emmet: Next Generation Zen Coding

Collective36_07

Emmet (previously known as Zen Coding) is a web-developer’s toolkit that can greatly improve your HTML & CSS workflow. You can type CSS-like expressions that will be dynamically parsed, and produce your required output.

Try it

Montage HTML5 Framework

Collective36_08

The Montage framework lets you develop rich HTML5 applications that use JavaScript on both, the front-end via the browser, and back-end via Node.js. You can build rich UIs in the client, and use a service-oriented back-end to handle data persistence and server-side logic, all using one language.

Check it out

Free Font: Poly Type

Collective36_09

If you need an extravagant and abstract font for your next project, Poly Type might be interesting to you. Zafer Degerli designed this exquisite artistic font.

Get it

Flexplorer: CSS Flexbox Explorer

Collective36_10

Understand the holy grail of all box models, the new CSS flex layout model, with this great online tool by Bennett Feely.

Check it out

IcoMoon App

Collective36_11

With the IcoMoon app you can browse and select icons to combine them to a font and download them. You can also import SVG images or your own fonts.

Try it

Resume (PSD)

Collective36_15

Rob Hendricks created this stunning-looking resume and offers the PSD for free to learn from it.

Check it out

Free iPad Mini Vector Mock-up (PSD)

Collective36_16

A great new freebie by MediaLoot: a high-resolution vector-based mock-up of the new iPad mini. It also includes Smart Objects for adding your own screenshots to the devices.

Get it

FreelancePro: Online Reputation Building

Collective36_13

If you are a freelancer, you might find this app quite useful. With FreelancePro you can create a professional reputation profile to market yourself and automatically receive relevant job matches. It's still in private beta, so you will have to send an invitation request.

Check it out

Icon Sketch Template (PDF)

Collective36_17

If you design icons, you might find this little printable icon sketch template by Jayson Lane very useful.

Get it

rwdgrid: Responsive Grid System

Collective36_18

Rwdgrid is yet another grid system based on the popular 960 grid. It is responsive and you'll find it easy to understand and use if you have worked with the 960 grid system.

Check it out

JSter JavaScript Library Catalog

Collective36_03

JSter is a community-driven catalog of the most useful JavaScript libraries. It makes it easy to find the right tool for specific projects.

Check it out

Buttons And Switches (PSD)

Collective36_20

Designer MVBen will make your jaw drop with all his creations and these buttons and switches are yet another example of perfect detail.

Get it

Responsive Showcase (PSD)

Collective36_21

Present your responsive project with this great new freebie of Pixeden.

Get it

Retro Style Vector Arrows (AI, EPS)

Collective36_22

Some free and useful retro-looking vector arrows by WeGraphics.

Get it

CSS3 Tucked Corners

Collective36_01

Catalin Rosu shows you how to create a tucked corner effect solution which allows the usage of a pattern as a background for the containing block.

Read it

Dark Chart UI Kit (PSD)

Collective36_23

Melissa Phillips offers this sharp-looking and unique chart UI kit for free.

Get it

Basics of Implementing Gravity with HTML5 Canvas

Collective36_12

Learn how to understand the basics of implementing natural gravity in your canvas app.

Read it