New: RoundUp No. 15

Tools & Resources

Materialize
A modern responsive front-end framework based on Material Design. Available in two flavors, sass or vanilla css. The sass version will allow you to control which components...

A Re-Introduction to JS
Why a re-introduction? Because JavaScript is notorious for being the world's most misunderstood programming language. While often derided as...

Responsive Shapes With Clip-Path
CSS’ clip-path property is your ticket to shape-shifting the monotonous, boxy layouts traditionally associated with flat, responsive design...

WordPress Plugin Boilerplate
A Standardized, organized, object-oriented foundation for building high-quality WordPress plugins. The boilerplate follows both the WP coding and doc...

Iconate.js
Transform your icons with css animations. Iconate.js is tiny performant library for cross-browser icon transformation animations in your projects....

Pushpop + Slack
We built pushpop-slack, a new open source Slack integration that will push alerts to Slack based on your Keen IO event data. Pushpop-slack is an extension of Pushpop...

Animate Transition
Animate Transition allows you to easily make transition between any two (or more, it all depends on you ) HTML elements. It can be used in different variety of situations, whatever...

Clippy
The clip-path property allows you to make complex shapes in CSS by clipping an element to a basic shape circle, ellipse, polygon, inset, or an SVG source...

Symdiff
Ever wondered if a bunch of style definitions in your project can be safely deleted? symdiff helps you with this decision: It reports the symmetric difference (hence the name) of...

Articles

9 Anti-Patterns Every Programmer Should Be Aware Of
A healthy dose of self-criticism is fundamental to professional and personal growth. When it comes to programming, this sense of self-criticism requires the ability to detect unproductive or counter-productive patterns in designs, code...

Conducting an Interface Inventory
In order to present your product or service in a cohesive and consistent manner across a slew of properties, browsers, devices, and environments, it’s essential to take stock of what your interface is composed of. Documenting unique UI...

UX is UI
What do we mean when we say user experience? Let’s try a textbook answer: The motivations, behaviours, and satisfaction we want to encourage through the design of our products or services? The ‘experience’ we want our user to...

Put a Pseudo-Class On It
Some days, writing plain ole everyday CSS can get a little monotonous. It’s all margins, font-families, positions and displays day-in and day-out. It’s easy to get into a rut, particularly when I find myself mired in work that doesn’t allow...

Guidelines for Animation Timing
Interaction design describes what happens in-between states. Unlike other disciplines, it’s focused on the change in state and not the state itself. Since the components of interaction are movement and time, it isn’t inherently suited for...

The True Cost of Progressive Enhancement
When you’ve been evangelizing progressive enhancement for as long as I have, you invariably come across skeptics. Take this comment on Tim Kadlec’s recent (and well-argued) post about designing experiences that work without...

Premium Resources

Limited Time Offer - Only $9 for your first month of CodeSchool
I am a code school subscriber and I'm telling you, this is a seriously awesome deal. No contracts or commitments. Just $9 for your first month with unlimited access to all courses and screencasts. Level up your skills or brush up on some old basics. Check it out, you won't be disappointed.

Podcast

Hired.
A podcast about work life and company culture, and how our guests do both ridiculously well. Brought to you by Authentic Jobs.

Inspiration

Inspiration for Text and Hover Effects
When it comes to tiny animations and effects on text, be it a link, a typographic logo or an introductory sentence, there’s really no limit to the creative possibilities. So today we’d like to share a couple of text styles and hover effects...

gogoro - smart scooter
Introducing the world's first and only SMARTSCOOTER. Gogoro.com is a product storytelling site designed by Portland based Cinco Design that showcases the all new electric scooter by Gogoro with cool interactive features...

Watch This

Give It Away, Give It Away, Give It Away Now
WebStock 2015 - Speaker Brad Frost

The Web has radically transformed who can create, what we create, and how we create. It’s also changed the nature of what can be shared. This talk will examine how the byproducts of our creative work can have a tremendous impact, and will discuss how being open by default has the power to change the world.

Freebies

Free UI Kit with 55+ beautiful Elements
Another inspiring and useful UI kit to download and enjoy. Useful as a design resources or a quick wireframing kit. This project is also royalty free and it is allowed for use for commercial projects.

Landing Page for Restaurant
Download this beautiful set of 37 .psd blocks designed for restaurant websites or landing pages. This resources are royalty free for use in both personal and commercial projects.

Thanks for Subscribing

I hope you enjoy this week's newsletter. If you like it, please help spread the word. If you'd like to make a suggestion or provide some feedback press the blue button below.

Thanks again for subscribing,
- derek

share feedback

Spread the Word

Let your friends and colleagues know about this newsletter by spreading the word on your social networks.

@MergeLinks on Twitter

Follow me on Twitter where I share links and resources that didn't quite make the cut for this week's newsletter. @mergelinks