The digest of interesting materials from the world of web development and IT for the last week №152 (March 16 - 22, 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
- Working with notifications using PubNub data streams
- Presented to libraries.io, a catalog of open libraries and frameworks.
- Google: Unadapted images - the main cause of problems with the speed of the site on mobile devices
Responsive images 101. Part 1: Definitions , Part 2: Img Required , Part 3: Srcset Display Density , Part 4: Srcset Width Descriptors- The WHATWG member offers a weird way - do a SPA using HTML6 and without JS (W3C member proposes single-page apps without JavaScript in HTML6)
- Why make websites accessible? (Why Make Websites Accessible?)
- Browser events: can we do better than a click? (Browser Input Events: Can We Do Better Than The Click?)
- Several different ways to use SVG sprites in animation (A Few Different Ways To Use SVG Sprites In Animation)
- Creating simple comparative bars with JS and CSS (Creating simple comparative bars with JavaScript and CSS)
- Npm Beginner's Guide to npm Beginner's Guide to the Node Package Manager
- Common Errors to Avoid When Using HTML5 Application Cache (Common Pitfalls to Avoid when using HTML5 Application Cache)
- Six static site generators on Node.js (6 Node.js Static Site Generators)
- Strategies for maintaining top performance on the web (Strategies for Staying on Top of Web Performance)
- Getting Started with Jekyll (Getting Started with Jekyll)
- Ability to use initial-scale = 1 (Probably Use initial-scale = 1)
- Command Line for Web Design (The Command Line for Web Design: Powering Up Front End Code)
- Bower Beginner's Guide
- Automating optimizations with Gulp (Automating optimisations with Gulp)
- Compatibility Tables Compendium resources
- DevTools Presentation : Addy Osmany State Of The Union 2015
- Web tools:
- countries - information about countries of the world in JSON, CSV, XML and Yaml formats
- pdftotext.org - PDF to text converter right in the browser
- Epic Favicon Generator
CSS
- Clock (on CSS animations and JavaScript)
- In Pieces - a spectacular presentation site with birds implemented in CSS
- Style Guide HerokuApp
- SC5 Style Guide Generator
- Inspiration for Text Input Effects
- AniCollection - a collection of CSS animations
- Media Queries: Width vs. Device Width
- Smarter CSS builds with Webpac (Smarter CSS builds with Webpack)
- Oxygen - object-oriented methodology for style sheets (An object-oriented methodology for stylesheets)
- STRUCTURE - A Declarative Flexbox Based Grid Framework
- 5 great uses for Sass cards (5 Great Uses for Sass Maps)
- Structured Typography with Sass Maps (Structured Typography with Sass Maps)
- Using Sass for “Quantitative Queries” (Using Sass for “Quantity Queries”)
- DataURI vs CSS Sprites - we figure out who has the best performance (DataURI vs CSS Sprites - Understanding Which One Performs Better)
- LostGrid - grid system on SCSS or Stylus, based on calc () and Bootstrap (SCSS or Stylus fractional grid system built with calc (), based on Bootstrap, with a modified Jeet fallback.)
mdo-ular CSS by Mark Otto
Javascript
Angular 2.0.0-alpha for those who can't wait- How to display the number of alerts in the name of the browser tab
- Handbook of console methods in JS
- Javascript lintting
- Chromium has added two new technologies to speed up work with Javascript . A new way of processing Javascript in Chrome increases the speed of downloading sites and extends the autonomy of laptops.
- ES6 destructuring algorithm (The destructuring algorithm in ECMAScript 6)
- Regular Expressions for the Rest of Us
- About competition js1k 2015 (About the js1k 2015 competition)
- Create a real-time dashboard on SignalR and AngularJS (Build a Real-time SignalR Dashboard with AngularJS)
- Using dependency injection in unit testing with Rewire (Using Dependency Injection in Your JavaScript Unit Tests with Rewire)
- Understanding Collisions and Physics with Babylon.js and Oimo.js (Understanding Collisions and Physics with Babylon.js and Oimo.js)
- Creating a Pacman Game with Bacon.js (Building a Pacman Game With Bacon.js)
- Create an audio player with mobile support (Building a Mobile Javascript Powered Audio Player)
- logdown - a utility for debugging output of console messages with markdown support (logdown - debug utility with markdown support
- type.js - improves web typography support by adding new css properties (type.js - typography tools for better web type)
- Plumin.js - another library for creating and managing fonts, in JavaScript
- Textures.js - SVG patterns for data visualization (Textures.js - SVG patterns for Data Visualization)
- jsGrid - a lightweight jQuery plugin for creating tables with controls (jsGrid is a lightweight client-side data grid control based on jQuery)
- payform - a library for creating forms for entering credit card data (payform - validation inputs, and formatting numbers.)
- stringformatter - formatting strings with support for objects, currencies, dates, times, and numbers (stringformatter - an extensible, garbage collecting Javascript string formatter that supports objects, currency, date / time, decimals, and more)
- Accessibility APIs: A Key To Web Accessibility
- jQuery During Scroll - a script for executing code during / after a user scrolls a page (Script to execute code during / after a user scrolls).
- Interactive book ANGULAR BASICS
- Presentations from ng-conf 2015 (Conference Presentations)
Browsers
- 10 relatively unknown facts about K-Meleon
- Who might need K-Meleon?
- March news EdgeHTML engine for Windows 10
- Google very intrusively recommends Firefox users to change search settings.
- Microsoft will abandon the Internet Explorer brand in the name of its new browser
- Chrome and Firefox users are considered more efficient.
- comScore: Yahoo’s share of the US search market has declined by returning Firefox users to Google
- Spartan Browser: Reading Mode and Reading List
- The new version of Chrome implemented caching compiled JS code to speed up page loading (New JavaScript techniques for rapid page loads)
- Animation Timeline in Chrome DevTools - coming soon
- Debugging mobile websites with Firefox (Debugging Mobile Websites with Firefox)
- How to test responsive design (How to Test Responsive Designs)
Sites with interesting design and functionality
- 7 amazing interactive nature sites
- Sites you want to eat
- www.klassegrafik.de/en/portfolio - non-standard portfolio with a super-minimalist design
- http://ericlesch.com/?homepage - a portfolio implemented through HTML5 canvas
- Line25
- sozodesign.co.uk - a site with interesting animation and scrolling effects
- whitefrontier.ch is a cute beer site
- New design for formula1
- melaniedaveid.com - vertical scrolling site, divided in half
- boligreisen.no - site with the effect of scrolling in depth and video animation
Design
- Product Design Digest February 2015
- Yandex specialists will teach design for free
- Matte-painting from our designers
- Rich colors in web design
- Product design: 19 most important materials per month
- Add fireworks on the photo in Adobe Photoshop
- Toothpaste Text in Adobe Illustrator
- Interview With Illustrator Ioana Șopov (To the Point: Interview With Ioana Șopov)
- How Sticker Mule Attracts New Users
- 30 Hotel Website Layouts for Design Inspiration
- Top trends in web design in 2015 (Top Web Design Trends for 2015)
- Authorization redesign
- Infographics: Sketch vs. Photoshop (Infographic: Sketch vs Photoshop)
- Three good reasons to use Sketch (3 Good Reasons To Use Sketch App)
- Create mobile and web prototypes with Sketch!
- Quick Tip: How to create a 3D cursor image in Adobe Illustrator (Quick Tip: How to Create a 3D Cursor in Adobe Illustrator)
- Quick Tip: How to Create a Pencil Brush in Adobe Illustrator (Quick Tip: How to Create a Pencil Pattern Brush in Adobe Illustrator)
- How to set a price for logo design: a complete guide
- Val Head - Designer, Consultant and Speaker.
A selection of free designer cookies
- Easter clipart for your design
- New selection of fonts for your collection
- Where to get stock photos (Free Stock Photos - Where To Get Them From)
- Waterborne textures (12 Watercolor textures - Freebie (JPG, PAT))
- Verdant - set with UI elements (Verdant UI Kit - Freebie (PSD))
- TeslaThemes UI Kit with Flat Design (Freebie: Flat design UI kit by TeslaThemes)
- Three dozen icons depicting food (Freebie: Organic Food Icon Set (AI, EPS, SVG, PNG))
- Six Free Icon Packs (Six FREE Icon Packs + More)
- Set of Swifticons icons on the themes of science, medicine, technology, cuisine, weather, marketing and other things (Freebie: Swifticons Icon Set (92 × 3 Icons, AI, Sketch, PNG, SVG, EPS, PDF))
- Mega Flagship Vector Icons Set (Mega Flagship Icon Set - Freebie (PSD, AI, SVG, EPS, SKETCH))
- Velodroma - sans serif widest serif font , probably one of the widest typefaces ever made
- Six dozen fonts of spring 2015 (65 best free fonts, Spring 2015)
news
- The domain zone .com is 30 years old
- #HappyBirthdayTwitter
- Windows 10
- The network has leaked a new build of Windows 10 with a number of innovations
- Upgrading to Windows 10 will be free even for pirates
- Microsoft specifies: free Windows 10 for pirates will remain unlicensed
- Windows 10 system requirements announced
- Windows RT is dead, but Microsoft has not learned
- Microsoft is trying to bind hardware to Windows 10
- Windows 10 smartphones will be able to slow motion video
- Windows 10: graphics improvements
- YouTube introduces flashcards, which will eventually replace existing annotations.
- Alibaba invests $ 200 million in Snapchat , and Pinterest has attracted $ 367 million in investment
- "Tax on Google" in the UK will take effect on April 1
- Google: Our face recognition system is the most accurate.
- Google caught in blackmail, unfair competition and manipulation of search results
- NASA has introduced an open application for the search for asteroids
- Leading foreign publications have created a digital alliance
Entertaining
- New 3D printing method 25-100 times faster than traditional
- ExperimentTest: which of the similar logos is real
- How Internet advertising blocking works: an interview with Adblock Plus Operations Director Ben Williams
- How Facebook has changed the “iron”, which keeps the Internet
- Featured on Medium: The History of the Fall of the Gigaom Edition
- Bad advice: how to survive in an IT company
- Why a headache from 3D? Part 1 "Equipment Disadvantages"
- Stylish, fashionable, youth: photos of the world's 12 best IT-offices
- 7 reasons to refuse Facebook by Richard Stallman
- Half-life of Google + or Google’s social network did not meet expectations
- Kriptozavarukha: At the request of Medusa, Alexander Urzhanov tried to live without leaving any traces on the Internet
- Demo:
- WebGL demo
- An interactive representation of the world and bitcoins
- Trendy Sequencer
- ENERGY KITES by Google
- Microsoft Universal Folding Keyboard
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/253743/
All Articles