The digest of interesting materials from the world of web development and IT for the last week № 130 (October 12 - 19, 2014)
We offer you a selection with links to useful resources, interesting materials and IT-news
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 .
Web development
Plunging into performance- Duo.js is a new generation of frontend package manager.
- An overview of text editors for code
- Workflow Prototyping
SVG Animation Guide (SMIL) (with many examples)- Responsive images: complete guide
- Job title: it's hard
- CMS training
- How to draw beautiful things in the browser
- Git personalization with alias
- Download web fonts with better performance in responsive sites
- Reading image data using JavaScript and html5 canvas
- Creating a mobile application from a simple site
- A selection of random helpful tips on Sublime Text, Sass, CSS, Terminal and similar technologies and tools.
Patty Toland report on "Design Consistency For The Responsive Web" from the Smashing Conference Freiburg 2014 Conference
CSS
- Filter emulation for color inversion using Sass
- Solution for collecting statistics of user interaction with the site UI using CSS
- How to use CSS3 transformation
- A look at CSS3 speech module support
- The latest CSS features you can use today , but not in all browsers
- Cheat Sheet on Flexbox , translated by the css-live.ru team and fixing two errors regarding the “space-around” value
- "Getting Started with SASS" - a detailed guide with interactive examples.
- Detailed analysis of the performance of web fonts ( Service, demonstrating the advantages of optimizing fonts by eliminating unnecessary tracings and symbols )
- schema - a modular CSS framework using Less
- Once again about CSS Box Shadow
- We take the best of BEM in Sass
- Successful implementation of the iPhone 6 on pure CSS
Javascript
- Javascript: check your intuition
- Expressive JavaScript: Introduction , Values, Types and Operators , Program Structure , Functions , Data Structures: Objects and Arrays
- 5 popular javascript hacks
- Printable version - we do it beautifully using canvas and javascript
- Javascript equalizer
- Javascript architecture for the 23rd century
- How to write scalable and convenient in support of JavaScript: Coupling
- Improving site performance using the Navigation Timing API
- Introduction to HTML5 History API
- Creating a widget that notifies reading time using React and jQuery
- Announcement of key JavaScript performance improvements in Windows 10 Technical Preview
- Introduction to WebGL with Three.js
- Introduction to D3.js
- Backbone vs. Knockout
- Scroll position determination
- Building Angular Applications Using the Flux Architecture
- Introduction to unit testing in AngularJS applications
- What is wrong with Angular.js
- Seven JavaScript libraries for specific visualizations
- Analog SVG clock in 6 lines of JavaScript code
- Node.js utility for rewriting URLs in CSS code
- franc - a script that defines the language of the text fragment
- ineed - a quick way to pull data off a web page using a simple API
- floatlabels.js - an updated version of the jQuery plugin to animate placeholders in inputa
- lazysizes - Small library on vanilla js for uploading images with automatic calculation of sizes. In addition, it can load js-scripts and iframe
- Color inversion detection using CSS and JavaScript
Web tools
- Creating trend icon sets with FreeIconMaker
- Pixate - a service for creating interactive prototypes of mobile applications with animation.
- PaletTab - an extension for Chrome, inspiring with fresh palettes and fonts
- Raw - a service that turns your spreadsheets into interactive and vector graphics.
- Visualization of git commands using d3.js
- Shape generator for the clip-path property
news
- Google:
- Google I / O 2014: online translation in Russian
- OS on a stick: Google officially introduced Android 5.0 Lollipop
- Announcement of new devices in the Google Nexus line
- Google Nexus Player: first Android TV set-top box
- Nexus 6 - Google's first reference tablet
- Apple:
- Apple's October premiere: iMac Retina, Mac mini, two ipads and more
- iPad Air 2, iPad mini 3, Mac mini and the new iMac Retina are Apple's main announcements October 16
- Notes: Review of OS X 10.10 Yosemite
- The new 27 "Apple iMac received a Retina screen and cost $ 2500
- The reaction of journalists, bloggers and experts to the presentation of the new iPad, iMac Retina and Mac Mini
- Introduces XNG animated image format compatible with existing browsers.
- Twitter has disabled SSL 3.0 support , Google refuses SSL 3.0 support
- Rostelecom intends to create a Russian equivalent of Steam and Battle.net
- Samsung has demonstrated high-speed mobile communications 5G
- Facebook has implemented the Safety Check feature to notify friends of their well-being in the event of a disaster
- Motorola will begin production of tablets after the merger with Lenovo
- Lockheed Martin Announces Breakthrough in Fusion
- Russian scientists on the breakthrough of Lockheed Martin: their achievement is fiction
- A week of breakthroughs in fusion energy continues: dynomak reactor from the University of Washington
- MasterCard introduced the first card with a fingerprint sensor
Browsers
- Firefox 33 release
- Firefox 35-aurora and Firefox 34-beta exit with built-in communication client
- Firefox beta now has the ability to make video calls without installing additional software and registering
- Visual bookmarks in Opera 25 for computers
- Release of Tor Browser 4.0 and Tails 1.2 distribution
Sites with interesting design and functionality
- nicalis.com - a site with a conceptual design that emulates an eight-bit game.
- SoundCityProject - sounds of the city
- Startup Notes - an interactive book with flipping pages on html5
- woodsly.com/lookbooks/summer-2014 - a site with interesting solutions in the design, navigation and animation of page elements
- academy.degordian.com - a site with a non-standard layout and navigation between pages
- agigen.se is a full-time parallax website
- thecreativeclass.tv - a site full of background video
- heforshe.org - a site with non-standard scroll effects
- hixsnedeker.com - non-standard hover effects and navigatsiya on sub-pages
- 35 clean and minimal sites
- 20 automotive promotional sites
Design
- Size does matter: What should be the text on sites with adaptive layout (translation)
- Lost profits: How the payment page interface can affect store revenue
- Textures and patterns in web design
- Apple doesn't design for yesterday
- Retina HD Preparation: Making Pixel-Perfect Sets for Different Scales
- IWatch Application Concepts
- UI and UX redesign concept for Google News
- Mobile web pointers
- Norwegian monetary currency redesign inspired to create a design concept for dollars
- Virgin America Boarding Pass Design
- MapDesign - a collection of beautiful maps on the toggle switch
- Convert stock photo to an illustration drawn with a pencil and airbrush in Adobe Photoshop
- Creating a popcorn box with horror movies in Adobe Illustrator
- Keynote Prototyping Animations
- Logos with flat design
- Menu on the board of your restaurant with cool typography for a portion of dinner
A selection of free designer cookies
- Mockup files for displaying logos
- Free floral elements for your design
- iOS 8 GUI PSD (iPhone 6)
- IPhone6 OptimaSales Application Template
- Two dozen mokapov mobile devices for demonstration of applications and websites
- Arcadia Landing Page PSD Template
- UI Kit: Icarus
- Three UI Sets by Matthew Skiles
- Restaurant mobile app design
- Ten Vector Backgrounds
- Vector buttons
- Set of four dozen icons with long shadows
- Set of icons on the theme of travel and ecology in AI, SVG, PSD, PNG formats
- Hundreds of tourist icons in formats PNG, SVG
- This week's font collection: from Vinta to Atvice
Demo
- Top 10 Codepens of the Week
- Many spectacular demos on canvas
- Apple iMac scroll effect
- Funny 2 second animations
- Bird in a cage from yoksel
Entertaining
- How Apple makes you constantly buy new "iPhones"
- What format is the most effective summary - discussion on Quora
- 10 most successful women in the IT world
- Who actually created Tesla Motors: a brief history of the company in pictures
- Siri, Cortana and Google Now comparison
- Geeky in Russia: How to become free in a country that does not need you
- New York Comic Con 2014 Epic Cosplay Music Video
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 .
Source: https://habr.com/ru/post/240867/
All Articles