The digest of interesting materials from the world of web development and IT for the last week №178 (September 21 - 27, 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 |
news |
Entertaining |
Web development
I am a developer, but this is not my passion- Messy about developing letters
- 10 common mistakes novice web developers
- Web Animation API Guide - Part 3: Multiple Animations , Part 4: Group and Sequential Effects
- September W3C news
Why Performance Matters (Why Performance Matters: The Perception Of Time)- Making the Website Accessible - Making Your Website Design Accessible
- Best lessons on creating browser games (25 Best Tutorials for Developing HTML5 Web Browser Games)
- My current mailing list development process (My Current HTML Email Development Workflow)
- Debugging WebGL and HTML5 in mobile devices with Visual Studio emulators (Debug WebGL and HTML5 Mobile Experiences with Visual Studio Emulators)
- How Pointer Events will simplify cross-browser support for touch events (How Pointer Events will make cross-browser touch support easy )
- Creating websites and applications with RTL-orientation (Building RTL-Aware Web Apps & Websites: Part 1)
- Spectacular web:
- Weekly selection of beautiful effects on CSS / SVG / JS # 5
- SVG Modal Window
- Lavalamp
- Elasticity in progress indicators (Elastic Progress)
- Clocks made from other clocks on pure CSS
- An example of using CSS blending modes for spectacular parallax
- KeepOut - game on WebGL (A 3D dungeon adventure)
CSS
- Naked HTML / CSS , CSS Games. Part 2: StarCraft
- Getting Started with SCSS-Lint
- Life after CSS3: What's new in CSS ... 1?
- Depravity and decadence text-rendering: optimizeLegibility
- A series of articles on Modular CSS and Sass
- Reference Imports in LESS (are kinda cool)
- Deep immersion in PostCSS: what you need to know (PostCSS Deep Dive: What you need to know )
- stylesheets - an up-to-date collection of CSS articles
- W3C publishes first drafts of CSS Basic User Interface Module Level 4, CSS Text Module Level 4, CSS Round Display Level 1
- Solving the problem with long words with CSS (Dealing with long words in CSS)
- Video: Using CSS classes in Modernizr (Watch: Using Modernizr CSS Classes)
- Modern web layout with flexbox (Modern web layout with flexbox)
- Mobile navigation for Smashing Magazine: an example (Mobile Navigation For Smashing Magazine: A Case Study)
- Cross-browser customization of appearance using CSS and JS fields of type range (Customizing Cross-Browser Range Inputs with CSS and JavaScript)
- Video: compile Sass with grunt-contrib-watch (Watch: Compiling Sass using grunt-contrib-watch)
- CSS stack context: what it is and how it works (CSS stacking contexts: how it works )
- Shift.css - a simple framework for creating CSS animation
- Creating text masks (How To Do Knockout Text)
- Css Calc Usage Options
Javascript
- Why Vue?
- Likely 2.0 - updated plugin for styling social buttons by Ilya Birman
- Launch nginScript and look to the future (Launching nginScript and Looking Ahead)
- ECMAScript moves to GitHub (ECMAScript moves to GitHub)
- ES6:
- Subtleties of the modular system ECMAScript 2015 (ES6)
- ES6 Arrow Functions (An Introduction to JavaScript ES6 Arrow Functions)
- ES6 Generators and Asynchronous JavaScript (ES6 Generators and asynchronous javascript)
- Write on ES6, not Coffee (Make ES6, Not Coffee)
- Nicolas Bevacqua ES6 series of articles on ES6: ES6 Math Additions , ES6 Object Changes , ES6 Strings (and Unicode) , ES6 Array Extensions
- Promises:
- Beginner's Guide to JavaScript Promises
- Promisees - Promisees (Promisees visualization playground for the adventurous)
- awesome-promises - curated list of resources for promises in javascript
- JavaScript Promises with Node.js (JavaScript Promises with Node.js)
- Pro JavaScript Concepts for Enterprise Developers
- JS Engine Guide for idiots (A Guide to JavaScript Engines for Idiots)
- Constructors in JS (Understanding JavaScript Constructors)
- Useful Javascript Debugging Tips You Didn't Know About (Useful Javascript debugging tips you didn't know)
- How to make virtual reality today on the web (How to Build VR on the Web Today)
- Learn pure React - without JSX, Flux, ES6, Webpack (Learn Raw React - no JSX, no Flux, no ES6, no Webpack ...)
- Lessons:
Video Cycle: How to Write an Open Source JavaScript Library- Create a mobile app with Famo.us and Angular (Create a Mobile App Using Famo.us and Angular)
- Let's write a web extension.
- Create a mailbox with Gmail JavaScript API (Mastering Your Inbox with the Gmail JavaScript API)
- Creating an animated product slider with Sequence.js (Creating an Animated Product Slider with Sequence.js)
- JSCity - visualization of JavaScript source code in the form of volumetric images of cities with the ability to navigate (JSCity - visualizing JavaScript)
- Creating tips with EnjoyHint (Hints Creation with EnjoyHint)
- queryl - query language for performing complex object searches (queryl - query language to perform complex object searches)
- Video from LvivJS 2015
- Videos from Nordic.js 2015
Browsers
- Meet the new brand Opera
- Firefox 41 release , some technical details for web developers
- Preview of the new tool for working with animations in Firefox 43
- New Firefox 42 is available in Beta test mode.
- How to work on Chromium
- ORTC API is already available in Microsoft Edge
- Chrome, Firefox, Safari, Opera, Edge? Alternatives to major browsers (Chrome, Firefox, Safari, Opera, Edge? Impressive Web Browser Alternatives)
Design
- Why did Apple come up with and introduced in iOS a new font San Francisco?
- 5 design rules for wearable devices
- How design helps bring clean water in Africa
- Atmospheric vintage movie posters
- 6 web design trends that you should know about in 2015 & 2016
- A collection of useful plug-ins and tools for Photoshop
- 99 jokes that only web designers can understand (99 Jokes Only Web Designers Will Understand)
- Why negative thinking has a positive effect on design (Why Thinking Negatively is Actually Good for Web Design)
- Do you have to be bold with your typography? Ask Mr. Robot.
- All web design is boring now (Web design is now completely boring)
- Three steps for the best UI wireframes (3 Steps to Better UI Wireframes)
- Canadian Web Design (Showcasing Web Design From Canada)
- Floral Pattern Design in Adobe Photoshop (Design a Floral Pattern for Adobe Photoshop)
- Spotify mobile: what would improve (Spotify mobile: An experience to consider)
- Why am I doing something terrible every day (Why I make something awful, every day)
- Starbucks Android Material Design
- Two Lessons For Using Feedback
- New design brand Opera (Meet the new Opera brand identity)
- Design on Facebook (Design at Facebook)
- The art of fast iterations (The art of iterating quickly)
- How to display thread discussions on the web (How to display threaded discussions on the web)
- Why you should try on Material Design for your next project (Why should you look at Material Design for your next project.)
- UX / UI viral product (UX / UI to make your product viral)
- Illustrations from pixel-art films and interviews with the author (Pixel Art Movie Scenes - A Q & A with Gustavo Viselner)
- Seven more tips to speed up work with Photoshop from professionals (7 MORE Photoshop Master Tips to Speed up Your Workflow)
- Seven excellent plugins that bring work with Sketch to a new level (7 Fantastic Plugins to Level-up Your Sketch App Powers)
- Sketch-Find-And-Replace - plugin for search and replace in Sketch 3
- sketch-palettes - color palettes for sketch
- The Secret of New Fonts from Apple - New San Francisco (The Secret of the Apple's New San Francisco Fonts)
A selection of free designer cookies
- Free Television Textures
- Seamless Icon Patterns (Freebie: Seamless Icon Patterns)
- Patterns dedicated to All Saints Day (Freebie: 10 Vector Halloween Patterns (AI, EPS & JPG))
- Best Business Card Templates 2015 (40+ Best Free PSD Business Card Templates 2015)
- Excellent UI kits in PSD format - September 2015 (27 Wonderful Free PSD UI Kits - September 2015 Edition)
- Mockups of posters and flyers for September 2015 (21 Awesome Free Poster & Flyer Mock-ups - September 2015 Edition)
- PSD with mobile app settings (Freebie PSD: iOS 8 Dark App Settings View)
- Vector graphics on various subjects (25 Free Vector Graphics All Designers Should Download)
- Business Vector Images (28 Free Business Vectors You Can Download)
- Vector images for your design (30 Free App Vectors You Should Use In Your Designs)
- We Love SVG Icons Set (We Love SVG offers Open Source Icons for UI Design)
- A set of icons dedicated to hosting and those. Support (AI, EPS, PSD, SVG, PNG) (Freebie: Web Hosting & Technical Support Icons (AI, EPS, PSD, SVG, PNG))
- Icon sets for web designers (30 Free Icon Sets for Web Designers)
- Icons of the most famous places (World Landmark: 12 Free Icons)
- Measure - decorative sans serif font
- Luzern - sans serif font
- The Best Free Alternatives to the Most Popular Fonts
news
- JavaScript is built into the nginx http server
- Skype Web can work without plugins in the Edge browser
- Twitter updated the button design for external sites for the first time in four years
- Google has introduced a new data compression algorithm Brotli
- Microsoft's novel with Linux is enhanced
- Microsoft has teamed up with Baidu to promote Windows 10 in China
- Yandex is 18 years old
- Yandex restarted Avto.ru in a new design
- North America has run out of free IPv4 addresses
- Facebook launched 360-degree video support
Entertaining
- How I became a programmer. The path from St. Petersburg homeless to Senior Developer for 6 years
- 13 buttons on Facebook (besides Dislike) that are really needed
- New Delivery: 14 free online courses on IT and programming at FutureLearn
- Scientists have connected two human brains through the Internet.
- Six technologies that came into our life from the cinema
- 9 popular cloud services replacing Microsoft OneDrive
- 10 theses: virtual reality
- "Everything is decided by the wow effect": the community creator about AliExpress on VKontakte earns on unusual goods from the online store
- Out of focus: how reading changes in the digital age
- Facebook slap in the face: how to learn to say no to yourself
- 18 fatal mistakes for a startup
- The five largest hacker attacks in the history of the Internet
- Where did Apple get the ⌘ Command key icon
- Gifka for 1000 years (The 1,000-Year GIF)
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/267803/
All Articles