The digest of interesting materials from the world of web development and IT for the last week №112 (June 1 - 7, 2014)

We offer you a selection with links to useful resources, interesting materials and IT-news

Web development

• Introducing Sencha Ext JS 5
• Ways to implement interface adaptability
• Problems with the layout of sites and games. Features of sites for mobile phones
• Git 2.0.0
• New plugin to synchronize WordPress content with the Github repository
• Open source of the game engine PlayCanvas
• Beautiful Docs - an impressive selection of materials and tools for creating documentation and styling.
• Large selection of RSS feeds on frontend topics
• Using encapsulation for semantic markup
• Five tasks for Grunt that should not be missed!
• Introduction to using Bower with WordPress
• Automate measuring web performance
• Begin to deal with gradients in SVG
• So you think you did a cool endless scrolling? (about serious disadvantages of this decision)
• Creating real-time visualizations using WebGL
• Creating a browser game from the first person in 265 lines of code
• How to make a video background (HTML5) in emails
• How to create interactive HTML5 video
• Validation of forms on the client using HTML5
• SVG `symbol` is a good choice for icons.
• Animated SVG Inline Icons
• Selection of tools and plugins for creating parallax sites
• Anatomy of a redesign
• A small guide to responsive-design sample of 2014
• Collection of meta tags for social media
• Create a tracker for TV shows using AngularJS, Node.js and MongoDB

CSS

• LibSass 2.0 released
• Creating non-rectangular layouts using CSS forms
• Maxmertkit Perfect css framework
• Using Sass Maps is a pretty powerful approach.
• CSS: Should I change the default value for overflow?
• Cool new items that can enrich your knowledge base on CSS
• CSS3 viewport units - more responsive design creation
• Bleach images with CSS Filters
• Creating a background mask effect with CSS
• Inverse Triganometric Functions with Sass
• Creative hover effects for inline links in text

Javascripts

• JSNice: statistical deobfuscator for javascript
• 3D modeling in the browser using three.js
• We study Three.js.Glava 2: Work with the main components of whichThree.js-scene
• The order of loading scripts on the page (a set of links, not an article)
• iOS 8 offers the same JavaScript performance as Safari for third-party applications.
• Adding gesture support
• 10 tips on writing javascript without jQuery
• A summary of Nicholas C. Zakas’s presentation on the principles of writing easily supported JavaScript code.
• Prefilling your forms with valid and incorrect values ​​during the development process
• How to check Media Queries values ​​using jQuery
• Basic use of the Vibration API
• Dynamic script loading with jQuery
• Creation of robots and rockets with Javascript
• We implement authentication in applications implemented on AngularJS
• ng-inspector - an extension for Chrome and Safari to work with applications on AngularJS
• Chat, built on Node.js - Readline and Socket.io
• jQuery plug-ins for implementing full-screen video and graphic backgrounds
• MotorCortex.js - library for describing animations using syntax similar to CSS
• flare.js - library to support events transmitted to Google Universal Analytics
• Storage - browser data storage with asynchronous access to it
• Card - a plugin for creating a credit card data entry form.
• jQuery Label Better - a script for creating cool placeholders
• There is a desire to learn Node.js? Here is a selection of useful tutorials on this topic.
• traceit.js - jQuery plugin to visually highlight an object by stroke
• Zoomerang.js is a small library that allows you to use almost any element on a page.

Web tools

• 30 useful services for web developer
• Mozilla launches Webcompat.com
• dood.al - a tool for drawing fractals
• JavaScript tool: CodePen.io
• GitHub added PSD support
• Ten best alternatives to Lorem Ipsum
• How to convert PSD files to code using the Parfait project
• PNG & SVG Avatar Generator Online

news

• WWDC 2014:
  
  • Apple presentation at WWDC 2014: OS X 10.10, iOS 8 and the new Swift language
  • WWDC 2014: iOS 8 and OS X 10.10
  • The reaction of developers and IT experts to the presentation of Apple at WWDC 2014
  • iOS 8: Announcement
  • WWDC 2014: about the most important and interesting in the new OS X and iOS
  • Whom Apple has awarded for design: 12 best apps
  • WWDC 2014. Eyewitness First Impressions , Second Day Slice , Wednesday News , Report for Thursday
  • Bing search crowds out Google from Apple devices
  • Notes: pleasant aftertaste of WWDC'14
  
  
• Tetris is 30 years old!
• Finally, full version control for designers!
• For the first time in history, the US ambassador took the oath on the reader
• Microsoft has promised WP-smartphones worth less than $ 200 by the end of the year
• VKontakte will earn from Secret
• Pavel Durov sues UCP and former partners
• The first test release of the free mobile platform Tizen 3.0
• Plastic Logic will release flexible AMOLED displays
• Good Old Games has announced the GOG Galaxy platform for online games
• Dropbox bought Droptalk's Work Mail Killer

