The digest of interesting materials from the world of web development and IT for the last week №159 (May 4 - 10, 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
Creating a gulp-plugin on the example of building a dependency graph for Angular JS modules from the sandbox- Conference DUMP-2015: how it was
- Assessing the popularity of dirty hacks among developers in various programming languages
Sit the Test : 4 CSS, HTML and JS tests- Performance Bookmarklet - bookmark analyzing page performance
- Microsoft presents Edge Dev - a new blog for developers
- Mobile Sites Vs. Responsive - The day after Google's update (The Day After Google's Algorithm Update)
- Coding and Designing for General Accessibility (Intro to Coding and Designing For Accessibility)
- Detailed article from Ana Tudor on Transformations in SVG (Transforms on SVG Elements)
- Making SVG Accessible (Making SVG Accessible)
- Microsoft Visual Studio Code: mini-review 7 days after release
- Form Fields: The Cross-Browser Problem You Didn't Know About (Form Inputs:
- Ambitious, awesome and useful data attributes (The Epic, Awesome & Supremely Useful Data Attribute)
- Bazel - Google's tool for compiling code.
- Facebook PathPicker
- How TV functionality uses web technologies (How TV Functionality Leverages Web Technology)
Video from Fluent Conference 2015: The Web Platform- How to create a code editor similar to Sublime, Vim and Emacs using HTML5 (How to build competitors to Sublime, Vim and Emacs using HTML5 - Zef Hemel)
- Animated pattern using Snapsvg
- Web tools:
- icons8.com/responsive-icons - This is like a responsive design, but only for icons: they look differently depending on their size. Icons8 has released a library of 50 free responsive icons that you can play with and a free utility to create your own responsive icons.
- HTML Arrows Generator
- User Persona Creator
- CodeBeautify - toolkit with support for a large number of formats and languages
- PlayCanvas editor
CSS
- 3 disasters of responsive design and how to avoid them
- Responsive design + Icon fonts = Adaptive icons
- Build with flexbox
- Organize Flexbox crossbrowser bugs . Translation of the article Normalizing Cross-browser Flexbox Bugs by the community css-live.ru
- Fibonacci flexbox composer
- Sass pixel art
- Introduction to Mobile-First Media Queries
- Video: Getting, Installing and Verifying Sass
- Sprite Sheet Animations Using Only CSS
- Useful Sass Snippets
- Mastering CSS: BEM and ITCSS (Mastering CSS: BEM and ITCSS)
- Interface Animation with CSS (Putting Your Event In Motion With Val Head — An Event Apart Video)
- Is the upcoming Material Design CSS library a killer Twitter Bootstrap?
- Short video: quantitative expressions in action (Video: Quantity Queries In Action)
- How to create a progress bar with CSS3 (How to create a CSS3 progress bar)
- CSS Filter Effects
- Extending in Sass without Creating a Mess (Extending In Sass Without Creating A Mess)
- Marx - new stylish CSS reset.
- FormHack - reset styles for forms in SASS
- Introducing Neat - Semantic Sass Grid (Intro to Neat - A Semantic Sass Grid)
- Less: not just the basics with the bootstrap impurity library (Less: Beyond Basics with the Bootstrap Mixins Library)
- The five best material design frameworks to use in 2015 (Top 5 Material Design Frameworks to Use in 2015)
- Random Gradient Generator (CSS)
Javascript
- ES6 and beyond. Chapter 1: ES? Present and Future
- Logging js-errors in piwik (analogous to google analytics)
- Release io.js 2.0, fork of Node.js server-side JavaScript platform
- How in JavaScript to determine whether the function is native
- Asynchronous javascript. Past, present and future.
- Funny demo of using underlineJS
- Death of AngularJS (The Death of AngularJS)
- Top 18 major developer mistakes when working with AngularJS (Top 18 Most Common AngularJS Developer Mistakes)
- Best resources for learning AngularJS (20 best resources for learning AngularJS)
- Key words Angular2 (THE CORE CONCEPTS OF ANGULAR 2)
- ES6: testing functions (ES6: Features By Testing)
- Bootstruct - a router associated with the structure for NodeJS
- Web Animation with JavaScript: animating text (Web Animation using JavaScript: Animating Text)
- Building Scalable Web Applications with TypeScript (Building Large Scale Web Applications with TypeScript)
- Brisket from Bloomberg - a framework for creating a SPA using isomorphic JS
- React.js path: Flux architecture with Immutable.js (The React.js Way: Flux Architecture with Immutable.js)
- Unchanged in React (Immutability in React)
- Ember Hearth - an application for managing Ember projects
- jquerymy.js - a lightweight jQuery plugin for complex two-way data-binding in real time
- Processing images on web pages using CamanJS (Manipulating Images on Web Pages with CamanJS)
- Clusterize.js - plugin to quickly display a large amount of data presented in rows, or simply using the existing markup in tables / lists.
- expand.js - a library of 80+ elements and 350+ utility functions
- JSVerify - write powerful and expressive tests
- Rise of transpilers from Jeremy Ashkenas (CODE GENIUS - Rise of the Transpilers by Jeremy Ashkenas)
- Future Node - Rod Vagg (The Future of Node - Rod Vagg)
Browsers
- Mozilla will stop supporting binary components in Firefox add-ons
- New Firefox features will only work on secure sites.
- Microsoft Edge Browser will have closed source
- Adding Asm.js to Chakra and Microsoft Edge (Bringing Asm.js to Chakra and Microsoft Edge)
- Browser Market Trends 2015: Will Microsoft Be able to Fight Back With Edge? (Browser Trends May 2015: Can Microsoft Regain the Edge?)
- High performance video with hardware decoding (High performance video with hardware decoding)
- Browserhacks - an expanding list of browser hacks for CSS and JavaScript
Sites with interesting design and functionality
- Significant changes in Flickr service: mobile and web version redesign, improved search engine
- Interactive background kaleidoscope
- nclud.com - nclud updated their site with new design and unusual effects
- Concept site with photos
- protectwise.com - a site full of cute animation effects
- jozefmetelka.com - biker site with interesting animation
- Internet Archive Redesign
- smallstudio.com.au - site with animations and non-standard structure
- ksize.be - a site with nice graphics and parallax effect
- vtcreative.fr - one-page scroll-site with animations
- avenirclinic.com - a site with pleasant animation
Design
- Creating a Landing Page Design
- 9 amazingly popular myths about UX
- Looks at the monitor in web design
- Design development in the browser and in Photoshop: pros and cons
- Cyrillic typography for your inspiration.
- Design patterns: the biggest trends of 2015 (Designing patterns: the biggest web trend of 2015 so far)
- Professional Web Typography
- Designers and developers: now under one roof (Designers And Developers: No Longer A House Divided)
- Free Alternatives to Creative Cloud (Free Alternatives to Adobe Creative Cloud)
- Infographics: Photoshop history (Infographic: The history of Photoshop)
- Modern minimalism is the right choice. (Modern minimalism IS the right choice)
- Five ridiculous common misconceptions about UX (5 Ridiculously Common Misconceptions about UX)
- Destruction of UX design myths: 7 misconceptions about user experience (Mythbusting UX design: 7 misconceptions about user experience)
- Create simple vector graphics in InDesign (Quick Tip: Create Simple Vector Graphics in Adobe InDesign)
- How to use the Mesh Fill tool in CorelDRAW (How to Use the Mesh Fill Tool in CorelDRAW)
- Awesome font combinations for your inspiration (15 Stunning Font Combinations For Your Inspiration)
The most popular photo designer Andy (Very Busy Andy)
A selection of free designer cookies
- Free business card templates
- More than seventy mockups and elements with three backgrounds for creating a photo table of a creative designer (Creative Scene Generator Free)
- Free Files for Adobe Illustrator (Freebie .AI & .EPS Files for Adobe Illustrator)
- Mockups for demonstrating responsive web design (15 Mockups to Showcase Your Responsive Web Designs)
- Best May UI Sets (23 Best Free UI Kits - May 2015 Edition)
- May release of website templates in PSD format (23 Free Photoshop PSD Website Templates - May 2015 Edition)
- Smashicons Icon Set (Smashicons Is The Largest Ultimate Smartest Greatest Slickest Icon Set In The World)
- Spring 2015 icon sets (40 best free icon sets, Spring 2015)
- El Capitan Handwritten Font (El Capitan: Hand-Drawn Font)
- Didactic - Serif Font
news
- Yandex has closed the Yandex.Kit Android firmware project and finished the experiment with the islands
- Microsoft has stopped the development of Windows, new versions will no longer be
- Official: Consumer version of the helmet Oculus Rift will be released in early 2016
- Google has found that smartphones have bypassed desktop computers by the number of generated search queries in 10 countries of the world.
- Why did not Windows 9 come out? Joe Belfiore hinted at the answer with a binary code on his T-shirt
- Office 2016 Public Preview is available to everyone.
- Google closes PageSpeed
- What to expect from Google I / O 2015: Android M and wearable electronics
- Google allows you to bookmark a map from search results
- Google develops tools for creating high-performance Android applications in the Dart language
- Facebook has opened the Internet.org platform for third-party developers.
- Apple plans to kill free Spotify and overcome Tidal
Entertaining
- How not to work and receive a salary: Google pays unoccupied employees so that they do not go to competitors
- Dizzy with success: Apple Watch review
- Hi-tech history: How the first Soviet computer was created
- How to get to work at Google and is it worth it
- Tesla Powerwall and others: whether to wait for the imminent battery revolution?
- Tesla home battery and the future of the electric vehicle manufacturer: opinions of journalists and experts
- 10 math and logic tasks from interviews at Apple, Google, Adobe and Microsoft
- Planetarium (Planetarium)
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/257635/
All Articles