The digest of interesting materials from the world of web development and IT for the last week №188 (December 1 - 6, 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 |
| CSS |
| Javascript |
| Browsers |
| Design |
| news |
| Entertaining |
Web development
Six things you need to know about moving WordPress to JavaScript.- A couple of words about the "death" of Flash, Animate CC and Web standards
- Technical SEO 2015: we adapt the website to organic search
- Dynamic sites with static speed: the art of site caching
- Accelerate the loading of resources for the site: preconnect, prefetch, prerender, preloading ...
- Website layout with Sketch and Atomic Design
What the web can do today (What Web Can Do Today)- Video: recall the structure of the document in the world of HTML5 (Watch: Remembering the Document Outline in an HTML5 World)
- Flash, HTML5 and open web standards (Flash, HTML5 and Open Web Standards)
- Metadata markup
- Display password complexity with `meter` (Password Strength` meter`)
- Guide to frontend conferences in 2016 (A Guide to 2016 Front End Conferences)
- Insurance of Critical Failure Points with Service Workers (Reducing Single Point of Failure using Service Workers)
- Styles and scripting sliders for native sliders in forms
- Working on Chrome performance with WebPageTest (Working on Chrome Performance with WebPageTest)
- How to automate a visual regression test (How to automate a visual regression test)
- HTML5 mastery: restrictive rules (HTML5 Mastery: Scoping Rules)
- tq - command line utility for selecting HTML elements using CSS selectors
- SVG:
- How to implement cross-browser SVG icons
- Fall and Rise of SVG
- SVG Font Selection Properties
- Adobe Illustrator CC has fully updated SVG export, optimizing it for web and mobile devices.
- Spectacular web:
- Can you code this UI concept? (Can You Code This UI Concept?)
- Weekly selection of beautiful effects on CSS / SVG / JS # 15
- Interactive demo on the engine Goo Engine, based on HTML5 / WebGL
CSS
- An Introduction to Hardware Acceleration with CSS Animations
- Seriously, use icon fonts. (Seriously, use icon fonts). The answer to the recent article Seriously, Don't Use Icon Fonts
- Flexbox Froggy - an interactive game for exploring the flexbox model with a funny concept
- Faster build SASS with Webpack (Faster SASS builds with Webpack)
- SGrid view: Stylus and Flexbox based grid (Introducing sGrid: A Stylus-based Flexbox Grid System)
- Animate your brand (Animating Your Brand)
- Getting Started With calc () (Getting Started With CSS calc ())
- Solid - BuzzFeed's CSS style guide
- CSS Preprocessing with Visual Studio
- Flexbox Grid Subtleties (Flexbox Grid Finesse)
- CSS font-display property available Chrome Canary
- CSS to increase the area of the product image, without JavaScript (CSS Product Magnification - without JavaScript)
- Hover Zoom Effect with SCSS and Jade
Javascript
- Desktop JavaScript applications. Part 1
- Measurement of productivity of functions in JavaScript
- RadioJs Podcast, Release 33 : Upside Down Databases
- Simplified JavaScript Jargon JS Jargon
- Modern JS tools and the stories behind them (Modern Javascript Tools and Behind Them)
- Deep cloning of objects in JS without dependencies (Deep Cloning Objects In Javascript Without Dependencies)
- JavaScript outside the web in 2015 (JavaScript Beyond the Web in 2015)
- The Importance of Writing Code That People Can Read (The Importance of Writing Code That Humans Can Read)
- Configuring Babel 6 (Configuring Babel 6)
- How to Schedule Background Tasks in JavaScript (How to Schedule Background Tasks in JavaScript)
- Using the Battery Status API to tailor your application (Using the Battery Status API to Optimize Your Development)
Tips for building your first Meteor app from Anders Ramsay (Tips for Building Your First Meteor App - Anders Ramsay)- Web Push messages from Irssi (Web Push notifications from Irssi)
- An Introduction to ClojureScript (An Introduction to ClojureScript)
- ES6:
- ES6: Let, Const and the “Temporary Dead Zone” (VMZ) from within
- ES6: Iterators from the inside
- An Introduction To JavaScript ES6 Modules
- Framework:
- Universal react
- How to create a Task List application using React, Redux, and Immutable.js (How to Build a Todo App Using React, Redux, and Immutable.js)
- React Progress 2 - progress indicator for React in the style of YouTube
- Moving Bugsnag's front-end parts to React (Moving Bugsnag's front-end to React)
- Reagent - a utility for testing React components
- Angular2 Series - Template Syntax (Angular2 series - Template Syntax)
- Creating normal, scalable Angular applications is not easy, but possible. Lessons learned while working with PayPal Checkout. (Sane, scalable Angular apps are tricky, but not impossible. Lessons learned from PayPal Checkout.)
- Plugins:
- New library Bliss from Lea Verou, which will please fans to write on Vanilla JS
- Labella.js - labels must be beautiful
- Split.js - utility for creating shared panels
- Jump.js - very smooth scrolling
- AutoAnimations - automatic animation for all inserted and removed DOM elements that do not have CSS animations
- HighwayJS - a library for roving without dependencies
- dreamjs is a lightweight JSON data generator
- booking.js - make a nice booking widget in minutes
Browsers
- Microsoft has announced the opening of the JavaScript engine Edge browser
- Saving Chrome Android traffic can now reach 70%
- Multiprocess Firefox Electrolysis will not be released this year
- Mozilla will stop showing ads on the Firefox start page.
- Chrome 47 web browser release
- Improvements in working with WebRTC in Chrome 47 (Chrome 47 includes several significant WebRTC enhancements and updates)
- 12 extensions for Chrome, motivating you with each new tab (12 Chrome Extensions to You With Each New Tab)
- Browser trends December 2015: the fight for the future of Firefox (Browser Trends December 2015: the Fight for Firefox's Future)
- San Francisco developer has created a web surfing emulator of the last twenty years
Design
- What's new in E-Commerce web design (What's the Latest in E-Commerce Web Design?)
- Examples of atypical layout in web design
- Crafting a Great Branding Delivery
- How I did an app design for Refinery29.com (How I Appified Refinery29.com)
- Pantone unveiled two colors for 2016 (Pantone unveils two colors of the year for 2016)
- Ten great web design trends in 2015 (The 10 Big Web Design Trends of 2015)
- Doing Real Design Work on iPad (Doing Real Design Work on an iPad)
- 100Spher.es - experiments with virtual reality
- Web designers tools:
- Welcome, Adobe Animate CC, new era for Flash Professional
- Adobe has released an update to Phtotoshop 2015.1 (Adobe Releases Photoshop's Greatest Update Yet)
- A modeling application has been added to Adobe Creative Cloud.
- Why does Sketch leave the Mac App Store?
- Silver: Lightweight Mobile Prototyping in Sketch 3
- Sync Sketch plugin - a sync plugin for team work
- How to use the Sympli plugin for Sketch, a web application and the Android Studio plugin
- Select the optimal tool for prototyping (Selecting the optimal prototyping tool)
- Typography:
- Why is Proxima Nova everywhere? (Why Proxima Nova Is Everywhere)
- Get expressive with your typography (Get Expressive with Your Typography)
- People should use typography: interview with non-latin type designer Erin McLaughlin (People's Guide to Interview with Non-Latin Type Designer Erin McLaughlin)
- UI / UX:
- UX state in 2016 (The State of UX in 2016)
- Colors and Contrast in UI Design (Colors And Contrast In User Interface Design)
- Why Sketch is the best friend of a UI designer (Why Sketch is the UI Designer's best friend)
- 4 things you will never hear from a successful UX designer (4 Things You'll Never Hear From Successful UX Designers)
- Interview: Urooj Qureshi, UX designer and owner of 123ContactForm (Interview: Urooj Qureshi, UX Designer & Product Owner at 123ContactForm)
- Lessons:
- We prototype a fitness app in Pixate
- Draw an owl using a round grid in Adobe Illustrator.
- Create an illustration of a winter home in Adobe Illustrator (Create a Winter House Illustration in Adobe Illustrator)
- Photoshop in 60 seconds: Smart Objects (Photoshop in 60 Seconds: Smart Objects)
- Prototyping with Marvel and Sketch: Part 1 of 2 (Prototyping with Marvel and Sketch: Part 1 of 2)
A selection of free designer cookies
- Christmas cards in vector
- Vector Christmas Ornament
- Sixteen mokapov-calendars for the New Year (16+ Calendar Mockup Templates For New Year)
- Sets of vector graphics on a musical theme (22+ Best Free Music Vector Graphic Designs)
- Friday Freebie - Christmas edition
- Mocap application with Material design (Get Free Material Design App Mockup PSD)
- Christmas and Winter Icon Sets (AI, EPS, SVG and PNG) (Free Christmas & Winter Icon Set (AI, EPS, SVG & PNG))
- More than two hundred beautiful icon sets (200+ Amazing Free Icons Sets)
- Over thirty five fonts for designers (35+ Useful Free Grid Fonts For Designers)
news
- Adobe focused on HTML5 support instead of Flash
- Rutracker.org is unavailable for Russian users: “civil defense exercises” against blocking started
- YouTube can start broadcasting popular movies and TV shows.
- Mozilla wants to abandon the development of Thunderbird
- Media reported on Yahoo's management plans to sell the company's Internet business.
- WSJ: YouTube will broadcast popular movies and TV shows
- Google Images can now save images for future viewing.
- The share of Windows 10 in the operating system market has reached 9%
- Bill Gates can invest billions of dollars in green energy
- Apple has opened the source code of the language Swift
- PHP 7.0 programming language release
- Mark Zuckerberg promised to transfer 99% of his Facebook shares worth $ 45 billion to a charity fund
Entertaining
- The results of Dreamhack Winter, the launch of the cyber-channel and other news of the e-sports week
- 57 free online December courses on programming, design and management
- OLED screens. Yesterday Today Tomorrow
- Real discounts on gadgets or what does "vparivaet" us AliExpress?
- A brief history of USB: predecessors and competitors losers
- The founders of Microsoft, Facebook, LinkedIn, Amazon and others are investing in clean energy development.
- IT fiters share experience
- Mark Zuckerberg explained where 99% of his Facebook shares will go
- 15 ways to concentrate on work, the effectiveness of which is proven by scientific research
Google tracks Santa Claus's path (Google Borrows Santa's Tech To Track His Sleigh)
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/272491/
All Articles