The digest of interesting materials from the world of web development and IT for the last week №118 (July 28 - August 3, 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
Images in the layout. Enough tolerating this- First look at Avocode
- Front-end developer tips
- HTML import - include for web: part 1
- Record of the automation process with Grunt from Robert Kharitonov
- Record SourceJS online presentations from him
- Introduction to browserify
- Refactoring
Techniques for mobile and adaptive cross-browser testing from Envato- HTML5: more flexibility in forms
- HTML5 Mobile Development Immersion Guide
- A small specification on the use of Web Manifest by Bruce Lawson
- webrtcHacks - how GoogleRooks use WebRTC
- WebRTC chat using Pusher
- fastshell is a modern framework with html5boilerplate, Sass and Gulpjs
- Cute fullscreen concept
- Understanding the coordinate system and transformations of SVG (Part 2) - transform attribute
- A simple introduction to SVG animation
- Creating a blog using Jekyll and GitHub Pages
Chris Koyer in the screencast makes a tour of his site under construction (Jekyll, Grunt, Sass, SVG System, etc.)- SVG Spritemap is a WordPress plugin that allows you to add SVGs through the Media Uploader, as well as create SVG spritemap
- Creating an application with Sail.js, Angular.js, and Require.js (part 1) is your first server-side view
- The worst word in the development
CSS
- Sass maps: responsive design without routine computing
- CSS Triggers - analysis of properties affecting Layout, Paint, Composite in the browser
- More about CSS triggers from one of the Chrome developers
- CSS organization on CodePen
- "Let's talk about RTL" by Ahmad Alfy
- Responsive Web Design Beginner's Guide
- How heavy is the RWD website? (part 2)
- Radio buttons that control web design elements
- Modular pseudo-elements created with Sass
- Five things made with CSS, although it's hard to believe
- Pure CSS off-canvas menu
- CSS regions and selectors
- CSS3 background blend modes: effect from photoshop on pure CSS3 (Chrome 35+, Firefox 30+ and Opera 22+)
- Animated SVG text moving along paths (view in Chrome)
- Photorealistic checkbox switches
- The color rebeccapurple has been added to Chrome, WebKit and Firefox . Also, in the draft w3c specification for CSS Color Module Level 4
- Full-width pinned layouts with flexbox
- Implementing CSS navigation for adaptive and rubber layouts
- How to dramatically increase the speed of loading the adaptive site (critical css, above the fold, and all that)
Javascript
- Optimization killers
- Online book Eloquent JavaScript (2nd Edition)
- Javascript to typeScript - translation difficulties
- Using ECMAScript 6 today
- Madness with javascript events. Tracking "all" events without interference
- Autopolyfiller - autogeneration of JS polyfills.
- Comparison of a bubble sort of 50-tikylobyte array using and without the Web Worker
- Simple inheritance using constructors in javascript
- Modules, future approaches in JS libraries
- Three New JavaScript APIs You May Need
- Expanding HTML with AngularJS directives
- How to create applications on Angular.js without Browserify or Require.js
- Flux is a React.js application architecture that uses a unidirectional data stream. From facebook
- Ocrad.js - OCR
- jstinytest - the simplest unit testing library
- Circliful - jQuery plugin for creating radial process indication (IE9 +)
- Stackable.js - jQuery table plugins
- Dive deeper into ES6 Generators
- JavaScript survival instructions
- Dynamic maps using SVG and jQuery
- croppic is a fairly advanced jQuery plugin that allows you to trim images
news
- HTML minifier updated
- A major USB found vulnerability is found that cannot be fixed.
- LinkedIn revenues in the second quarter of 2014 increased by 47%
- The record is set to the speed of data transmission via fiber optic cable.
- Twitter has acquired the startup Madbits, developing image recognition technology
- Twitter bought Madbits image search service
- Pinterest has acquired a service for storing creative projects Icebergs
- Baidu challenges Google with its own intelligent assistant driver project
- Chris Beard became CEO of Mozilla
Browsers
- Mobile IE11 supported WebKit prefixes
- Decentralized SyncNet Browser
- Firefox grow the handset
- Google releases in beta 64-bit version of Chrome web browser
- Learn more about innovations in Firefox Developer Tools: Event listeners, panel for @ media expressions, Bezier curves editor, etc.
- Adaptive web that is easier to develop with a panel for developers in Google Chrome with the included Device Mode
- Softonic browsers comparison: Chrome, Firefox, IE and Opera
Sites with interesting design and functionality
- Fun scroll effect with transformation
- gardenstudio.com - a cool example of a combination of quality parallax and successful design
- olimoveis.com.br - creative content slider
- wild.as/hell - a site with two-way navigation
- voiceshavepower.com - interesting scroll effects
- futurebristol.co.uk - site in the form of a stylized map
Design
- Wikipedia iOS application restarted with new design
- Penguins, foxes and mutants: 15 beast-like mascots of large IT companies
- Eye Test for Designers
- Affinity Designer - a new tool for designers
- Obvious design always wins.
- Best patterns for mobile app navigation functionality
- Why Spotify is Better than iTunes
- More than two dozen Gmail redesign concepts
- Instagram redesign concept in Material Design style
- Three dozen unofficial products of popular social networks
- Ten rules for creating design letters, attractive to read by users
- How to use the vertical rhythm to your advantage?
- Five key elements of a successful 404th page
- Why your own blog is so important for freelance designers
- Research salaries designers in the world
- Hamburger icon and disputes around it
- A dozen lessons with tips and tricks for working with masks in Photoshop
- Realism, photorealism and style in drawing
- Adobe Illustrator History
- How to create a simple web icon in Adobe Illustrator
- Creating illustrations of a floppy and player in Adobe Illustrator
- Creating an illustration of a hummingbird in the form of origami
- Creating an illustration of a children's windmill in Adobe Illustrator
- Create a box design with cookies in Adobe Illustrator
- Which font would you choose other things related to typography
- Common and overly used logos (avoid them!)
- Sketch for print design!
A selection of free designer cookies
- Free sets of round icons
- Sketch Toolbox - a simple plugin manager for Sketch
- More than a dozen resources with free stock photos
- Two dozen sets of high quality brushes for Photoshop
- Two dozen sets with textures and patterns with abstract geometric patterns (including polygons)
- Android L UI Kit
- UI kits with flat design in PSD format
- Mocap with a business card and a book
- Collection of icons, mainly contour and monochrome
- Six and a half dozen vector contour icons
- Font Family Skip Leg Day - Decorative Thin Sans Serif Font
- Two dozen fonts suitable for minimalistic designs, starting with the Universe from Vincent Labonne, and up to Le Super Serif from SuperBruut
- Top Ten Programmer Fonts
Demo
- gameaboutsquares.com - puzzle game and time killer
- Sweet dreams with wavegl
- Fascinating css animation
Entertaining
- Tour of the Yandex office in Berlin
- New colonizers: How Google and Facebook conquer third world countries
- Drones conquer the ocean
- If TOR is broken, then someone needs it!
- 20 of the strangest questions asked during interviews
- The creator of Doom - about the superiority of the PC over consoles, f2p-games and virtual reality
- "Chinese Jobs" conquers the world: Everything you need to know about Xiaomi smartphones
- Sergey Kravtsov about the death of QIP, the future of geolocation and his new project 4talk
- How search engines work
- Facebook bots: not as safe as you think
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/232045/
All Articles