The digest of interesting materials from the world of web development and IT for the last week №166 (June 22 - 28, 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

• What is the best programming language to learn in 2015?
• WebAssembly: the beginning of a new era
• Assembler for the Web. Javascript resigned?
• WebAssembly - in short
• GitHub released Atom 1.0 code editing environment
• Google launches new competitor Github - Cloud Source Repositories
• 5 innocuous practices that can undermine your SEO
• Work on the semantics of the site: from obsolete methods to modern
• Fast front-end prototyping in WordPress. Part 1: About prototyping.
• Discover the power of SVG (Discover the power of SVG)
• Web Storage Tutorial (Web Storage: A Primer)
• Avoid temptations that can damage site performance (Avoiding Temptations that Harm Website Performance)
• Dynamic Sound with Web Audio API (Dynamic Sound with the Web Audio API)
• Why we need a WebAssembly - an interview with Brendan Eich ("Why we Need WebAssembly")
• Architecture of custom HTML elements: why they are cool and how to use them today (Custom HTML Element Architecture:
• SVG Filters - understand and compare with CSS Filters
• Bower in 60 seconds
• Podcast uWebPodcast # 43 - the raging world of Web-technologies

CSS

• We write good CSS (translation)
• The debate on “Do we still need CSS?” (The Debate Around “Do We Even Need Anyone CSS?”)
• CSS compatible (Interoperable CSS)
• Pseudo-class: matches in CSS
• Create realistic text with CSS (Creating Realistic Text with CSS)
• Sassisfaction - a selection of resources related to Sass
• Testing the Sass Library (Testing a Sass Library)
• A look at some CSS methodologies (A Look at Some CSS Methodologies)
• Dealing With the Selectors Specification (Dealing With Selector - The What and How Of It)
• Getting Started with SCSS-Lint (Getting Started With SCSS-Lint)
• Can you abuse media queries? (Can you overuse media queries?)
• Making Gradients Easier with LESS Mixins (Making Gradients Easier with LESS Mixins)
• Making a trend effect on a photo with pure CSS
• Use CSS 4 pseudo-class validators to improve UX (CSS Level 4 using CSS validity pseudo-classes to improve UX)
• Video from the latest CSSConf . Speakers include such experts as Lea Verou, Chris Coyier and Andrey Sitnik.
• David Green's Screencast: "Making Sass Variables Work for You"
• Video from Zoe Mickley Gillenwater from the latest CSS Day: Flexbox

Javascript

• Jii - a JavaScript framework with architecture from Yii 2
• We write on JS in functional and declarative style
• Building a Rubik's Cube with a genetic algorithm online without SMS
• The Subtleties of ES6: Collections (Part 1)
• JavaScript Modules
• Programming classes in web applications
• Podcast radiojs issue 25: People - Validators
• Introduction to MVVM and knockout.js
• JavaScript: ES6 - Intro
• ES6 Katas - daily exercise (ES6 Katas)
• Detecting CSS Animation and Detecting CSS Animation and Transition End with JavaScript
• JS (Collaborative Editing in JavaScript: An Intro to Operational Transformation) Co-Editing
• Astorage is a small (~ 500b) wrapper for localStorage that allows you to easily save any type of data in the local storage - objects, arrays, numbers, and so on.
• 9 JS libraries for working with Local Storage
• Browse libraries for creating 3D maps
• weightof.it - compare JS libraries by weight (Compare JavaScript libraries by weight)
• Javascript in one picture (Learn javascript in one picture)
• Polymorphism That Just Works
• The state of the tools to build JS in 2015 (The State of JS Build Tools 2015)
• Universal React Flux Boilerplate - React (0.13.x) + Flux (Flummox) + ReactRouter (0.13.x) + Server Rendering
• Creating Backbone Applications Using Flux (Building Backbone apps using Flux)
• Making React Reactive: Striving for High-Performance, Easy-to-Support React-Applications (Reacting)
• React Ecosystem Navigation (Navigating the React Ecosystem)
• Complex.js - a library for working with arithmetic on complex numbers
• queuer.js - easy task queue creation
• wavesurfer.js - working with audio
• "Async and Streaming JavaScript, We're All Doing It Wrong!" - talk by Matthew Podwysocki with NDC Conferences
• rocket - js plugin that creates animation when one element interacts with another
• justice.js - a plugin that adds a panel displaying FPS graphics
• 5 JS errors that attack without warning (Five JavaScript Errors That Attack Without Warning)
• Create 3D React Carousel
• FamousEngine - high-performance js-library for creating animations and interfaces

Browsers

• How to set up Firefox to stop data leakage
• Mozilla develops tools for porting Chrome add-ons to Firefox
• Chromium developers have disabled the automatic download of a proprietary add-on.

Sites with interesting design and functionality

• relaxing.fm - a website created for relaxation
• norilskfilm.com is the interactive site Norilsk Film, which tells about the life of the northernmost largest city in the world.
• catchthedragon.nl - advanced site with three-dimensional particle animation
• kfc.com - new KFC website with trendy effects and non-standard navigation navigation
• panic.lv - a diagonal website with conceptual design and nice animation.
• gruffify.no - funny media content site
• edwin-europe.com - trendy website with trendy animations
• A selection of sites with blocks that are placed at different angles

Design

• Color Psychology: How Apple, Guinness and Other Companies Use Hues in Branding
• 7 web design trends in the near future
• Top new features for Web, UX and mobile application designers in Photoshop 2015
• 10 tricks in Photoshop, which ... then come up with yourself
• The designer talked about creating a prototype of the application in three days.
• 5 key aspects to pay attention to when redesigning sayov (5 Key Aspects to Consider in Redesigning Websites)
• 5 big trends in mobile design in 2015m (5 Big Mobile Design Trends of 2015)
• The advantages of using white space in design (Advantages of Using White Spaces in Designing)
• Development for long-haul (Designing For (and With) Color Blindness)
• Responsive design is failing mobile UX
• Five ways to simplify web design (5 Ways to Simplify Website Design)
• UI design myths: users don't scroll the page (UI Design Myths: Users Don't Scroll)
• Beyond Tufte (nine books on visualization)
• Color versus contrast: what adds more conversion? (Color vs Contrast: Which one brings more conversion?)
• Screencast: UI Animations Overview - Animation in Responsive Design (Screencast: UI Animation Reviews - Animation In Responsive Design)
• WhatsGood - product concept design
• Design from the inside: Dribbble (Inside Design: Dribbble)
• Regressive disclosure: designing complex interfaces by reducing the choice (Regressive disclosure: designing complex interfaces by reducing choice)
• Redesign of the digital version of The New Your Times (Digital Newspapper)
• A matter of principle (A Matter of Principle)
• Design for (and with) color blindness (Designing For (and With) Color Blindness)
• Clarity ≠ Optional (Legibility Optional)
• Search for the creator of the popular pattern (The Internet is looking for a cup. What does Springfield have to do with it?)
• Why screens without data take more time to design (Why empty states deserve more design time)
• Material Design - Design Science (Material Design is design science)
• Create a retro text effect of the name of the star wars in Adobe Photoshop (Create a Retro Star Wars Inspired Text Effect in Adobe Photoshop)
• Creating a shard of glass with the effect of the reflection of double exposure in Adobe Photoshop (Create a Glass Shard Reflection Double Exposure Effect in Adobe Photoshop)
• Large collection of inspirational videos for designers (Inspirational Videos For Designers - The Big Collection)
• Effective logo design, part 3: How geometry affects logo design (Effective Logo Design, Part 3: How Geometry Influences Logo Design)
• 365 days pixel art (365 Days of Pixel Art)

A selection of free designer cookies

• Free sets of avatars in vector format
• 20 free icon sets for your design
• PSD template for creating a volumetric "creative" table (I am Creator - Perspective Edition Demo)
• Over ninety-nine website PSD templates (99+ Free Photoshop PSD Website Templates)
• Chalk-like vector elements (Free download: Chalk vector elements)
• Forty icons for online stores (40 Free eCommerce Ai, Eps & PDF vector icons)
• A damn dozen of icon fonts for web projects, edition 2 (13 free Icon Fonts for your next web project #Edition: 2)
• Nine dozen free fonts and font families (90 amazing free fonts and typeface )
• Rhombus - decorative sans serif font
• Eight resources where you can find free video for the web (Eight Sources for Free Web Stock Video)

news

• Google launches free version of music service Play Music
• The Google Mail feature has the ability to cancel sending emails.
• Microsoft showed how to create a desktop wallpaper in Windows 10
• Satya Nadella - the second largest CEO in the US
• Microsoft has brought clarity to the confusion c free licensed Windows 10
• Former Google employee working on ad blocker blocker

Entertaining

• Adobe talked about creating a PDF
• What technologies will bring humanity to poverty
• 9 "fossil" programming languages ​​that are still alive
• Ghosts of the ether: the mystery of number radio stations
• 10 unusual games that teach programming and logic
• SMM errors LG, Gap, Domestos, Victoria's Secret and other brands
• Interface Development Tools Must Be Responsive - Dropbox Designer
• Bill Gates tests new generation condoms
• IT offices: Vologda headquarters of the Russian game studio Playrix
• Than Bill Gates, Mark Zuckerberg, Elon Musk and other IT stars were fond of adolescence

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 .