Hello! Today we continue gathering the information on IT industry innovations and useful web tips from all over the web. Are you ready for a new portion of web development news? Let’s get started!
New Releases
Backbone.js 1.2.0 - gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.
Polymer 0.9 - welcome to a new era of web development based on encapsulated and interoperable custom elements that extend HTML itself.
EMBER.JS 1.12 AND 1.13 BETA - a framework for creating ambitious web applications.
Firefox Version 38.0 - list of changes implemented in the new release.
Web Design
Photoshop vs. Sketch: The Battle for the Cleanest HTML/CSS - compare two huge tools for web design.
Sketch With Material Design - make convenient interface of a mobile app.
The State of Design Tools: An Unscientific Survey - designers’ talk on their tools.
What You Need to Know about Logo Redesigns - infographics on how to modify the logo.
Storytelling and Interaction: Engage Your Visitors - increase the interaction with the site visitors.
Functional Animation In UX Design - see how to use animation and make it convenient and understandable.
When Bad UX Turns Good - sort of crazy designs that seem to trigger the attention.
UX is UI - take a deep look inside the present and future of UX design.
The Future of Design in Technology. 10 predictions for the next 10 years - predictions from the product design director at Facebook.
7 future web design trends - one more portion of future trends.
How To Successfully Combine Typefaces - it’s never too late to remind about fonts.
Freebies
Apple Watch UI Kit - use this full kit of Apple Watch to design apps or promoting products.
Freebie PSD: iOS 8 Fashion Store iPhone App UI - ready to use page layout and iPhone PSD.
10 Quality Free Flat Icon Sets for Your Designs - find preferable.
Random Stuff Free Iconset - really useful set of different stuff.
Nervous Energy - extraordinary font with English and Scandinavian characters.
94 Best Free Fonts for Summer 2015 - really wide range of fonts to choose from.
Web Development
Wwwhere - complete list of useful links gathered in one place for your convenience.
15 HTML Questions for Testing Your Knowledge - test yourself and your programmers.
Study: What Errors Do Beginners Make Learning HTML and CSS? - check the types of mistakes and learn how to avoid and fix them.
9 Anti-Patterns Every Programmer Should Be Aware Of - detect ad fix unproductive or counter-productive patterns in designs, code, processes, and behaviour.
Reducing Memory Leaks when Working with Animations - find the leaks and get rid of them.
Making SVG Accessible - 5 roles to create miracles with svg.
Tips for avoiding common svg pipfalls by Sara Souedian - 7 tips to work with svg.
Using Images in HTML Email - code HTML emails with awesome images.
Responsive Images with WURFL Image Tailor - optimize your web site responsiveness.
Mobile First - A Retrospective - how to create better responsive (or adaptive) web sites.
Building a Responsive Mega Menu with Foundation - mega menu and how it works.
Displaying Youtube Videos in PHP - learn all the process with this 2 parts article.
Periodic Table of ARIA 1.0 Roles - characteristics and properties of all roles.
Using WP_List_Table to Create WordPress Admin Tables - create nice table lists for all your needs.
CSS
Eric Meyer on the past, present and future of CSS - overlook on the constantly developing process.
Useful Sass Snippets - learn how to make automatic simple tasks.
Stylecow - new post-processor to enlarge the CSS browser compatibility. It adds vendor prefixes, small bugs fixes, polyfills generation etc.
The At-Rules of CSS - check the list of @-rules and how they work.
Creating Responsive Shapes With Clip-Path And Breaking Out Of The Box - once you get your hands dirty with clip-path, there’s no end to the shapes you can generate, simply by tweaking a few values.
CSS Diamond Mesh Navigation - non-standard navigation for your site.
Inspiration for text Styles & Hover Effects - 11 wonderful styles for your site.
Automatic Text Contrast with CSS Blend Modes - make your text outstanding on any background.
Blowing up pixel art on the Web - make gifs sharp and pretty.
Bubble Layout - awesome presentation solution.
Hero Flex-list - responsive presentation list.
#5: Parallax Cover Section (complete) - cool vertical parallax scrolling effect that can be created in pure CSS.
JavaScript
A re-introduction to JavaScript (JS tutorial) - complete manual to JavaScript.
Nathan’s Lessons - learn and strengthen your JavaScript knowledge.
Javascript Scope Quiz - test yourself with this short quiz.
How do you judge a Javascript programmer by only 5 questions? - test your programmer.
We Tested How Googlebot Crawls Javascript And Here’s What We Learned - see how different JavaScript functions would be crawled and indexed by Google.
Using JavaScript to Create Geospatial and Advanced Maps - comprehensive overview of the tools which are available to perform geospatial analysis and geoprocessing with JavaScript.
A Comparison of JavaScript HTTP Libraries for the Browser - compare superagent and axios.
Passing data from Sass to JavaScript: sass-to-js - useful tool for developers.
Replacing jQuery with D3 - you can easily replace jQuery in your visualization projects by using D3-only functions.
Introducing Vorlon.js: How to Use It to Debug Your Javascript Remotely - take care of your code.
watermark.js - plugin to add watermark to images.
ReadRemaining.js - plugin that shows remaining time to read a post.
Miscellaneous
Kolor - guess the color. Game for designers and all the others. http://kolor.moro.es/
TypeDrummer - type your own beat and share with friends.
Flight Arcade - collect all the targets in 120 seconds.
Image Identification Project - Wolfram web project that can tell you what’s on the image.
Your Life on Earth - How old are you on Mars? How many hours do you live? How has the planet changed during your life? This BBC project may tell a lot to you.
Warriorjs - game written in JavaScript for learning JavaScript and artificial intelligence.
Have you used any of the tools, tips and suggestions from the post? Are there any other web development news you want to share?
Hope this post will be helpful for you! Have a good day!
