The digest of interesting materials from the world of web development and IT for the last week №139 (December 15 - 21, 2014)

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

Web development

• Not only Yandex. Micromarking on the largest sites of the Runet: why it is used and why it is useful to you
• Single Page Application in Cloud Storage
• Yeoman for newbies
• Mozilla does not implement all web components.
• What knowledge should a front-end developer have in 2015
• Pro outlines
• What's New in Latest WordPress 4.1 Version
• The W3C Pointer Events draft has accepted the status of the proposed recommendation.
• SMACSS-Press
• Image Optimization for the Web
• Compilation of videos from Fronteers 2014
• SVG:
  
  • Chris Koyer's Fresh Screencast: Three SVG Animation Techniques
  • Elastic SVG elements
  • An overview of SVG sprite creation techniques
  • Three ways to animate SVG
  • SVG Optimization Tips for the Web
  
  
• HAML Tutorial Collection
• Languages ​​and frameworks that are advised to learn in 2015
• Enyo - framework for creating high-quality cross-platform HTML5 applications
• Front-end Boilerplate
• Bulletproof Guide to Using HTML5 and CSS3 in Emails
• How to redirect a web page
• MailDev - a tool for testing email templates

CSS

• Ten lines on CSS, which will help to abandon native applications
• Fix the "jumping scroll" on pure CSS
• Functional wrappers in Sass
• CSS object-fit
• Auto-executable SCSS style guide
• SC5 Styleguide - a “live” style guide
• Animated headlines
• Adventures in the Flexbox Country
• Why the pseudo-class: “visited” is so strange
• Place the ellipsis at the beginning of the line using CSS
• 10 CSS preprocessors that are worth paying attention to (actually not)
• How to write Mobile-first CSS
• Reflections on the naming of classes from Paul Lloyd

Javascript

• Expressive JavaScript: Project: Experience Sharing Website
• The problem of the "7th of January"
• Introducing Libscore.com - a service that collects statistics from millions of sites about the most popular JS libraries.
• Simple form validation using native HTML5 tools
• JavaScript application architecture on the way to 2015
• Book by Eric Elliott: Programming JavaScript Applications
• Learn basic regular expressions in 20 minutes
• Classes in JavaScript: a study of implementation in the Chakra engine
• Study: performance of the most popular JavaScript MVC frameworks
• How to change content using jQuery, leaving it available
• Interview Questions for AngularJS: Part 1 , Part 2
• AngularJS: from prototype to functional code
• jQuery vs. AngularJS: comparison and migration process with lots of hot comments
• Creating modal windows with memorized states with Angular UI router
• fakeLoader.js - light jQuery plugin for creating preload animation
• tcomb-form - UI library for React to create forms
• calendar for React
• JSnoX - creating ReactElement trees in pure JavaScript
• Rantjs - procedural text generation
• barn - layer to work with localstorage
• Chartist.js, an open-source library for responsive graphics.
• Practical functional JavaScript with the Ramda library
• focusable - a plugin to create the effect of darkening the entire page except for the selected DOM element

Browsers

• Chrome plans to mark the connection as unsafe when opening a site via HTTP
• Glitché creator Vladimir Schrader: Yandex. Browser transparent interface is absurd
• Former chief developer of IE leaves Microsoft and is now “ready to enjoy new trends in the technology world"
• Duo - the "new" way of responsive web development using a browser under OS X
• Firefox Developer Edition 36 - Pseudo elements, promise inspection, raw headers and more

Sites with interesting design and functionality

• Fresh selection of cool sites
• apps.npr.org/best-songs-2014 - non-standard player-gallery of songs
• Wunderlist service statistics page
• Dino Hunt - dinosaur site with 3D models
• Interactive graphics using SVG on bloomberg
• tondapizza.it is an interactive pizza website.
• natgeoeat.com - a National Geographic website dedicated to food history.
• pendryhotels.com - colorful website with scrolling inside implementation
• firstlightfusion.com - vertical website with creative scroll effects
• teye.denkwerk.com - funny interactive site with interesting design elements
• Frame by frame scrolling animation, turning into an interactive message
• tap42.com is a vertical site full of parallax effects.
• freresdencre.com - a site with nice animation and hover effects
• Fullscreen website with modern download animation

Design

• Seven trends in web design for 2015
• Alfa-Bank presented a redesign of its site from the “Art. Lebedev Studio”
• Blue color in web design
• Brilliant caramel text in Adobe Photoshop
• material palette - color palette for Material Design
• 10 must-read UX design books
• The best book covers in 2014 by NyTimes
• Interview with illustrator Natalia Dolotko
• Mobile applications with beautiful design and usability
• The history of creating the icon of the yellow running man AOL
• How bad UX makes users blame themselves
• Black must be black
• How to remove a background from a photo using the Pen tool in Photoshop
• How to create an isometric pixel art block in Adobe Photoshop
• We start to deal with Smart Objects in Photoshop
• Typecast ™ - free plan
• The best movie posters of 2014

A selection of free designer cookies

• Free backgrounds and patterns for New Year cards
• Free source for winter photo manipulations
• Holiday Ribbons in Adobe Illustrator
• Brushes for Photoshop
• A selection of packages with contour icons
• Set of SVG icons Evil Icons
• Set of flat icons responsive & mobile design (PNG, PSD)
• Oduda - round sans serif font
• Cathedral - historic decorative font
• Motorless - stylish decorative sans serif font
• Hanken Round - simple geometric rounded font
• Mad Squire - Decorative Font
• Two dozen icon fonts

Demo

• What Color is it is a service that changes the background color according to time, converting it into a HEX code
• Mona Lisa from polygons located in bulk (glsl)
• Particle Flow in WebGL
• Panorama 360 on WebGL
• SVG Christmas
• Nice calendar concept on "pure CSS"
• HexGL, racing on WebGL

news

• WordPress updated to version 4.1
• JPEG is being replaced by a new format.
• Google Trends: Topics in 2014, new design and extensive list of YouTube videos , as well as top search queries in 2014
• We are waiting for the Android update to version 5.1 in February
• Google closes Freebase - source of information "Knowledge Network"
• Windows 10 installed 1.5 million people
• Vulnerability in SS-7 protocols: wiretapping of phones around the world
• Critical vulnerability in Git client
• Microsoft has started beta testing of Skype Translator - applications for voice calls in real time
• Microsoft stops demonstration of browser selection window in European versions of Windows
• Accessibility should be a requirement for WordPress.org themes.
• Toyota began selling a car with a hydrogen engine

Entertaining

• Happy New Google
• The creator of Minecraft went around Beyonce and Jay-Z in buying a mansion for $ 70 million
• MTS and science fiction writers looked into the future
• 10 blunders that the IT world will remember forever
• LinkedIn named the 25 main working skills of 2014
• 14 trends in technology that will bring billions of dollars in 2015
• BBC investigation: Journalists talked about hard working conditions on assembling an iPhone
• Robotic prostheses are reaching a new level.
• I am not a robot
• Featured on Medium: How a programmer spent four years to get a job at Apple
• Logitech inside: how gaming mice are created and tested
• Silicon Valley Legends: NVIDIA History
• Some statistics insider programs Windows
• The role of women in the IT industry and in science
• Steve Wozniak: All the smart watches disappointed me, and Google Glass does not make any sense
• TheVerge Fifty Top People of 2014

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 .