Bi-Weekly Frontend News

Collective #7

CSS3 Animated Media Queries

Collective7_01

Learn how to start using media queries and how to combine CSS transition with them in order to show an animated change of your website elements.

Read it

Breezi

Collective7_16

With Breezi you can design, edit & launch interactive websites in minutes. It's free for those who sign up for the service until the end of April.

Try it

CSS Arrow Please!

Collective7_02

Do you need an arrow shape in pure CSS? Are you tired of looking up how it's done? With this little CSS arrow configurator you can simply create the arrow you need and copy the CSS.

Check it out

Usability Design Considerations for Web Forms

Collective7_04

Kayla Knight explains the design perspective of web form usability and how certain aspects will make it easier to use a form.

Read it
Advertisement

Automatic responsive images in WordPress

Collective7_03

Learn how to use the Responsive Enhance script in Wordpress in order to serve images with the right resolution.

Read it

CSS3 Scroll Effects

Collective7_05

Hakim might call them silly, but they are certainly übercool: some awesome list scroll effects that show how you can go crazy and add some depth to shallow lists.

Get it

25 Free Photoshop Image Processing Actions

Collective7_06

WeGraphics gives us a really useful freebie: some great Photoshop actions for manipulating photos. The set was created by Nathan Brown.

Get it

Should the Standard Property Be Omitted for Some CSS3 Features?

Collective7_07

Louis Lazaris explains the problems of listing the standard CSS property after the lines with the vendor-specific notation for some cases.

Read it

Retina Images

Collective7_08

Retina Images is a PHP/JS solution for serving different images based on the device being used by the viewer.

Get it

Media Query & Asset Downloading Results

Collective7_09

Tim Kadlec shares his insightful test results of how images are downloaded when media queries are involved.

Read it

HTML5 Drag and Drop Tutorial

Collective7_10

Andrey Prikaznov shows us how to sort photos into albums using the HTML5 drag and drop functionality.

Read it

Canvas Animation Playground

Collective7_13

Matthias Schütz developed HTMLiveCode, a great browser-based editor for real-time HTML/CSS/JS prototyping. Canvas Animation Playground is an experimental tool for creating HTML5 canvas animations built on HMLiveCode.

Get it

SweetiePlus Icon Set

Collective7_11

SweetiePlus is a new and enhanced version of the lovely icon set Sweetie. You can use it under the CC BY-SA 3.0 license and it's useful for websites and apps.

Get it

jQuery(This)

Collective7_12

jQuery(This) is a fresh new resource site for jQuery plugins, tutorials and interviews with developers.

Get it

Story Wheel

Collective7_14

Story Wheel lets you record a story around your Instragram pictures and share it on the web as a nostalgic slideshow.

Try it

Scriffon

Collective7_15

Scriffon is not another blogging platform but a free tool for publishing written work on the web. From essays to short novels, from recipes to how-tos and more.

Try it

Free Font MOLESK

Collective7_17

Molesk is a beautiful font that is part of a fundraising project (Type Factory).

Try it