The digest of interesting materials from the world of web development and IT for the last week №133 (November 3 - 9, 2014)

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

Web development

• Adobe introduced Brackets 1.0, an open source editor for web developers.
• Announcement Brackets 1.0 and Extract for Brackets (Preview version)
• Brackets for doubters and newbies
• Advanced Gulp and Browserify: interesting tricks
• New WebStorm 9: just better. Support for Meteor, React and JSX, integration with Gulp, PhoneGap and more
• Create a portfolio based on photos from Instagram
• How incremental updates affect download speed. Experience Yandex. Mail
• Video from frontend conferences
• Pocket Guide to Writing SVG. Chapter 2
• Video from web notices from Web Not Bombs
• Responsive images in practice. Detailed article on the current topic with the analysis and measurement of performance
  
• 5 free CDN for JavaScript libraries and CSS frameworks
• Seven Principles of Rich Web Applications
• The web, as a commercial platform for games, is gaining momentum
• WebGL workshop - learn the WebGL API
• HTML5 File API - working with local files in the browser
• Why and how I abandoned icon fonts in favor of inline SVG
  
• How fragment identifiers work in SVG
• npm and front-end packers
  
• tmi - determine how inflated your images are with HTTPArchive statistics
• The WordPress Plugin Boilerplate
• Presentation by Ilya Grigoric: “HTTP / 2 all the things!”
• "Yes, browsers can do that." Video report of Christian Heilmann with Hybrid and Future Web Meetup
• Create a web application with Grunt (P1)
• The concept of a full-screen search form

CSS

• Practical application of FlexBox
  
• Styling and animating SVG with CSS
• Compass 1.0 Review
• Quick Review CSS calc ()
• Markup math with CSS: Understand with calc
• How is CSS organized on Ghost
• CSS Grid Polyfill Level 1
• Crossbrowser Styling Range Input with CSS
• range.css - styles for HTML5 range input
  
• Making the site section fullscreen with a single line in CSS
• Ppk on actual support for CSS Transitions browsers
• Bruce Lawson on alt property and accessibility specifications
• 6 options CSS preprocessors at the moment
• Fresh and useful things for Sass users
• Adaptive typography with Sass

Javascript

• Expressive JavaScript: Search and Error Handling , Regular Expressions
• Ecmascript 6 - what you can use now
• Google develops AtScript, a JavaScript variant with type annotations.
• 30 sample sites great use javascript
• WebGl: graphic effects and image filtering under steroids.
• Static variables in javascript
• Javascript properties are enumerable, writable and configurable.
• Unchanging data structures in JS with backward compatibility, with normal arrays and JavaScript objects
• Five Console Object Features You Did Not Know About
• Screen Orientation API restarted
• Reactive MVC and Virtual DOM
• Flux architecture made with ease
• React Date Picker
• Road to Ember 2.0
• All about Angular 2.0
• AngularJS: The Bad Parts
  
• Replace Angular with standard web technologies.
• Creating a Guitar Tuner with HTML5
• LokiJS - database created with priority on performance for NodeJS and browsers
• alasql - fast SQL database on the client
• Paperclip.js - compiling browser and NodeJS templates
• swing - interface with sliding playing cards
• We combine React, Flux and Web Components
• FSVS is a simple full-screen vertical page slider using CSS3 transitions with jQuery-fallback.
• Guardian - universal jQuery-plugin for form validation
• You may not need jQuery

news

• New project of Elon Mask: global satellite Internet system
• Published source code for Android 5.0
• Apple and Google have teamed up to defeat racism in emoji emoticons
• Amazon Unveils Echo Music Speaker With Voice Assistant
• Gmail 5.0 Android application will receive support for third-party mail services.
• Microsoft stops selling Windows 8
• Dropbox and Microsoft make unexpected alliance with Office integration
• Forbes named Apple, Microsoft and Google the most expensive brands in the world

Browsers

• Available for testing Firefox Developer Edition, a new browser from the Mozilla project
• Mozilla project announced a new web browser for developers
• RemoteIE Announcement: We are testing the latest version of Internet Explorer on Windows, Mac OS X, iOS and Android
• The IE team asks users to participate in the development of new browser version tools.
• StatCounter statistics for November 2014: IE dropped below 20%
• The developers of IE asked the community to vote for the future functionality. The community chose the death of a browser.

Sites with interesting design and functionality

• 20 oldest sites that are still online
• World hotel sites
• twofold.com - a spectacular portfolio site
• New Google Calendar on Android
• lempens-design.com - an example of a modern site, full of modern animation
• shakerbrand.com/ - a site with an unusual stylish design and corresponding animations
• mathildejacon.com - a site with non-standard circular navigation and the same design and animation
• wmnvm.com/works - custom slide site
• spacejunk.com - a vertical site with parallaxes and background video

Design

• Problems of "responsive" design and how to solve them
• Cross-platform interface and platform interface
• Two retro effects in Adobe Photoshop
• Geometric Seamless Pattern in Adobe Illustrator.
• Bookmarklets in the design world
• Presentation Work with designers
• Three Laws of Interactive Design
• Brief history of hamburger icons
• The evolution of buttons in the application panels
• New design of Google Maps
• Twitter emoji become open source
• Cartoon characters in web design
• Creating the effect of a simple, elegant metallic text with texture in Adobe Photoshop
• Use new conjugate Smart objects in Photoshop CC 2014
• Chicken logo design in flat design in Adobe Illustrator.
• Record: we understand the types of letters
• uiGIFs - a collection of interface animations

A selection of free designer cookies

• Color samples for Sketch (plugin)
• Dozen grunge textures
• Collection of the best stock photos
• Graphic materials dedicated to Christmas 2014
• Six dozen flat-design mockups to showcase their work or instructions.
• Four and a half dozen mocaps with various devices for the presentation of your UI
• Mockups to showcase the design of business cards
• Three dozen mockups to demonstrate branding and identity
• A dozen high-quality PSD mocaps
• Mocap for showcasing applications on iPhone 6
• Mocap to demonstrate the design of business cards, credit cards or certificate cards
• Large collection of high quality mock-ups for displaying printed design products.
• Round icons with flat design
• Set of round icons with flat design Boldons (PNG, AI)
• Hundreds of Christmas icons from FreePik
• Vacation Icons Set
• Azedo - decorative sans serif font

Demo

• Archive.org has opened access to hundreds of free "slot machines"
• Happy halloween
• Blackout - CSS3 video animation
• ColorRun game
• Winamp 2 on HTML5 and JS
• Top 10 CodePens of the Week

Entertaining

• Facebook Secrets: Unobvious and Useful Social Media Tools
• Why Microsoft loves Linux
• When programmers stop paying so much
• Zuckerberg replied to Facebook users: Why are they forced to put Messenger and why is he wearing the same T-shirt

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 .