The digest of interesting materials from the world of web development and IT for the last week No. 145 (January 26 - February 1, 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
Lectures Technopark. 1 semester Web technologies- WebGL or Three.js vs Babylon.js game world
- Ideas for HTML6 or HTML.next
- Introduction to HTML Import
- Secrets of browser-based developer tools (part 1)
- Why can't we make truly responsive images with CSS or JavaScript
"Today I Learned" - authors share everything new that they have learned lately- SVG Complete Guide
- SVG basics - creating lines using linear commands
- Weighing SVG animation techniques
- Mobile Web Animations (as part of Yelp site optimization)
- The idea of dynamic fonts for responsive design
- Automate your tasks with Gulp.js
- Web tools
- SVG image optimization service
- Useful SVGO [ptimization] Tools
- Yellow Lab Tools - a service for analyzing web pages in terms of performance and weight
CSS
- CSS Report 2014: Testing the use of CSS in the “field”
- CSS Auditing: Style Sheets Shouldn't Be Horrible
- Fun with line-height!
- Centering and cropping images with a single line of CSS
- Styling line numbers (numbers) in ordered lists <ol>
- Mixing and blending colors in CSS
- Line-height fun
- CSS 4th level selectors from the future
- The function of dynamic color stretching on the text in Sass
- criticalCSS - finds CSS for elements that are in the visibility zone of users and puts this code into a separate file
- Variants of animation of the hamburger icon in the cross
- Site made from one link tag with link to styles
- Simple highlighting of rows and columns in a table on pure CSS
- Basics of Sass: The Function Directive
- Materialize is a modern responsive static framework based on Material Design principles.
- spaceBase - responsive CSS framework based on Sass
- extractCSS - extract classes, IDs and inline styles from HTML
Javascript
- Aurelia is a new modern JS framework , Aurelia.io is a new generation JavaScript framework with ES6, WebComponents, Object.observe and everything else
- Making the game 2048 on AngularJS
- React JS Quick Start Guide
- Generating fake data for your javascript application using faker
- Curves Beziers de Castelgio. HTML5 Canvas
- ReactJS for stupid people
- Flux for stupid people
- RadioJS podcast : Sergey veged Berezhnoy - the head of the development of search interfaces development at Yandex talks about his projects, shares his wisdom and remembers how his career began. We discuss the processes in Yandex, io.js and EcmaScript 6 (ES2015).
- We deal with this problem in constructors
- Release PhantomJS 2.0
- ECMAScript 6:
- Destructuring and processing parameters in ECMAScript 6
- ES6 in io.js
- Replace CoffeeScript with ES6
- New features when working with strings in ECMAScript 6
- Writing applications on AngularJS using ES6
- We use new things from JavaScript in the world of ES3 Enterprise
- The best way to create new items
- Creating synchronous and asynchronous functions in JavaScript
- Creating browser-based audio applications that support MIDI devices
- Handling touch events in javascript
- webrtc-ips - IP detection using JS and STUN Mozilla servers
- Mozilla - Canvas 2D: new documentation, Path2D objects, click areas
- React application in seven minutes
- We start to deal with Meteor.js
- Six useful packages for applications on Meteor for almost any project.
- Hjson, human json
Create apps with google maps- Tutorials and plugins for creating preloading screens
- From Map / Reduce to functional JavaScript programming
- texgen.js - procedural texture generator
Browsers
- Vivaldi:
- Vivaldi Browser - the first test version.
- Interview with Jon Techner about the new browser Vivaldi
- Vivaldi - what are the features of the new browser
- Browser Vivaldi - the latest news and announcements
- Spartan:
- Details about the new Microsoft rendering engine for “Project Spartan”
- In the EdgeHTML engine of the new Spartan browser, in many properties, support for ms prefixes has been removed.
- Microsoft Spartan and the future for Internet Explorer
- Microsoft Spartan can support Google Chrome extensions
- Turn on the new rendering engine in IE11
- Project Spartan browser demonstrates better results in tests than Internet Explorer
- An API for 3D helmets and isolation of NPAPI plugins has been added to Firefox nightly builds.
- How to browse sites in Google Chrome without connecting to the Web
- Update panel for developers (F12) in Windows 10 January Technical Preview
Sites with interesting design and functionality
- hellomonday.com - beautiful animation
- Trippeo - single-page radial menu with scroll effects
- Word Map - audio and video word visualization in different languages of the world
- beta.rallyinteractive.com - non-standard implementation of scroll effects and menu transformation
- hexagone-paris.fr - horizontal scroll site with parallax effect
- boda.sensors.jp - Japanese site with a futuristic 3D interface
- thiswasmybest.com is a vertical site with interesting transition effects.
Design
- Web Design Positioning
- 14 tips for the designer: How to prepare a layout for layout
- What is material design?
- 10 illustrators who can convey mood
- Polygonal volume in web design
- How to become a successful web designer?
- Displaying passwords in authorization windows
- Interactive Mobile Application Design
- Presentation of the Guardian beta - and new approaches to adaptive design and scroll effects
- Tomorrow's design: educational programs Physics and not only
- What would I like to be trained at university as a designer
- When, why and how to do design in the browser
- How to make realistic reflections in raindrops in Adobe Photoshop
- How to draw infographics with connecting lines in CorelDRAW
- Five Adobe Illustrator Plug-In Boosts Your Productivity
- TypeHunting - a collection of photos with samples of high-quality typography
- 15 free resources for Google Material Designers
A selection of free designer cookies
- Free vector resources for cute and romantic design
- Free clipart: vector maps
- Photo-texture of wooden surfaces, as well as walls
- E-shop template with a twelve-column grid in PSD format
- Ten Mockup Business Card Templates in PSDs
- Two dozen mock-ups to demonstrate the design of business cards, edition of 2015
- Vector mocap smart watches
- A dozen vector images dedicated to Valentine's Day
- Six blanks of vintage logos in formats AI, ABR
- Set of icons dedicated to Valentine's Day
- Three dozen sets with icons, with flat, contour and design with long shadows
- Hundreds of icons dedicated to the kitchen
- D Hanna Soft Free Regular - sans serif font
- Kontanter - Decorative Mono-Wide Header Font
news
- YouTube abandoned Flash in favor of HTML5 by default.
- Facebook strengthens the leading position in the number of authorizations on other sites.
- Mozilla is experimenting with the deployment of Tor nodes
- Apple announced the start of sales of "smart" watches Apple Watch
- Microsoft shares are falling, despite the announcement of Windows 10
- Microsoft multiplied by zero Windows RT
- In April, Sony will hold the first online broadcast of the concert with the quality of DSD
- Apple's stock value hit record high
- The developer of an alternative Android-system Cyanogen will attract $ 70 million from Microsoft and other investors.
- Google: Glass project needs restart
- Apple overtook Samsung and became the world's largest smartphone vendor
Entertaining
- Internet in a closed country: the experience of North Korea
- Microsoft's HoloLens glasses will be used to explore Mars
- Why Surface Hub is more interesting than HoloLens
- Scientist at Google: "In a few years, a chip for simultaneous translation can be embedded in the ear"
- Understanding the new version of Windows 10 Technical Preview
- Will take off or not take off: Former employee of Intel has developed an algorithm to predict the success of startups
- New revelations of Bill Gates: about the fear of smart robots, lack of knowledge of languages, lack of sleep and much more
- 15 reasons not to work for Facebook
- About construction, 3D printing and klinopanka
- Depthy - add volume to photos
- Visual effects on canvas
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/249441/
All Articles