• Let’s Meet At Web Summit 2018! The P2H team is coming to the Web Summit 2018 that will take place in Lisbon on Nov… twitter.com/i/web/status/1…

COMPANY BLOG & NEWSROOM

04Jun

The Best of May 2015: News, Tutorials, and Freebies

It’s time for our monthly round-up of the best web design and development resources, news, and tutorials from May. So, go ahead and make yourself a drink, and check out the stories below.

may_roundup

INDUSTRY NEWS

Firefox 38 Release

The new Firefox 38 has some interesting new features, such as responsive images support, redesigned options panel, HTML5 ruby markup support, and others. Find out more here.

Tone: An Experimental Chrome Extension

Google Chrome’s impressive new add-on enables you to share URLs with someone else’s computer, provided they can ‘hear’ one another. Simply select the tab you want to share, click the extension, wait for the beeps, and the link will be sent to all computers via a notification. Sounds exciting, huh? Check out the official release notes here.

Microsoft Edge

Microsoft announced that they would not be releasing Edge, previously known as Project Spartan, on other platforms. It’s an intriguing decision. Make sure to read more about the Edge browser here.

edge

MUST-SEES FOR DEVELOPERS

JCF in Review

It’s always difficult to customize form elements, such as buttons and scroll-bars. Until recently, the only options were CSS3 or JavaScript. Meet JavaScript Custom Forms, a unique JavaScript solution built by our own Sergey Miroshnik.

Getting Dicey with Flexbox

Flexbox is a really powerful tool. It is a relatively new CSS layout spec, enabling you to create great, dynamic layouts in no time. If you are looking to get started with flexbox, check out this fantastic tutorial and learn how to create dices.

SVG Fallbacks

If you’ve ever wanted to know more about SVG fallbacks, then this comprehensive guide by Amelia Bellamy-Royd, has all the information you need.

Pull Down to Refresh

Though this coding demo is neither optimized for mobile devices, nor fully cross-browser compatible, it is a real delight to the eye. Check it out!

Mega Dropdown

It’s always challenging to arrange a site that has a lot of content, especially when you need it to be really easy to navigate. CodyHouse guys have some great tips on how to create a custom responsive mega-dropdown component.

mega_dropdown

WEB DESIGN MIX

Immersive Interaction Design

In web design, it’s always important to stay one step ahead of the competition. This helpful guide by Jerry Cao outlines all the key IxD techniques and how to use them in your own creations.

Material Design Principles

Material design is big news at the moment, and a number of designers are using it not only in their Android designs but in other projects, too. If you’re interested in learning how to use material design in your work, make sure you read this blog post by the Adobe Dreamweaver team first.

Sketch with Material Design

Sketch has become one of the most popular design tools, and it’s particularly well suited to material design. If you want to find out more about how the two work seamlessly together, read this great article by Smashing Magazine.

Nonlinear Storytelling

Creating a narrative online is a powerful feature on a website. However, getting it right can be tricky. This thought-provoking article from Senongo Akpem helps you to think about constructing non-linear narratives on your site, and how to do it effectively.

Vintage Text Effect Tutorial

If you’d like to add a stylish retro touch to your site, check out this amazing, detailed Adobe Illustrator tutorial by Chris Spooner.

texas

FREEBIES

40 Free Photoshop Brush Packs

Every good designer knows, if you want to produce great effects, you need excellent brushes in your designer toolbox. Speckyboy.com scoured the Web for the best free brushes, so make sure to get them quick!

Top 100 Free Typefaces for 2015

Are you looking for some amazing free fonts? Check out this impressive selection of 100 free fonts hand-picked by the Awwwards team.

Free JavaScript Books

Here’s a great collection of 15 free books to help you learn and hone your JavaScript coding skills.

Responsive Mockups

It’s important to ensure your responsive design looks great on all devices. When you’re displaying your work to clients, you want to be able to show them how it will look in all layouts. Here are 15 mock-up PSDs, sourced by Line25, to help you achieve that.

mockups

 

We hope this round-up gave you enough food for thought and plenty of handy resources to use in your future projects. If you think we’ve missed something important or you want to add a comment, please feel free to do so. Also, make sure to subscribe to our email newsletter and follow us on Twitter and Facebook to keep up with all the latest design news, reviews, and resources!

leave a comment

All posts Back to top