The digest of interesting materials from the world of web development and IT for the last week №160 (May 11 - 17, 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
Glitter and poverty of standard selects- How to use progressive improvement for the layout of letters
- Memory leaks when working with SVG
- Accessibility is at the forefront: how to create accessible WordPress themes
- We pack like gods (about webpack)
Nine anti-patterns that every programmer should avoid (9 Anti-Patterns Every Programmer Should Be Aware Of)- wwwhere - a curated list of useful links for people making websites
- Adaptive images with WURFL Image Tailor (Responsive Images with WURFL Image Tailor)
- node-prelaunch - a template for creating a project pre-launch page with a form for subscribing to project news
- Creating a responsive Mega Menu with Foundation (Building a Responsive Mega Menu with Foundation)
- Making SVG Accessible (Making SVG Accessible)
- Tips for avoiding basic traps in SVG by Sara Soueidan (Tips For Avoiding Common SVG Pitfalls)
- Webtorrentapp - allows you to run web applications from torrents like Project Maelstrom, but does not require plug-ins or a separate browser.
- What mistakes do beginners learn about HTML and CSS (Study: What Errors Do Beginners Make Learning HTML and CSS?)
- 15 HTML questions to test your knowledge (15 HTML Questions for Testing Your Knowledge)
- Using images in HTML letters (Using Images in HTML Email)
Introduction to Responsive Images (Bruce Lawson on DrupalJam) (An Introduction to Responsive Images)- Retrospective Mobile First
- Periodic table of roles in ARIA 1.0
The tragedy in two acts (Codepen edition)- Demo:
- Typedrummer
- Air simulator (WebGL)
- Bubble layout
CSS
- Vector replacement to sprites - we implant SVG in CSS
- Useful Sass Snippets
- Life after CSS3: What's new in CSS ... 1?
- Eric Meyer on Past, Present and Future CSS (Eric Meyer on the past, present and future of CSS)
- Stylecow is a new postprocessor for improving browser support for CSS, which includes adding vendor prefixes, fixing minor bugs, generating polyfills and all that.
- Rethinking functional CSS tabs (Functional CSS Tabs Re-Revisited)
- Blow up the web with pixel art (Blowing up pixel art on the Web)
- Nesting Components
- Automatic contrast for text using CSS Blend Modes (Automatic Text Contrast with CSS Blend Modes)
- text-rendering: optimizeLegibility is decadent and perverted (is Decadent and Depraved)
- Living life with Flex Box and Sass
- The At-Rules of CSS
- Creating adaptive forms with the clip-path and not only (Creating Responsive Shapes With The Clip-Path And Out Of The Box)
- More Colors with Less
- Basics of Sass: at-rules and directives (Sass Basics: @ -rules and Directives)
- Inspiration for Text Styles & Hover Effects
Javascript
- Writing Beethoven in Javascript or a bit of MIDI.js
- Three JavaScript Features
- The Node.js and io.js projects are united under the auspices of the Node Foundation , Io.js and Node.js are moving to merge
- We taste React
- How Google indexes JavaScript: test scores
- Presentation of javascript in 20 (javascript at 20)
- Re-introduction to JavaScript (JS Tutorial) (A re-introduction to JavaScript (JS tutorial))
- A library that allows you to easily transfer data from Sass to JavaScript: (Passing data from Sass to JavaScript: sass-to-js)
- WarriorJS - Game written in JS for the purpose of studying JS and AI (Game written in JavaScript and artificial intelligence.)
- Recent releases: Backbone.js 1.2.0 , polymer 0.9 , Ember.js 1.12 and 1.13 Beta
- JS loop optimization (JavaScript Loop Optimization)
- Nathans Lessons - JS Lessons
- Javascript Scope Quiz - JS Knowledge Test
- How to evaluate the work of a JS programmer? using five questions? (How do you judge a Javascript programmer by only 5 questions?)
- Getting Started with TypeScript
- ES6 In Depth: Template strings
- ES Feature Tests (ES6 +)
- Why you need a checklist on the JS project (Why You Need a JavaScript Project Checklist)
- Using JavaScript to Create Geospatial and Advanced Maps
- Get started with Angular 2 developer preview (Getting started with Angular 2 developer preview)
- Creating the first application on Angular 2: from authentication to an API call and everything else related to it (Creating your first Angular 2 app: From authentication to calling an API and everything in between)
- Transition to Ember 2.0 in detail (The Transition to Ember 2.0 in Detail)
- Radium - managing built-in styles in React
- Maple.js - Web Components with React
- Going to write native applications with React (Going native with React, an introduction)
- Replacing jQuery with D3 (Replacing jQuery with D3)
- Comparing JavaScript HTTP libraries for browsers (A Comparison of JavaScript HTTP Libraries for the Browser)
- Introduction to Vorlon.js: How to use it to debug JavaScript code remotely (Introducing Vorlon.js: Remotely Your Javascript)
- watermark.js - plugin that adds watermarks to images
- fakeIndexedDB - the implementation of the IndexedDB API on JS in memory
- ReadRemaining.js - plugin that calculates the time to read the material as you scroll the page
Browsers
- Firefox 38 release , + some more technical details for developers
- Exit Firefox Developer Edition 40 with multiprocess mode support
- Panasonic released the first TV equipped with Firefox OS
- Microsoft said, at the expense of what Edge will become the safest browser ever created
- Chrome 42: Push API, Install Banners & Fetch App (New In Chrome - Ep 42) (Chrome 42: Push API, Install Banners & Fetch App (New In Chrome - Ep 42))
- Trainspotting: Firefox 38
Sites with interesting design and functionality
- Wolfram has launched a website that says what he sees in the pictures.
- The BBC has launched a website showing changes in the world during a person’s life.
- One-page restaurant sites
- Other markets: 10 most popular local sites in Canada
- Sites with high-quality photos (Sites with High Quality Photos You Can Use for Free)
- work.co - a site with animation and non-standard transitions between pages
- www.werkstatt.fr/#/home - site-portfolio of a design studio with a concise design and a lot of transition effects and scroll animation
- strml.net - a site that is created in real time by its developer
- Black and white web designs.
- Better Error Pages - service for creating 404, 500 and temporary pages
Design
- Product design digest, April 2015
- 4 more translated sections of the specs of Material Design from Google: typography , Layout: Principles , Layout: Units of measurement and dimensions , Layout: Metrics and contours . Translation is carried out by the community css-live.ru
- Three ways to improve the interaction between the designer and the developer
- 10 design trends for the next 10 years, according to Facebook Design Director
- Create handprints and footprints
- Ethno Artwork
- "Art. Lebedev Studio" posted the logo of Staraya Russa
- The artist showed how to quickly make 3D-drawing
- What you need to know about logo design (What you need to know about logo redesigns)
- Attract visitors with storytelling and interactivity (Storytelling and Interaction: Engage Your Visitors)
- Infographics: Photoshop history (Infographic: The history of Photoshop)
- Creative 404 pages (20 Creative Examples of 404 Error Pages to Inspire You)
- Design from the inside: Netflix (Inside Design: Netflix)
- Facebook Visual Identity 2012–2013
- Guidelines for Animation Timing
- The future of design in technology (The Future of Design in Technology)
- Conducting an interface inventory (Conducting an Interface Inventory)
- Functional animation in UX design (Functional Animation In UX Design)
- Pixate tutorial # 1: creating a departing menu (Pixate Tutorial # 1: Creating a fly-out menu)
- Sketch with material style design (Sketch With Material Design)
- Photoshop vs. Sketch: the battle for cleaner HTML / CSS (Photoshop vs. Sketch: The Battle for the Cleanest HTML / CSS)
- Complete guide to life with Photoshop UI designer. (The definitive guide to living with Photoshop as a UI designer.)
- The current state of the designer’s toolbox: The State of Design Tools: An Unscientific Survey
- How to create a flat design sushi icon set in Adobe Illustrator (How to Create a Flat Design Rolled Sushi Icon Set in Adobe Illustrator)
- When a bad UX becomes good (When Bad UX Turns Good)
- kolor.moro.es - a game for designers, guess colors as fast as possible
A selection of free designer cookies
- Free texture brushes for photoshop
- Free Yoga Design Clipart
- PSD mock-ups for displaying designs in various devices (Freebie: Awesome device mock-ups to showcase your design work)
- Apple Watch UI Kit by UI8
- Mockups for demonstrating credit card design (28+ Free Credit Card Mockup PSD Templates)
- Mockups to demonstrate the design inside the browser (12+ Free Browser Mockups PSD)
- IPhone App Design Template in PSD (Freebie PSD: iOS 8 Fashion Store iPhone App UI)
- Set of responsive icons from icons8 (Free download: 30 responsive icons by icons8)
- Ten Quality Icon Sets with Flat Design (10 Quality Free Flat Icon Sets for Your Designs)
- A set of funny icons (Happycons - 40 happy and unique icons)
- Random Stuff Icon Set (Random Stuff Free Iconset)
- Nervous Energy - decorative script
- Best fonts for summer 2015 (94 Best Free Fonts for Summer 2015)
news
- "Phantom" update Google algorithm has affected many sites
- Windows 10 will be available in 7 versions
- Microsoft has clarified the situation with the upgrade of pirated OS to Windows 10
- Windows Mobile will be called Windows Mobile.
- Microsoft has released an application for smooth video
- The rating of the richest brands in the world led the hi-tech-company
- Wolfram Alpha Launches Image Search Engine
- Nokia announced job cuts
- VKontakte will launch a legal video exchange
- Telegram has reached 2 billion messages per day
- Facebook has begun publishing leading publications through the Instant Articles feature.
- Google has suspended Map Maker service
Entertaining
- From Lunokhod to Curiosity: the evolution of extraterrestrial machines
- Marvel Universe: From Creation to the Age of Ultron
- How much money in the global eSports and who earns it
- On the benefits and harms of gaming: the views of Zuckerberg, Mask and other well-known IT-businessmen
- Stephen Hawking: computers will take over people for a century
- Autonomous cars Google in the summer appear on the roads of California
- IBM scientists have made a breakthrough that will accelerate the commercial introduction of silicon photonics
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/258147/
All Articles