• 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

07Apr

The Best of March 2016: Freebies, Tips, and Many More

March Round-Up

Spring is officially here! We’re not so keen on spring cleaning, but one thing we do like is polishing up on our web dev skills. If you’re feeling similarly eager to learn new design tricks and hear the latest industry news and tutorials, then you’ll find the cream of the crop below. That should put some spring in your step!

INDUSTRY NEWS

WORDPRESS 4.5 BETA 4

Good news folks! WordPress 4.5 Beta 4 is now available. Of course, it’s still in development, so it’s not recommended that you use it for any of your projects just yet – but it’s certainly worth playing around with. There are a few nice fixes and changes that we think you’ll like. You can find out more here.

APPLE’S MARCH ANNOUNCEMENTS

We were excited to see what Apple would be announcing in their March keynote speech… and they didn’t disappoint. According to their announcement, you can look forward to the new iPhone SE, the 9.7” iPad Pro, and a whole host of other Apple-related developments, including CareKit and Research Kit. Here’s Apple’s official word on the matter, and for all you Safari fans, here’s an overview of the updates.

SKETCH 3.6

The latest Sketch update includes some great improvements – such as fixed baseline spacing, more controlled character spacing, and a whole host of other features. They listened to your feedback, and they delivered. Excellent work! Here’s a quick summary of the key features in the update.

ADOBE’S EXPERIENCE DESIGN CC

It’s the moment you’ve been waiting for – Adobe’s Experience Design CC is out! It comes with awesome features like multiple artboards, interactive prototypes, Repeat Grid, Photoshop and Illustrator integration, and much more! For now, Adobe XD is available for Mac only.

adobe xd

MUST-SEES FOR DEVELOPERS

INK TRANSITION EFFECT

We love ink bleed transition effects – they offer dramatic, yet understated, impact in your designs. This great tutorial shows you how to create the same effect using a PNG image sprite.

CSS / SVG ANIMATED ANIMALS

Who doesn’t love seeing some furry or feathered friends in web designs? This fabulous tutorial from Codrops shows you how to create CSS sequenced animations and SVG filters to great effect… using rather cute animals.

CUT AND PASTE SERVICE WORKER

Who wants to wade through a big tutorial on service workers when you can simply cut and paste it right into your site? This great walk-through makes life a whole lot simpler.

PLAY AROUND WITH PIXELS

Check out this creative pixel art experiment which allows you to have fun with resizing – always useful in the world of web design!

pixel art

WEB DESIGN MIX

FLAT DESIGN TIPS

Flat design is huge right now, and when done well, looks awesome in your designs. If you want to make sure you’re offering the best flat designs to your clients, this comprehensive guide, detailing ten great tips about creating flat designs, could be your new best friend.

GETTING GOOEY

Who doesn’t love getting all gooey? Christian Werther has come up with a rather wonderful ‘gooey’ scrolling effect, which does exactly what the name suggests. It’s deliciously messy – you can check it out here.

INFINITE SCROLLING OR LEARN MORE BUTTONS?

It’s the time-old debate – what’s better in your web designs? Should you embrace the new trend for infinite scrolling, or stick to the tried-and-tested ‘learn more’ button? Baymard Institute undertook an extensive study to identify which was more user-friendly, and here are their findings

Dialog Design Checklist

Dialogs are an important UI element when you design them right. Make sure to check out this quick overview of the dialog design best practices and use cases.

dialog design

FREEBIES

BEST 2015 HTML AND CSS THEMES

Last year, there were some beautiful themes out there – but which ones really appealed to web developers across the world? Noupe.com has tracked down some of the most eye-catching, flexible templates out there, and offered them to you in this handy article.

FREE INDUSTRIAL FONT

It’s time to ditch the vintage and get industrial again. We love this geometric, bold font, and best of all, you can grab it for free and use in your own designs. Sweet!

ARCHITECTURE WEBSITE CONCEPT

If you’re designing for an architect, and want something strong, conceptual, and linear, this stunning template, available in PSD and Sketch, should do the job nicely. We love its clean style – you can download it here.

PEACE SANS

Ready to breathe some love into your website design? This bold, fresh font is probably just what you’re looking for. You can download it for free here.

free font

We hope that you’ve enjoyed this month’s round-up of juicy tips, exciting industry news, and glorious freebies. If you want to keep up-to-date with all the latest news, tips, techniques, and tools, just subscribe to our newsletter or follow us on Twitter and Facebook.

leave a comment

All posts Back to top