The digest of interesting materials from the world of web development and IT for the last week №167 (June 29 - July 4, 2015)

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

Web development

CSS

Javascript

Browsers

Design

Free cookies

news

Entertaining

Web development

• Create 2D games in HTML without CANVAS. Developments in video format (video tutorials)
• Truly responsive letters. Part one
• 10 useful SEO tips to help you beat the competition
• Typing - service for training writing code
• Grunt and Gulp in your optimization process (How to Grunt and Gulp Your Way to Workflow Automation)
• What type of web components do we need? (What kind of Web Components do we need?)
• Beyond: why web components are an endangered species (Over the Edge: Web Components are an endangered species)
• Why web components will make the web even better for users (Why Web Components)
• 6 reasons why your children (and mine) should learn coding (6 Reasons Why Your Child (and mine!) Should Learn To Code)
• SVG Basics: Lines, PolyLines, Caps and Corners
• Why availability matters
• Styling Forms Accessibly
• We need to optimize images for better performance (We should optimize images for the better web performance)
• Utility to convert Timeline data to video (GIF) (Convert a Chrome Timeline data to a GIF (video))
• Performance audit of the reddit mobile version from Paul Irish
• 15 cool parallax effects with CodePen
• Favorite demos of Chris Koyer on CodePen II
• Future of programming: WebAssembly and life after JavaScript (The Future of Programming: WebAssembly & Life After JavaScript)
• MarkSheet - A Guide to Learning HTML and CSS (MarkSheet - A free guide to learn HTML and CSS)
• GSAP + SVG for advanced users: moving along curves (GSAP + SVG For Power Users: Motion Along A Path)
• ExpandJS - modular library for web applications with 80+ elements and 350+ utilities (ExpandJS - Expand your horizon)
• Company Logo API - company logo generator
• Front-Trends 2015 Videos

CSS

• Conical gradients - today! Translation of the article Conical gradients, today! community css-live.ru
• Native scrolling sticking without using JavaScript (Native CSS Scroll Snap Points)
• Mathematical Web Typography
• Fix scrolling performance using CSS will-change property (Fix scrolling performance with CSS will-change property)
• Variants of layout of various geometric shapes on the web (Working with Shapes in Web Design)
• Container Queries (Container Queries: Once More Unto the Breach)
• Understanding Block Formatting Contexts in CSS Understanding the Block Formatting Context
• Rebar Grid Framework - Sass / Stylus grid framework
• Limitations of styled links visited (Limitations on Styling Visited Links)
• Mistakes about PostCSS (PostCSS misconceptions)
• Viewport width of mobile web traffic viewport (Viewport width visualization of mobile web traffic)
• Replicating the rainbow overlay effect on Facebook in three ways in CSS
• Styling form elements with pseudo selectors
• Component independence. And why it can be difficult to implement in CSS (Component Independence. And
• Web Platform Podcast Release 50: The Evolution of CSS
• Understanding the CSS3 Flexbox in responsive design
• Component Independence
• Styling Angular 2 components (Styling Angular 2 components)
• Getting to Know Stylus
• Mastering Less Guards and Loops

Javascript

• ES6 Browser Development
• Seven amazing "features" Javascript
• Higher Order Functions in JavaScript
• RadioJs Issue 26 : Mature Miners
• Ability to execute javascript bypassing NoScript restrictions
• Promise. We work with asynchronous JavaScript
• Interactive maps on WebGL. Mapbox GL JS - open JS library for creating modern interactive maps based on WebGL (Vladimir Agafonkin)
• Javascript asynchrony is no longer scary. How to stop debugging asynchronous calls and start living (Andrei Salomatin)
• Using the Media Capture API (Using the Media Capture API)
• Introduction to the Fetch API (Introduction to the Fetch API)
• Managing Asynchronous JavaScript Flow (Javascript Async Control Flow)
• Recursion in Functional JavaScript (Recursion in Functional JavaScript)
• Small modules: stories from the author of serial modules (Sindre Sorhus) (Small Modules: Tales from a Serial Module Author)
• Marvell adds JavaScript support to the most compact device (Marvell Brings JavaScript To The Smallest Devices Ever)
• How fast are web workers? (How fast are web workers?)
• ECMAScript 6: Best JavaScript for an era surrounded by computers (ECMAScript 6: A Better JavaScript for the Ambient Computing Era)
• ES6 performance in environments and browsers (ES6 Feature Performance)
• TCO in ECMAScript 6 (Tail call optimization in ECMAScript 6)
• You may no longer need Underscore (You Might Not Need Underscore)
• ES-Checker
• Beginner's Guide to Handlebars (A Beginner's Guide to Handlebars)
• SPECTACLE - library for presentations on ReactJS
• React + Performance =? (React + Performance =?)
• Move.js is a small JS library for creating simple and elegant CSS3 animations.
• Statistics on the most popular JS projects on GitHub
• Simple animation typography: how to manipulate text with Blast.js and jQuery (Easy Typography Animations: How to Manipulate Texts with Blast.js and jQuery)
• We emulate physics in JavaScript (Hack Physics and JavaScript (part 1))
• Sebastian McKenzie (Babel): JavaScript Transformation | JSConf US 2015 (Sebastian McKenzie: JavaScript Transformation | JSConf US 2015)
• Video selection with Angular U
• Installable web apps - Andreas Bovens report on JavaScript Open Day

Browsers

• Firefox 39 release , some details for web developers
• The development plan for Firefox technologies necessary for the development of computer games
• Firefox prohibits viruses from changing the new tab
• Firefox 41 will use less memory when working with AdBlock Plus
• Safari is a new IE (Safari is the new IE)
• The problem is not in Safari, but in the absence of a browser choice in iOS (Safari is not a problem).
• Safari is not a new IE: it's a user-centric web (Safari isn't the new IE: it's the user-centric web)
• Microsoft Edge is already good enough for me to leave Chrome

