• Drupal is a powerful CMS that many enterprises choose for their sites. While the system provides some good optimiza… twitter.com/i/web/status/1…



The Best of November 2016: Tutorials, Freebies, and the Latest News


November was as stuffed with news, demos, and freebies as a Thanksgiving turkey. That’s a lot to digest, so we’ve picked just the best from the web dev and design world for this month’s round-up. Enjoy!


Your favorites got new looks and features in November. PSD2HTML also got faster with rapid response teams. Here’s the details on all.

ASAP Front-End Dev. Sometimes you just need it a project done yesterday. We get it. That’s why PSD2HTML announced in November ASAP Front-End Development Services. It’s perfect for those urgent situations where you need rapid response and pixel perfect results.

Sketch. Not only did Sketch get a new logo, it got a complete refresh. New icons on the toolbars, a new welcome window and loads of bug fixes and upgrades. If you’ve been thinking about switching to Sketch, now is a great time.

React. React version 15.4 was released mid-month and it finalized changes made incrementally over the course of the last year. React and React DOM are now two separate packages. This wasn’t an ugly break-up; just a move to solve some on-going issues.

GitLab. GitLab just got better. Timetracking functionality is in Beta, you can now delete all merged branches with just one click, and subscribe to group labels to be notified of changes across the entire group. That’s just the beginning. Read the blog to get full details.



From animated hover effects to games built on SVG animations, developers had many inspiring demos to check out. We found some great resources for CSS and HTML as well.

Current Mark-Up Usage Trends. CSS Tricks continued its look at how HTML and SVG are being used on the web. Ever wonder how others are hiding DOM elements or if they specify language? Wonder no more. Just review this collection of random facts on markup usage.

Coloron Game. This is a great inspiration to incorporate SVG animations in your design. The game is quite challenging too. You’ve got to give it a go.

CSS Reference. Looking for a reference guide to CSS resources? Even if you already have a trusty guide, you should take a look at CSSReference.io. This guide is comprehensive and includes illustrations to show how each property works. It’s handy, it’s beautiful, it’s certainly bookmark worthy.

Hover Effects. This is a highly experimental but extremely inspiring animated hover effect. The animation simulates a tilt effect if you are using certain browsers. By having several different elements in your “tilter” image you can achieve different effects.



Even experienced designers appreciate tips and tools. From newbies to seasoned professionals, there’s something here for everyone.

Accordion Checkout Pitfalls. Over 30% of checkout flows follow an accordion design. If you utilize accordion checkout flows, then you need to check out this article on 2 UX flaws most sites ignore.

Logo Design Tips. Sketch got a logo facelift. They aren’t the only ones. No logo lasts forever. Whether you are designing a new logo or just giving an existing logo a fresh, new look read these 5 logo design concepts to consider.

Font Style Matcher. Don’t make yourself go crazy matching up your websafe font and your webfont. This font style matching tool will help you match up font heights and widths so you can adjust your design accordingly.



Free Fall Designs. Thanksgiving may have come and gone but Fall will be around for a few more weeks. Check out PSD2HTML’s collection of free fall-themed banners, backgrounds, animations, and flyers.

Free Font. You can’t have too many fonts. Little brushy is a hand lettered font you are sure to fall in love with and it’s perfect for headlines, stationary, and labels.

Advent Icon Set. Snowflakes, stockings, stars and things that don’t begin with the letter “s”. This Christmas-themed icon set is free to use in commercial and private projects.

Web App Wireframes. Now here’s something you don’t see very often, a free set of micro wireframes perfect for a web app. It’s a great kick-start to your next project.


That’s all for this month. Did we miss something you loved? Comment and let us know or show us how you used a freebie.

leave a comment

All posts Back to top