The digest of interesting materials from the world of web development and IT for the last week №110 (May 18 - 24, 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
New generation of tools for RWD: Webflow, Edge Reflow, Macaw- How Google made an interactive Rubik's cube doodle
- HTML wireframes
- ShortCutFoo - learn hotkeys and work faster (Sublime, Photoshop, Git, WebStorm ...)
- Mobile devices and site availability : why you should worry about it and what can be done about it
- SVG `use` for external resources
- Cool effects for the introductory part of the article on the site
- Introduction to Node.js and MongoDB with important details
- My 5 (9?) Favorite HTML5 API
- HTML markup of HTM5 forms
- Creating a prototype of a multi-screen mobile web application using push.js, part of the Ratchet framework
- Color typography on the web: get ready for color fonts
- Transferring the Git repository to a new server
- How do we fix responsive images
- Google learned how to execute JavaScript pages, and also announces a new tool that should soon appear in Webmaster Tools
CSS
Web Layer Layer Modes- Creating round, flat, and flip switches with CSS
- tuktuk - object-oriented CSS framework
- CSS: The Good Parts
- Principle of Single Responsibility in CSS
- Tools for optimizing CSS code
- CSS for HTML5 forms support with IE10 +
- How to use Google Fonts with Sass (for beginners)
Javascripts
- MooTools 1.5 release
- Closures in Javascript [Part 1]
- Update programming language Dart 1.4, developed by Google to replace JavaScript
- Mozilla develops ScanJS, a static code analyzer for JavaScript
- Foundation for applications will be built on Angular.js
- The danger of stopping the ascent of an event
- A data binding revolution with Object.observe ()
- Work with large objects and Web Workers in JavaScript
- Inserted by the “async scripts” script are considered harmful
- JavaScript Routing Conventions
- The mysterious history of JavaScript NaN
- Save bytes using shorthand boolean notation in javascript
- Creating infographics with Snap.svg
- Creating a full-screen animated menu using jQuery.Fullpage-Menu.js
- Introducing the Device Orientation API
- forms-angular
- Using media queries in JavaScript (when working with AbsurdJS)
- Mithril - a lightweight framework for building super-high-performance applications.
- Jr - generator of static sites on the client side using text and MarkDown
- multiScroll.js - jQuery plugin for implementing simultaneous vertical scrolling in different directions
- Frame animation using HTML and JavaScript
- Responsive HTML Tables
- Meteor vs Angular
Video conference EmpireJS 2013- Video from the FutureJS 2014 conference
Web tools
- Kaspersky-Cyberstat : real-time cyberworld statistics
- HTML Now: a quick HTML template generator for start up layout
- Make your site mobile-friendly with the help of the tool PageSpeed Insights
- compressor.io - image optimization service
- oozled - more than five hundred resources with 41 categories - from design to web development
- designcrit.io - service for annotations to any web pages or downloaded images
- FilePreviews.io is an extension for Chrome that allows you to view the contents of PSD, AI, DOC, as well as video and audio files directly in the browser
news
- Rostelecom launched a search engine Sputnik . Will Sputnik take off
- Microsoft Haswell's Microsoft Surface Pro 3 is available for pre-order . ( First impressions regarding the use of the Surface Pro 3 tablet )
- The Corporation of Good is purchasing the Twitch game broadcast service for $ 1 billion. Industry comments on the latest Google purchase. Study: Why does Google buy Twitch
- Rubik's Cube is 40 years old
- Google bought a real-time text translation application Word Lens
- Kairos will release a mechanical watch with a transparent OLED-display
- NASA will launch the "flying saucer" on June 3
- Almost a hologram: MIT created an innovative 3D visualization system
- In Gmail for Android, you can now save attachments directly to Google Drive.
- Warning: Google launches Pandu 4.0!
- China has banned the installation of Windows 8 in state institutions
- Google brand has become the most expensive in the world
- Steam In-Home Streaming - or take your gaming computer to the balcony
- YouTube will release a new application and add the ability to support the author.
- Anews universal news aggregator launched in Ukraine
- EU and US intelligence agencies arrest 97 hackers in 16 countries
Browsers
- 6 extensions for browsers Chrome, Firefox and Opera, which will make your surfing safe
- Mozilla adds protection against illegal video viewing in Firefox
- Launch of Chrome 35 web browser, switched to Aura graphics stack in Linux
- Firefox will have a new configurator and support for translating pages.
- Web animations: element.animate () already works in Chrome 36
Sites with interesting design and functionality
- 19 of the most useless sites that can kill your time
- 10 best sites of the world on flash
- epic.net/mmxiv - site game "Spartans vs. hipsters"
- Examples of modern sites with a classic side menu
- purplerockscissors.com - site with video on background
- cleverbirds.com - full-screen site with modern effects
- eberamaya.com - a site with a diagonal modern design and interesting animation effects.
- rts.ch/bdc/ - vertical website with a bold design
- friends.houseof207.com - vertical site with a vigorous scrolling animation
- wybieramyklienta.pl - a site with an unusual design and behavior
- jamesorjamie.com - a horizontal themed website with light animation
- bevisionare.com/ - a site with slide navigation and smooth animation
- letters-inc.jp - Japanese site with conceptual design and scroll animation
- czk.fr - vertical scroll website with creative animation and parallax
- greygroup.pl - interesting implementation of the site background
- agencysurvivalkits.com - interesting animation on some blocks
- thobeck.com - a site with an interesting opportunity to change the color of objects across the page
- Focus on usability when creating a 404 page
Design
- 4 Apple Design Myths from Former Apple Designer
- Mozilla Foundation introduced the high-quality free font Fira Sans
- Design analytics: weak points of the new interface Livejournal
- Cyrillic fonts: the choice of experts Runet
- What is the difference between UI and UX design?
- The most popular techniques in the design of a web portfolio
- Flat illustrations in web design.
- Dinosaur has become a new Facebook mascot
- ITunes Redesign Concept
- Elegant glossy typographic effect in Photoshop
- The concept of a smartphone with a "transparent" touchscreen
Americans criticized McDonald's new mascot- Interview with designer Meng To
- Design for web: Dept. of Design Web Field Manual , basic principles, techniques and approaches
- The most entertaining guide to optimizing your landing page you’ve ever read.
- Examples of using cool handwritten fonts in web design
- Why and how to avoid hamburger navigation
- The process of developing the design of the game Bonsai Slice
- Creating icons for the Spotify project
- Creating a design for the Cobblestone project
- Redesign the Font panel in Photoshop
- From “A” to “Z” in Photoshop (hotkeys and tools)
- Latest trends in logo design in 2014 - review and report
- Two dozen sketches of logos for your inspiration.
- The best font families of April 2014
- Animated typography - four videos with cool transformations and text animations
- thedayscolor.com - color palettes for every day
A selection of free designer cookies
- Griddify: a tiny panel in Photoshop for creating guides and meshes
- Action for Photoshop to create a tinting / perforating effect
- A collection of Sketch plugins for inserting temporary images from various services.
- Pack of photos from Behance
- Stylish textures
- Five dozen of the best PSD templates for 2014
- The UI set with a modern flat design, with components made with a dark background, called Jefferson
- Themify Icons - a set of icons inspired by the design of iOS7
- Seventy-two vectors of social networking icons with a flat design in six styles.
- Set of flat vector icons with long shadows on the topic of business and analytics.
- Set of outline minimalistic icons
- Set of five and a half dozen social networking icons with a flat design in PNG format
- Set of 3px outline icons .
- This week's fonts: from Decorative Dual to laconic Garanta sans-serif
- Berlin - expressive sans serif header font or slab-serif
Demo
Entertaining
- How website loading speed affects sales
- Interview with teachers Coursera
- Dauria gets involved in a large microsatellite race
- DARPA and cyber warriors with Oculus
- How Satya Nadella completely changed Microsoft in just 3 months
- The first mobile phone with a braille keyboard
- The Japanese put on a dance with drones
- In the US, may allow commercial use of small drones in limited cases.
- If Instagram came up a few centuries ago
- How to build a Rubik's Cube?
- Michael Jackson "came to life" thanks to holography and spoke at the Billboard Music Awards 2014
- Why do the Chinese prefer digitized domains?
- Why Silicon Valley has ceased to be a technological mecca
- Why the time has come for real browser-based 3D games
- Game 2048 in Wolfram Mathematica
- Presented the world's first multifunction printer for 3D printing: 3D printer, 3D scanner and teleportation machine in one box
- The history of the online store Apple
- Overview of the most interesting crowdfunding projects for the week
- KickNews. The most interesting projects on KickStarter # 3
- 10 of the coolest interactive Google Doodles
- Unknown heroes: rare and little-known ARM processors
- What is graphene and how is it interesting?
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/224025/
All Articles