The digest of interesting materials from the world of web development and IT for the last week №164 (June 8 - 14, 2015)
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 |
|
|
Browsers |
Design |
Free cookies |
news |
Entertaining |
Web development
(Not) safe frontend- Create responsive emails for the future without media queries.
- Methods of image optimization from the point of view of SEO
Video reports from the April Frontend Dev Conf in Minsk
Presentation on best practices of style guides (Style Guide Best Practices Presentation)- tota11y - a tool for checking and conveniently debugging accessibility from khanacademy
- Podcast Front-end Five: Episode # 6 - all the news of the frontend in 5 minutes. In this issue: Sass Vary, in CSS, modular CSS (and its issues), hacking: visited, and the state of SVG animation.
- Supercharging page load - Jake Archibald on how to speed up your page using Service Worker
- How to apply a radial gradient in SVG to Fill or Stroke
- Facilitating work with SVG with Raphael
- Dawn of WebRTC (The Dawn of WebRTC)
- Accelerate the speed of the checkout using Autofill
- A selection of sites for quick debugging code, creating snippets, etc.
- Is HTML 'complete'? , argues Bruce Lawson
- About the <details> tag
- HTML5-overview
- How to cancel (almost) everything in Git (How to undo (almost) anything with Git)
- The state of the web components (The state of Web Components)
- What I learned by creating HTML email templates (Things I've Learned About Building & Coding HTML Email Templates)
- Importing CSS Breakpoints to Javascript (Importing CSS Breakpoints Into Javascript)
- BackstopJS - testing responsive sites for problematic elements in DOM or CSS
CSS
- Flexbox on the example of the dice
- Creating "In Pieces". Develop an interactive demo using trimming contours in CSS . Translation of the article The Making Of “In Pieces” by the community css-live.ru
- Future Generation CSS Selectors: Level 4 (The Future Generation of CSS Selectors: Level 4)
- Improving responsiveness with Flexbox - demos, slides and presentations with the RWD Summit
- HTTP / 2 and return `@ import` (HTTP / 2 and the Return of` @ import`)
- Scrolling Effects (Page Scroll Effects)
- We expand: visited capabilities with the help of CSS (Pushing the limits of: visited with CSS blend modes)
- Understanding the CSS 'content' Property
- Simple Gulp configuration for working with Sass (A Simple Gulp'y Workflow For Sass)
Javascript
- Is ReactJS so fast?
- Understanding Meteor.js
- How event delegation works in JS (How JavaScript Event Delegation Works)
- Higher-Order Functions in JavaScript Higher-Order Functions
- NativeScript view
- Infographics: AngularJS vs. React (Infographic: AngularJS vs. React)
- How to write non-blocking quick sort code (Writing a Non-blocking JavaScript Quicksort)
- Why restructuring is a terrible idea in ES6 (Why Destructuring is a Terrible Idea in ES6)
- ES6 in details: characters (ES6 In Depth: Symbols)
- Six Steps to Approach with the Next Version of JavaScript (Six Steps for Approaching the Next JavaScript)
- AngularJS testing: Bootstrap blocks, routes, events and animations (AngularJS Testing: Bootstrap Blocks, Routes, Events, and Animations)
- trine is a utility library aimed at exploiting the full potential of functional programming in JS
- Making a JavaScript widget with autocomplete functionality using Awesomplete (Building a JavaScript Autocompelete Widget with Awesomplete)
- regexp-escape - escaping string characters for use in regular expressions
- Let's use LoopBack: inspect the framework you dreamed of (Let LoopBack Do It: A Walkthrough of the Node API Framework You've Been Dreaming Of)
- Learn how to use JS in Photoshop (Learn JavaScript and Up Your Photoshop Game)
- JSXHint - validator JSX (React JSX linter online)
- How I survived the baptism of fire with Node.js (How I survived my baptism of fire with Node.js)
- New io.js features that you may not have used (New io.js
- inkjet - JPEG decoding, encoding and reading EXIF data for the browser and node.js
')
Browsers
- New Opera for Computers, Android and Windows Phone
- Safari 9 for OS X and iOS
- Google will facilitate heavy sites, discarding too much, for quick download on smartphones
- Google Chrome for Work
- Some editions of Windows 10 will not get Microsoft Edge
- Why Edge? (Why Edge?)
Design
- Digest of grocery design, May 2015
- Interface on a string
- Semishagovy test logo Paul Rand
- Design Hierarchy
- 10 errors in site usability that reduce conversion
- Space theme in web design
- Instagram Launches Redesign for Web
- Flat color in branding
- Helvetica Neue in iOS 8 and San Francisco in iOS 9 compared in screenshots
- Practical Techniques for Design Animations
- About Low-Contrast Text Is Not The Answer
- Why web design is dead (Why Web Design is Dead)
- Why responsive design is child-friendly (Why Responsive Design is Kid-Friendly)
- Why Apple scored on the world's most popular font
- 12 most common mistakes in working with images (12 Common Image Formatting Mistakes To Avoid On Your Website)
- SCALABLE DESIGN, viewport engines & the future of web design
- Journey to web accessibility
- How to export SVG pattern (How to export SVG patterns)
- Web Storytelling Techniques (Visual Storytelling Techniques And Examples On The Web)
- Cool examples of modal pop-ups in web design (20 Gorgeous Examples of Modal Window Pops in Web Design)
- How Eventbrite attracts new users (How Eventbrite Onboards New Users)
- New photoshop CC 2015: Artboards (Sneak Peek: Artboards in Photoshop CC)
- Write texts for interfaces better by asking “Who else is in the room?” (Write Better User Interfaces by Asking “Who Else is in the Room?”)
- Atomic: the fastest way to create an interactive design? (Atomic: A Faster Way To Design Beautiful Interactions?)
- Apple Design Awards 2015
- Effective Logo Design, Part 2: Using Natural Patterns in Logotype Design (Effective Logo Design, Part 2: Using Nature's Patterns In Logo Design)
- Web design trend: Web Design Trend Showcase: Hand Drawn Typography
A selection of free designer cookies
- Freebie: Responsive Sports Icon Set (40 × 4 Icons, AI, CSH, PNG, PSD, Sketch, SVG)
- Sketch UI Sets (Free UI Kits for Sketch App and Website Designers)
- Mockups for displaying designs on Apple iPads (55+ Best Apple iPad Mockup Templates)
- UI kits with media players in PSD format (45+ Audio & Video Player UI PSD)
- Vector Elegant set with fresh graphics (FREE Elegant Vector Kit with 60 Workspace Elements)
- Vector World Maps (Free Vector World Maps)
- Foundry ∞ is a new generation of vector graphics ready for the interactive web.
- Vector geometric images of animal faces (Freebie: Animal Geometric Shapes)
- Space Icons Set (Freebie: The Space Icon Set (50 Icons, SVG & PNG))
- Smashicons - vector icons
- Icons sets with long shadows (40+ Free Long Shadow Icons Sets for designers)
- Ten Best Icon Fonts (10 Absolute Best Free Icon Webfonts)
- The best fonts of 2015 (40+ Best Free Fonts For Awesome Designs 2015)
- Fifteen best fonts (15 Great Free Fonts)
- Order Typeface - decorative font
- Typnic Titling - handwritten serif font
news
- WWDC 2015:
- The first day. Keynote , Day Two. Details , Day Three. Interesting
- WWDC videos are already available for viewing on Apple’s official website.
- What Apple showed at WWDC: new OS X, iOS 9, music service and Swift open source
- WWDC 2015: Opinions of Russian developers and experts on Apple-submitted updates.
- Overview of top news from Apple WWDC 2015: OS X El Capitan, iOS 9, Apple Music
- Key Announcements of the Apple Worldwide Developers Conference
- Decay and hopelessness: what Apple showed at WWDC 2015
- "TM" restarts "My Circle"
- Preliminary version of Skype Translator announced for desktop
- Facebook Connect is no longer available for some Microsoft applications and services.
- Microsoft refuses the modern version of Skype
- YouTube announces the launch of YouTube Gaming to compete with the Twitch streaming game.
- Oculus presented the commercial version of its VR-helmet Oculus Rift
- Twitter will remove the limit of 140 characters in private messages
- Exit Windows 10 Mobile will be delayed until September
Entertaining
- Ten years of youtube
- Game analyst Sergei Galyonkin: "Steam is no longer a panacea for game developers"
- Video: Robot-Drop at the DARPA Robotics Challenge 2015
- Google issued a patent for contact lenses with an iris scanner
- Linkin Park Ventures: Why a rock band invested in IT and how it will help her in music
- Hi-tech history : Secrets of the first supercomputer
- Pavel Durov on the business model of Telegram and the cost of an instant messenger
- Payoneer study: How much do freelancers from Russian-speaking countries earn
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/260253/
All Articles