Web Design News & Resources

Catch Up on Web Design News & Resources

Each week, it can be tough to keep up with what’s new around the web. Web design is a constantly evolving industry. One week, something can be completely new and innovative, and before the month is over, everyone is implementing it into their websites. Putting together a post like this will help you to keep up with what’s new. Let’s take a look at this week’s web design news & resources.

Css Contact Form

css-form - Web Design News

A beautiful, well-crafted contact form that you can drop into your website. It has most elements you’re likely to use, so you can toss it in, customize it, and be up and running quickly.

Download

Slideout Menu Animations

slideout-menu-animations

Okay, this is just plain cool. You know that the hamburger icon is here to stay, at least for a while. While this may make some web designers cringe, these animations may soften the blow just a little. There’s 3 different animations, which are are clean and smooth.

Preview & Download

Animated Text Fills

animated-text-fills - Web Design News

Codrops have done it again, with some awesome experimental text fills for the web. Imagine animating your text with some gorgeous effects. This will really get your visitors attention. Keep in mind that this is experimental, and may not work in all browsers.

View

Responsive CSS Frameworks You’ll Love

profound

Everyone has their own framework. it turns out that you’re not stuck with just Foundation 5 & Boostrap. This is a list of some of the best CSS frameworks out there.

View

SVG Loaders

svg-loaders - Web Design News

An awesome collection of SVG loaders for your sites & apps. In my opinion, your site or app should be so fast that you don’t need a loading animation, but these are still really cool.

Download

Flexbox in 5 Minutes

flexbox-in-5

If you don’t know about flexbox, you should! Wow, is it powerful, and this interactive tour shows you step by step what each setting and property does. Talk about making your life easier!

View Flexbox in 5

Responsive Logos

responsive-logos

Wow, what a concept! We are now at the point where stuff like this can be done on the web. I am excited, because this opens the door for flexibility. No longer will we have to try to cram a super-long logo in a place where there’s not enough room.

View Demo

CSS Puns

css-puns

I am sharing these, not just because we have the same last name, but because they are actually funny. We all need to laugh a little now and then.

View

Drag and Drop Interaction Ideas

drag-and-drop

What a great idea! Imagine bein and drop items on the front end, enabling you to sort items and rearrange them.

View Demo & Download

Responsive Icons

Imagine having icons with more detail at different screen sizes and resolutions. This is how to get started making your own.

 View Post

FlowType.js

flowtype

Flowtype.js is a great script for scaling your text size, based on the element width.

View & Download

Nevermore UI Blocks

nevermore-ui-blocks

A free set of building blocks for rapid prototyping. You’ll love these!

Download

Animated Download Button & Progress Bar

animated-download-button

Downloading never looked so good. Click the button and while the download is in progress, watch the animation.

View & Download

Animated Modal Popup Using CSS & SVG

svg-modal

This is a slick experiment using SVG and CSS. This looks great, and I’d like to see it used in more websites.

View & Download

Conclusion

This is a great collection of stuff from around the web. Which one of these are your favorite? I really love the animation being done with CSS and SVG. I can’t wait to see what is to come in the future. If you have a bit of web design news to share, feel free to add it in the comments section below, or email me and I will add it to the next selection.

No Responses