The digest of interesting materials from the world of web development and IT for the last week No. 165 (June 15 - 21, 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
2Mb webpage - blame whom?- Favicons, Touch Icons, Tile Icons, etc. What to choose?
- BEM at the CodeFest 2015 conference
- Materials from the May 4Front Meetup in Minsk
- RadioJs Podcast, Release 24 . Andrei Sitnik, PostCSS author, honorary speaker, and Frontier Evil Martians, stopped by.
- RadioJs podcast, Issue 25 : Marat Doolin, the author of JSCS, unit-coverage and BEViS tells the story of his projects and shares his plans.
Bower - Detailed Guide # 1
5 innocent practices that could hurt your SEO (5 innocent practices that could be sabotaging your SEO)- Filterable product grid
- Making your first HTML5 game using Phaser (Making Your First HTML5 Game With Phaser)
- Thenetawards top 10 best web developers of 2015
- Top 10 Designer Portfolios for 2015
- Card Expansion Effect with SVG clipPath (Card Expansion Effect with SVG clipPath)
- Turn off all autocompletions in text fields of forms for mobile devices (Turn off HTML Input Auto Fixups for Mobile Devices)
- ShinyText - unusual visual effects for text from Google
- Using Chrome DevTools to profile your jsconf.eu site (Using Chrome DevTools to profile the jsconf.eu site)
- When responsive images get horrible (When Responsive Images Get Ugly)
- A Practical Guide to Using SVG on the Web (SVG ON THE WEB)
- Bootcards - A UI framework with a focus on the concept of “cards” used in Twitter, Google (Plus, Now), Spotify, Pinterest and Amazon
- Creating a media player with HTML (Build a Media Player with HTML)
CSS
- Future generation of CSS selectors: Level 4
- Layout Methodologies: BEM, AMCSS, OOCSS, Atomic CSS, OPOR, MCSS, SMACSS, FUN, DoCSSa (Elizaveta Selivanova and Irina Levina)
- Responsive typography with Sass Maps (Responsive Typography With Sass Maps)
- Conical gradients, today! - CSS conic-gradient () polyfill from Lea Verou
- Accessible Footnotes with CSS (Accessible Footnotes with CSS)
- PurifyCSS is a tool for getting rid of unused CSS. Also works with JS-styling.
- Writing Good CSS
- Testing Sass features in 5 minutes
- 5 things about CSS that every web developer should know
- Presentation of 'Lets move!' by Benjamin De Cock with CSSConf Australia 2015
- How three modern tools use Flexbox grids (How 3 Modern Tools are Using Flexbox Grids)
- Creating tests for your Sass framework (Creating Tests for Your Sass Framework)
- Envato Market Style Guide (Welcome to the Envato Market Styleguide)
- GradifyCSS - a module that finds the primary colors in images and creates a scalable CSS gradient
Javascript
- ES6 (ECMAScript 2015):
- ECMAScript 2015 , ECMAScript 2015 official release approved
- Exploring ES6: Free Book to Dive in ES6
- JavaScript: ES6 Intro
- ES6 in details: collections (ES6 In Depth: Collections)
- Getting Started with ES6 JavaScript Destructuring (Getting Started with JavaScript ES6 Destructuring)
- Functional impurities in ECMAScript 2015 (Functional Mixins in ECMAScript 2015)
- WebAssembly:
- Google, Microsoft, Mozilla, and others joined to launch WebAssembly, a new binary format for the Web
- Last JavaScript creator project: KILL JAVASCRIPT (JavaScript creator Eich's latest project: KILL JAVASCRIPT)
- From ASM.JS to WebAssembly from Brendan Eich (From ASM.JS to WebAssembly by Brendan Eich)
- WebAssembly: a binary format for the web (WebAssembly: a binary format for the web)
- What is WebAssembly? (What is WebAssembly?)
- Prototypes are objects (and why this is important)
- JavaScript immutability
- Frontflip Podcast â„–13 : Ember 2.0. Andrey Listochkin
- Pattern "Module"
- Node.js and io.js united under the auspices of the Linux Foundation
- Presentation: raising the level of JavaScript knowledge (Leveling Up at JavaScript)
- javascript.com - educational portal
- How to become a great JavaScript developer (How to Become a Great JavaScript Developer)
- Intro to JS Animation (Intro to JavaScript Animation)
- Using MySQL with Node. And node-mysql JavaScript client (Using MySQL with Node.js & the node-mysql JavaScript Client)
- Universal JavaScript (Universal JavaScript)
- Unit testing of AngularJS applications (Unit testing AngularJS applications)
- Filters with JS and Google Cartboard (Filtering Reality with JavaScript and Google Cardboard)
- Plugins:
- Animate Plus is a powerful JS library that helps animate CSS properties and SVG attributes.
- Infinite-list - the implementation of the infinite scroll? working with 60fps
- Guitar tuner
- Dokker.js - JS code documentation
- Dynamics.js - a library for creating "physics" in animation
- KinWin.js - minimalist library for manipulating the DOM
- mark [lib - library for serializing allocations
- Introduction to Verlet.js (An Introduction to Verlet.js)
- What's new in Babylon.js? (What's New in Babylon.js?)
- jQuery.profanityFilter - client profanity filter
- svg2d3 - converter from SVG to d3.js code
- OzPlayer is the first fully accessible video player.
- Quttons - question buttons
Browsers
- html5accessibility.com - current state of accessibility support in browsers
- favicon-bug - single-gigabyte favicon site icon
- Favicon related vulnerability in Chrome and Firefox
- How to make Firefox the safest browser
- Chrome for Mac has been optimized and now it uses resources more efficiently
- Google has implemented proprietary code in Chromium
- Safari 9: everything web developers need to know
Sites with interesting design and functionality
- 25 fresh examples of sites with minimalist design.
- Sites with watercolor paint
- frontporch.io - volume interactive background and interesting effects of targeting
- paulineosmont.com - a site with interesting examples of animation
- http://www.habib-fadel.com - site with non-standard visual effects
- huskditkryds.dk - an interactive site with a conceptual design
- boscoalto.com - a site with cool transitions between slide pages
- scarlet.macaw.co - nice 3D animation
- spotify-tasterewind.com - isomorphic effects
Design
- 8 common design mistakes (and how to avoid them)
- Material Design and Search by the example of a reference application
- Kill Comic Sans: 23 simple games for designers
- A mode for interface design will appear in Photoshop CC 2015
- Intercom Vice President: The entire Internet industry will switch to card interfaces
- The typewriter spoke about the process of redesigning the Quora logo.
- When can a bad UX be effective?
- Games for designers
- What is the optimal time duration for interface animation? (What is the Optimal Duration of the Animation Interface?)
- Create an advanced animation in Photoshop (Creating Advanced Animations In Photoshop)
- Typography speaks more than words (Typography Speaks More Than the Words)
- Seven UX experts share the most annoying usability bugs (7 UXperts Share Most Annoying Usability Mistakes)
- What can and cannot do in UI design - from Apple (UI Design Dos and Dont's)
- Forget the UX. How to focus on conversion-oriented design (Forget UX. How to Focus on Conversion Centered Design)
- Trends design form text fields (Form Input Design Trends)
- NASA Style Guide
- Google launched Material Design for Muslims (Google has launched a Material Design website for Muslims)
- About Design in Meerkat (Inside Design: Meerkat)
- The process of creating design Moments (Designing Moments)
- Eleven Apple Watch Application Design Tips (11 Tips For Designing Apps for Apple Watch)
- Seven future web design trends (7 future web design trends)
- Geometric Design: Knots and Waves (Geometric Design: Knots and Weaves)
- Lose yourself in scenes from Pixels Huh (Lose yourself in the scenes of Pixels Huh)
- Application Prototyping: Getting Started with Facebook Origami (App Prototyping: Getting Started with Facebook Origami)
- Pixat Tutorial: How to make an animation about scrolling direction showing the process of loading data (Pixate Tutorial: Animation based on scroll direction)
- Creating a detailed, illustrated and seamless pattern in Adobe Photoshop (Create a Detailed, Seamless Pattern in Adobe Photoshop)
- Prototyping with Photoshop layer comps (Prototyping with Photoshop layer comps)
- Improvements in Photoshop CC 2015 (Photoshop CC 2015 improvements)
- Introducing the Export to Photoshop-e function parameters (Introducing Export Options for Photoshop)
- Photoshop CC 2015 copies Sketch and that is good (Photoshop CC 2015 is copying Sketch and it's a good thing)
- Designing with Data
- How to vectorize a Team Awesome character in Adobe Illustrator (How to Vector the Team Awesome Mascot in Adobe Illustrator)
- 77 ways to design a letter 'M' (77 Ways to Design the Letter 'M')
- Bulk typography from Muokkaa (Dimensional Typography by Muokkaa)
A selection of free designer cookies
- Brushes for Adobe Illustrator (27+ sets of Free Adobe Illustrator Splatter Brushes and Vector)
- Textures with printing effects (10 Free Halftone & Distressed Texture Packs)
- Over two dozen seamless textures for inspiration (20+ Free Seamless Background Textures For Inspiration)
- Icons for online stores (Freebie: 40 eCommerce Vector Icons)
- Six Badge Logos (6 Logo Badges Freebie)
- Icons for online stores (Icons for E-commerce (Freebie))
- Adaptive sports icons in AI, CSH, PNG, PSD, Sketch, SVG formats (Freebie: Responsive Sports Icon Set (40 Ă— 4 Icons, AI, CSH, PNG, PSD, Sketch, SVG))
- Over a dozen hand-picked packs with social networking icons (14 Hand-Picked, Free Social Icon Packs)
- Set with icons for website (FREEBIE: 36 Free Website Icons)
- Beautiful Geometric Fonts (20 Gorgeous Free Geometric Fonts to Download)
- Shumi - decorative sans serif font (Shumi Free font)
- Phage - decorative font sans serif (Phage - Free Font)
news
- Google is testing the “Slow to load” label in the mobile results
- Skype for Web beta version is available to everyone.
- Alibaba will launch its Netflix
- YouTube launches YouTube channel Newswire to promote eyewitness videos
- Stephen Elop and a number of other top managers leave Microsoft
- Google, Mozilla and Microsoft are engaged in the new Internet, where sites will work 20 times faster (WebAssembly)
- Microsoft has proposed a new way to get Windows 10 for free
- Delivering goods with Amazon drones will begin within a year.
- Arkady Volozh ranked fourth in the rating of European IT entrepreneurs by the Financial Times
- Reddit will encrypt all your traffic.
- Yandex will attract third-party investors to develop its project in Turkey
Entertaining
- 3D-printer taught to print objects from the tree
- 7 Apple fans abandoned by Apple Watch
- 50 years exponential: transistor revolution under the law of Moore
- Why are there different hot keys on Mac OS and Windows?
- Why Steve Jobs was an asshole and why young CEOs do not need to copy it - confession of a former employee of Apple
- 8 stunning figures from the life of transistors and microprocessors
- Results of Electronic Entertainment Expo 2015: A Paradise for Gamers
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/260805/
All Articles