The Best of July 2015: News, Tutorials, and Freebies
Summer is traditionally a vacation season, but there has been a lot going on in the web design and development community this July. It’s time to catch up with the latest industry news, inspiring articles, and useful freebies.
jQuery 3.0 and jQuery Compat 3.0
jQuery team rolled out two Alpha releases: jQuery 3.0 and jQuery Compat 3.0. Both share the same public API but, jQuery 3.0 will be optimized for maximum performance and support only the latest versions of the most common browsers, while jQuery Compat 3.0 is designed to support all browsers and most versions. Both releases have a lot of new features, bug fixes, and improvements but for the moment they are at the Alpha stage only. jQuery team anticipates no big migration issues and says that the majority of the current jQuery code will work OK after migration. Anyway, be careful and don’t forget to make necessary backups before migrating.
Firefox 39 Release
The latest Firefox version supports CSS Snap Points, has some new sharing features, several critical security bug resolutions, and improved development tools. Check out this article for all the most significant improvements. For a full list of changes see the official release note.
Windows 10 Release
Windows 10 is here and it’s chock-full of new features like the improved Start Menu, Cortana, Snap, Microsoft’s Xbox app, and Edge browser so you can finally say farewell to IE. Make sure to read a detailed review by The Verge and stay tuned for more info from the PSD2HTML® team on this topic in the near future.
MUST-SEES FOR DEVELOPERS
Material Design Lite vs. Bootstrap
Early in July, Google released the long anticipated Material Design Lite framework (MDL). This component library is based on Material Design Specification to bring a material design look-and-feel to your website in a quick and easy way. Thoriq Firdaus prepared a good overview of MDL components and features here. Many developers wonder how it will affect Bootstrap popularity. What are the differences between MDL and Bootstrap, and which one is better? Check this article for a comparison of these two frameworks.
Seven Stages of SVG
Do you want to get started with SVG? In his short post full of fun, inspiring demos, Chris Gannon shares his insights and experience of learning SVG.
Photoshop Extensions for Front-End Developers
Photoshop, like any other software, has certain limitations. Ronald Vilcins listed some of the best Photoshop extensions for front-end developers. If you want to extend your options and speed up your workflow, this post is definitely for you.
Content Slider with Depth-like Zoom Functionality
Mary Lou introduces a simple content slider with neat depth-like zoom functionality. Check her post for code samples and a demo.
WEB DESIGN MIX
Why Dropdown Menus Kill the UI
Interacting with dropdown menus may, in some cases, require too much effort, especially on mobile devices. It doesn’t mean that you should never use them. In many cases, it is more reasonable to replace them with steppers, radio groups, switches, sliders, segmented controls, or button inputs. This will help you make the life of a common user easier and increase your overall conversion rates. Check this brilliant article by Luke Wroblewski for more details.
Efficient Web Type
Here’s a nice article on the relevancy of type design. You’ll get an interesting retrospective journey into the history of typography, Web Open Font Format (WOFF) adoption, WOFF2.0 introduction, and a bunch of practical tips, hints, and insights on how to make your text more readable.
Animated Transitions for Better UX
Animation can significantly improve the user experience of your website or app. Of course, it should be used wisely. Keep your user in the context and lead him seamlessly to the right destination. This is great stuff for you to read and apply to your designs.
Web Design Contest at PSD2HTML®
PSD2HTML® has a new web design contest for ambitious creative minds. We teamed up with Depositphotos, 99designs, Avocode, Designmodo, Wuwa.org, Pixel Buddha, Balsamiq, and Subtle Patterns to make the challenge more rewarding than ever! All you have to do to enter is design a landing page for a fake design conference. Read more and join the competition!
If you like SVG, this collection of 420+ SVG logos is for you! For more convenience the whole collection is tagged into 10 categories for different types of users (designers, developers, geeks, hackers, etc.).
10 Free Web Design Books Worth Reading
Jacob Gube, the front-end developer and founder of Six Revisions, suggests his list of top 10 free web design books worth reading. Obviously, all of them are available in a digital format.
Aquatico – New Cool Font with a Full Typeface
If you are looking for new beautiful fonts, you should definitely check out Aquatico.
Flat-Styled Icons of Superheroes and Villains
Don’t miss a set of over 100 flat-styled icons of superheroes and villains available this week at Speckyboy.com. This set contains both PNG and SVG icons of Superman, Batman, Captain America, The Hulk, Wolverine, and many more.
50+ Free Plugins for Sketch.app
The Sketch community is growing fast and has already built a bunch of handy plugins. Folks from Envato have brought some of the best free Sketch plugins to one place. Check it out.
Do you have anything to add to this list? Then go ahead and share your thoughts in the comments below. We love hearing from you! Don’t forget to subscribe to our newsletter and follow us on Twitter and Facebook to stay tuned for our announcements, discounts, and deals, as well as the biggest web design and development news!