The digest of interesting materials from the world of web development and IT for the last week №207 (11 - 17 April 2016)
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 |
| CSS |
| Javascript |
| Browsers |
| Design |
| news |
| Entertaining |
Web development
The first version of Visual Studio Code 1.0 - the path from a simple editor to a powerful tool- JSCS, CST and New Start , JSCS unites with ESLint
- Effective HTML Forms. Part 1
New Digest from Addy Osmani "Issue 4": Offline badging, DevTools, Testing, Travis, Web Storage, Service Worker Scopes, Data-driven Development, Compute Engine
A fresh video tip on Google’s Totally Tooling Tips developer blog: Web Page Test (S3 Mini Tip # 3)- PPK about confusion with responsive images due to ambiguous behavior devicePixelRatio (Responsive images-x mess on desktop)
- Links and accessibility
- The process of creating HTML letter templates using Gulp (A Gulp Workflow for Building HTML Email)
- Creating letter templates, as is done in 2016 (Building email newsletters like it's 2016)
- The tool for the assembly with the simplest configuration (The Zero-Config Javascript Build Tool)
- Web Font Loading Patterns (Web Font Loading Patterns)
- Aesthetics of the invisible (Aesthetics of the invisible)
- phenomic - static site generator with React components
- Creating a neural network directly in the browser (Neural Network Right Here)
- Creating a 360 degree viewer (360 Degrees Product Viewer)
- flickr posted his layout with ordered images in open source (flickr: Our Justified Layout Goes Open Source)
- Spectacular web:
- Weekly selection of beautiful effects on CSS / SVG / JS # 32
- Interactive 3D Mall Map
- Create a dynamic SVG timer
- Creative loader
- Creative effects for text using three.js
CSS
- Video from the PiterCSS meeting №2, which took place on March 22, 2016 in St. Petersburg.
- Right @apply in CSS (native CSS mixins) (CSS @apply rule (native CSS mixins))
- Webflow: New Visual Website and Module Designer with flexbox
- Flexbox online gaming tutorial
- How to get started with CSS Modules (How to get started with CSS Modules)
- Flexible grids using auto-fill and minmax (Flexible Sized Grids with auto-fill and minmax)
- CSS from the future: when is vanilla CSS good enough to replace preprocessors? (CSS from the Future: When will CSS be good enough to replace Sass, Less, Stylus, and the rest?)
- imagehover.css - library with a set of creative hover effects for images
- Interview with Håkon Wium Lie (creator of CSS) (Interview with Håkon Wium Lie)
Javascript
- Evolution of asynchronous javascript
- 3D in the browser using Three.JS
- Another kind of javascript fatigue (The other kind of javascript fatigue)
- Why JS development is crazy (Why Javascript Development is Crazy)
- A Guide to High-Quality Error Handling in JavaScript (A Guide to Proper Error Handling in JavaScript)
- Adding JavaScript modules to the web platform (Adding JavaScript modules to the web platform)
- Understanding the prototype property in JavaScript
- Understanding JavaScript Modules: Bundling & Transpiling Understanding JavaScript Modules
- Service Workers replace AppCache: Service Workers replacing AppCache: a sledgehammer to crack a nut
- JavaScript Callbacks Explained Using Minions (JavaScript Callbacks Explained Using Minions)
- Webpack - The Confusing Parts (Webpack - The Confusing Parts)
- Considering Salsa - a new service for working with JavaScript in Visual Studio 15 (Previewing Salsa - the New JavaScript Language Service in Visual Studio "15")
- ES / ES7
- TC39 process for introducing new language features into ECMAScript specification
- ES6: Proxy traps from the inside
- Best Node with ES6, Part 1 (Better Node with ES6, Pt. I)
- New Arrow Functions in ES6 (New Arrow Functions in ES6!)
- ES6 symbols: drum roll please! (ES6 Symbols: Drumroll Please!)
- Destructuring and default parameters in ES6 (Destructuring and Default Parameters in ES6)
- ES6 trees (Trees of Promises in ES6)
- Framework:
- Angular 2 Beta, training course "Tour of Heroes" part 2
- React in practice: an application with data sorting and searching
- Angular vs React, some surprising trends
- Performance Optimization for React-applications (Performance Optimizations for React applications)
- Getting started with Rx.js: introduction
- React in 15 minutes - [Part 1 of 3] (React in 15ish minutes - Reactjs Tutorial - [Part 1 of 3] - Codepen.io)
- Getting Started with React and JSX (Getting Started with React and JSX)
- Lesson: Let's create a React application with Redux (Tutorial: Let's Build a Redux Powered React Application)
- React Native Beauty: Creating Your First iOS Application With JavaScript (Part 1) (The Beauty Of React Native: Building Your First iOS App With JavaScript (Part 1))
- Say hi React CDK (Component Development Kit)
- Creating a To Do List One-Page Application with Node and Angular (Creating a Single Page Todo App with Node and Angular)
- JavaScript Entity Graph ( In-memory graph data bases for JavaScript data) (JavaScript Entity Graph - an in-memory graph database for JavaScript data.)
- Comparative table of accessibility for media players (Web-Based Media Player Accessibility Comparison Table)
- FapfapJS - manual JS-feast for DIY enthusiasts
- webpack-validator
- Iframify - replaces the DOM element with its iframe version
Browsers
- Project Tofino - the new Mozilla browser
- Chrome 50 web browser release
- Windows XP and Vista users have lost their Google Chrome updates.
- A world without passwords: Windows Hello in Microsoft Edge (A world without passwords: Windows Hello in Microsoft Edge)
- Skype works on the web without plug-ins, but only if you are using the Edge browser (Skype works)
Sites with interesting design and functionality
- plane-site.com - a site with unusual three-dimensional transitions between iterations
- andy-hook.co.uk - a nice site with parallax and animated effects
- austin-weight.com - site with non-standard hover effects
- nurturedigital - a great portfolio with stylish scrolling effects and an emphasis on typography animation
- All shots made by legendary NBA player Kobe Bryant, all 30,699 (Every shot Kobe Bryant ever took. All 30,699 of them)
- Sites made in Poland
Design
- 9 popular bugs in mobile UX-design
- About animation in mobile UX designs
- Git for beginners and interface designers
- Interview with Tom Krch, Adobe XD
- Wrong, but popular decisions in mobile UX-design
- Open letter to novice designers
- Stop feeling stupid about combining fonts (Stop Feeling Dumb About Pairing Fonts)
- The Psychology of Color in Web Design (The Psychology of Color in Web Design)
- Ninja Cote: New Emoji for Windows (Ninja Cat: The Windows-only Emoji)
- Concept of store integration in Instagram (What if you could purchase products on Instagram?)
- You fight like a designer (You Fight Like a Designer)
- Design Facts
- Top Tips for Designing Cool Packaging and Labels (10 Top Tips for Designing Awesome Packaging and Labels)
- Six practical hacks to take creative photos using your smartphone (6 Practical Hacks for Your Smartphone)
- How to catch the user's attention (and other cruel traps) (How to Catch the Eye of Users (and Other Fiendish Traps))
- Sketch 3.7 and New Symbols (Sketch 3.7 and New Symbols)
- Online alternatives to photoshop (9 Best Free Photoshop Alternatives Online)
- Adobe Photoshop Actions, 60 seconds explanation (Adobe Photoshop Actions, Explained in 60 Seconds)
- Design 2016: Year of Illustration? (Design 2016: The Year of Illustration?)
- You can do almost anything (part I) (You Could Almost Do Anything Pt. I)
- Optical compensation in logo design (Optical corrections in logo design)
- Logo Design for Responsive Websites (Logo Design For Responsive Websites)
- A short list of finalist logos for Tokyo 2020 (Tokyo 2020 logo shortlist revealed)
- Generator logos for a given company name
- Mark Simonson, a living legend who created Proxima Nova (Mark Simonson, The Living Legend Behind Proxima Nova)
- PS Fournier: A tribute to the French modern era of typography by Stéphane Elbaz (PS Fournier: A tribute to the French modern typography by Stéphane Elbaz)
- Charlie Rose - typographic identity for TV shows
- Combinations of suitable Google fonts (Typography: Google Fonts Combinations)
A selection of free designer cookies
- Action to Photoshop for creating the effect of sorted pixels - Glitch Art (Free Pixel Sorting Photoshop Action for Creating Glitch Art)
- Landing Page Template (with iPhone Mockup) (Free Landing Page Template (with iPhone Mockups))
- Samsung Galaxy S7 Mokap (PSD) (Free Samsung Galaxy S7 Mockup (PSD))
- Vector monograms (56 Awesome Vector Monograms)
- Flower Vector Graphics (Freebie: +60 awesome floral vector resources)
- Free vector on natural themes
- Sets of icons on the theme of photos. (Photography Icons - Free Downloads!)
- More than two hundred sets with icons (240+ Amazing Free Icons Sets)
- Set with a thousand icons for web designers (Get 1000+ free Squid ink mini Icons for Web Designers)
- Icons for Google Play apps for Sketch (Freebie: Google Play Apps Icons For Sketch)
- Adaptive office icons (EPS, PDF, SVG, PNG) (Freebie: Responsive Office Icons (EPS, PDF, SVG, PNG))
- Beautiful serif fonts (Typography Heaven: 43 Free Serif Fonts to Dream of)
- Exan-3 - futuristic minimalist sans serif font (Exan-3 // Free Font)
- Day Drunk: Handwritten Font (Day Drunk: A Handwritten Font)
news
- Google indexes the title attribute of images
- Telegram announced the first large-scale update of the bot platform
- Facebook launches chat bots for messenger
- Microsoft has launched a service that automatically generates photo captions.
- QR-codes will appear on blue screens of death of Windows 10 to quickly find the cause of the error
- Linux graphic programs are running in Bash for Windows 10
- Google helps to find time for life goals using the automatic scheduler in the "Calendar"
- Windows 10 Summer Update: List of Expected Changes
- Mark Zuckerberg showed an internal version of Facebook with additional functionality.
- Facebook introduced the Surround 360 camera for creating virtual content
- IAB has developed a mechanism for testing optimal HTML5 advertising
- Panama Archive could steal through holes in WordPress and Drupal
- Neural network learned to think out the image
Entertaining
- CNN, Poncho, Spring: Facebook Messenger Bots Now Available
- Apple vs FBI: episode 146
- Oculus Rift vs. HTC Vive
- Stephen Hawking, Yuri Milner and Mark Zuckerberg will send mini-ships to Alpha Centauri at a speed of 161 million km / h
- Graphene and the world technical revolution
- How famous IT giants got their names
- An error in the bash-script led to a complete cleaning of all servers hosting provider
- What do the wives of Western IT entrepreneurs do - Elon Mask, Eric Schmidt, Kevin Systrom and others
- 12 books with stories of great IT companies
- You do not need to build a scalable startup
- How iconic exoskeletons invaded our reality
- Ilon Musk: 15 quotes follower Steve Jobs and Leonardo da Vinci
- https://www.google.com/killer-robots.txt - Easter eggs from Google with recommendations for terminator robots not to kill the founders of Google
- Classic paintings and programmers (Classic Programmer Paintings)
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/281789/
All Articles