Browsers

• New versions of the future version of Safari
• Google has published a library and addition to Chrome to provide end-to-end encryption on the Web.
• Google introduced a preliminary 64-bit version of the Chrome browser
• Google has released a 64-bit version of Chrome for Windows
• iOS 8 pours new power into browsers and web apps
• Safari HTML5 Video on OS X Yosemite
• iOS 8 Safari scored 440 points in the HTML5 test, and still lags behind Chrome
• WebGL in iOS8 Safari and WebView
• Opera 22 release

Sites with interesting design and functionality

• buildinamsterdam.com - Dutch laconic website with nice animation, effects and preloading
• Tap In - a site dedicated to all 64th World Cup Championships
• gladeye.com - interesting scrolling effects and transitions between pages
• whatsmynvme.com - an interesting solution for the start page of the portfolio site
• satchmi.com - an interesting solution for scroll design
• Build in Amsterdam - custom solution for a slide page in terms of design and animation
• blank.io animation and background video
• i remember
• http://humaan.com/what-we-do - high-quality animation of design elements
• pixityland.com - colorful illustrated website with animation and parallaxes
• friultrota.com is an unusual fun home page
• cleverbirds.com - trend full-size site
• antemeridiemdesign.com - themed site with animation and parallax
• bnotions.com - another modern site
• airnauts.com - a site with non-standard geometries and amusing animation
• thedenning.com - a site with thematically designed design, parallax and animations

Design

• Radio buttons: is it worth choosing the answer for the user by default
• Product design digest, April-May 2014
• Apple hid words from a 1997 ad in the Swift file icon
• 7 deadly rebranding mistakes
• How to avoid mistakes in website redesign
• Results of the competition of design projects Look At Me and UAL
• Trendy shades of green in web design
• 3D elements in web design
• Create a spiral pattern in Adobe Illustrator
• 8 services to create a cool infographic from the editor of "New time" Andrei Gazin
• Interview with Benoit Challand Volume Printing Specialist
• Twenty creative designers on google plus worth follow up
• What designers can learn from the changes in iMessage in the new iOS 8
• Apple Product Pages - WWDC 14
• Comparison of old and new OS X Yosemite icons
• Apple Design Awards
• The best UX articles for May 2014
• Trend web design: “Tools of the Trade”
• Complete Email Design Guide
• Minimalism in design: what, why and how
• You are not emotional: emotions and web design
• How to create a set of graphics for annotations in Adobe Photoshop
• Export layers in Photoshop into separate files
• How to create abstract polygonal graphics in Adobe Photoshop and Illustrator
• An example of the approach when working with vector graphics in Illustrator
• Ten Illustrator Lessons for Beginners
• Tea bags that change the aggressive image for soothing in the brewing process
• Product packaging design - attractive to buyers

A selection of free designer cookies

• Free Blurry Backgrounds
• Fonts in your collection : from Fontfabric to Coco
• Icon Stamper - plugin for cloning icons in sketch
• Almost four dozen light and dark abstract textures
• Sites with free brushes for photoshop
• Mockups with Apple devices from coolmockups.com
• Five dozen cookies from May 2014
• AppLander - the landing page template of the advertising application.
• Fresh UI sets in PSD format
• Set of vector outline icons from Petras Nargela
• More than four hundred vector icons made in trendy styles: flat design, long shadows
• Set of vector icons on the theme of photography.
• Unveil - a family of decorative fonts
• Enamy - decorative font
• Equal - geometric sans serif font
• REN - retro font
• Free fonts of the week: from Densia Sans to Sinkin Sans

Demo

• SHRTURL - service for jokers
• The Internet in Real-Time

Entertaining

• Meet Swift! . Swift video course in Russian
• Should I learn a new programming language, Swift?
• Swift - innovations
• The history of the gaming market, part 1
• 30 years of Tetris: the evolution of the game
• Why Apple is trying to catch up with Google, and not vice versa
• Interview: The author of "Tetris" about the simplicity and genius of his game
• The Japanese have created an "emotional" robot
• First look at Microsoft Surface Pro 3
• Google had to remove the doodle dedicated to a not significant date
• Overview of the most interesting crowdfunding projects for the week
• “The game is not a computer product, but a psychological one” Interview with the creator of Tetris Alexey Pajitnov
• 12 most beautiful applications of 2014 according to Apple
• Report: how the legend became Lenovo
• Top 30 Most False Statements in Technology History

We apologize for any typos or broken / duplicate links. If you notice a problem - please write in a personal, we are trying to fix them quickly.
')
Digest from last week .
Material prepared dersmoll and alekskorovin .