Sites with interesting design and functionality

• creationsnamale.com - a site with unusual scroll / hover effects, parallax and animation
• 30 Best Web Design Examples Using Parallax
• legworkstudio.com is a website with a funny design, slide-scrolling and nice animated transitions.
• nike.lidyana.com - an interactive website from Nice with a bunch of background video
• apps.ua - a fun promotional website that will teach you how to make cider
• madogatari.jp - scroll effect to the depth of the site
• Trend websites June 2015 (30 Web design trends from June 2015)
• Appeared "most prestigious site" with access by turns
• 20 sites with text on the substrate

Design

• 31 year history of icons shown on infographics.
• The social network Facebook has changed its logo for the first time since 2005
• Opinions of Russian and Western experts in the design of the new Facebook logo
• Battle for conversion: color vs contrast
• Brazil showed the design of the torch for the 2016 Olympics
• The best minimalism principles for creating websites
• Neon typographic effect in Adobe Illustrator
• Last word on Helvetica? (The Last Word on Helvetica?)
• Reimagining the web design process (Reimagining the Web Design Process)
• Predictions about web design and development for 2016-17 (Web Design & Development Predictions For 2016-17)
• Web Design: Studying Failures for Future Success (Web Design: Learning from Failure for Future Success)
• When less is more - why minimalism still rules on the web (When Less is More - Why Minimalism STILL Rules the Web)
• Goodbye Adobe. (Bye, bye Adobe.)
• Lies All Web Designers Tell Their Clients (Lies All Web Designers Tell Their Clients)
• Fresh redesigns (Re: designed)
• Real UX tool (A true UX tool)
• New Facebook logo made by Eric Olson at home (New Logo for Facebook done In-house with Eric Olson)
• Accelerated UX Design Study Course (A Crash Course in UX Design Research)
• Overload notifications? (Notification Overload?)
• The process of creating an iOS application for large skateboards (Inside the Design of the Boosted Boards iOS App)
• Five amazing lessons learned in creating a design for education (5 Surprising Lessons When Designing for Education)
• How Apple Music Attracts New Users (How Apple Music Onboards New Users)
• Apple Music is a usability nightmare (Apple Music is a Usability Nightmare)
• Interface design with a large amount of data (Designing Data-Driven Interfaces)
• Design principles: balance in composition, symmetry and asymmetry (Part Seven Design Principles: Compositional Balance, Symmetry And Asymmetry)
• Development of interfaces: do not punish people (Design UI: Don't Punish The Humans)
• Original watches: the history of wild designs of Casio watches (The original smartwatches: Casio's history of wild wrist designs)
• Creation of animation and micro-interactivity without code with Webydo (Code-Free Scrolling Animations and Micro-Interactions with Webydo)
• Design for Android: anti-patterns and common mistakes (Android Design Anti-Patterns and Common Pitfalls)
• Darwin and the art of web design (Darwin and the Art of Web Design)
• Seven trends in web design, which should be followed in 2015 (7 Web Design Trends to Watch for in 2015)
• How I did a redesign of sheet music for the piano (How I'd redesign piano sheet music)
• How to transform user experience into UX design (How to transform user experience into UX design)
• How to use luminous selections in Adobe Photoshop (How to Use Luminous Selections in Adobe Photoshop)
• Excellent combinations of fonts (Great font combinations)
• Classes with typography (Sessions with Typography)

A selection of free designer cookies

• Free vector about fishing
• 20 glass textures for your design
• Sixteen sets with icons for June 2015 (16 free icon packs from June 2015)
• UI Shapes-Transparent Kit (Download Free Transparent UI Kit)
• Smashicons Icon Set (Freebie: Smashicons Icon Set (500 Icons, 4 Styles, AI, PSD, Sketch))

news

• Google has solved the problem of random clicks on advertising , Google has reduced the likelihood of random clicks on mobile ads
• Microsoft told how Windows 10 will be distributed (not everyone will receive the update on July 29)
• The media learned about the new Google Glass, codenamed GG1
• Samsung will launch its payment system in September
• IDC named the ten largest manufacturers of smartphones in the world
• NASA and Microsoft plan to use Microsoft HoloLens glasses on the ISS
• Redesign: Yandex has presented an updated Yandex.Work
• Airbnb attracted $ 1.5 billion in valuing $ 25.5 billion - WSJ
• Pins, videos and recipes will appear on the Google mobile search results carousel
• Google updated navigation chain documentation
• A Google employee explained how the machine works on autopilot
• BMW allows car development for Apple and Google

Entertaining

• The cutest demo with a lion on WebGL
• A game that fits in one tweet
• Breakouts is a game implemented using various libraries.
• In the dark, dark Internet: A few strange stories from the darknet
• Twitter found Sarah O'Connor, the "killer-robot"
• “Make it Beautiful”: MIT thought up a way to fix bugs, borrowing someone else’s work code
• The story of the formation of Brian Chesky from Airbnb - how to learn everything without reading textbooks
• The world's first office printed on a 3D printer will appear in Dubai
• Why do you really need Apple Music
• Why people don’t quit Apple - confession of a former trainee , Internship at Apple: a salary of about $ 7,000, meetings with top managers and an atmosphere of the strictest secrecy , an intern told about work and salaries at Apple
• Reddit has a global strike of moderators

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.

')

PS: There will be no digest next week. Vacation, rest and all that :)



Digest from last week .

Material prepared dersmoll and alekskorovin .