The digest of interesting materials from the world of web development and IT for the last week No. 82 (November 3 - 9, 2013)
Web development
Another approach to development: Offline First- We write single-page web application framework in 60 lines of code
- Layout letters and email newsletters. Bit of gmail magic
- New <template> tag: introduction of the client side templating standard
- Why do we need word-spacing
High-performance web animation- Creating responsive email templates with the new framework from Zurb: Ink
- 15 free APIs you may not have heard of
- WebRTC in the real world
- The updated value of the blockquote and cite elements
- Adaptive transformation of tabs
- What's new in Unicode 7.0?
- Possible ways to organize your team to improve site performance
- In RWD We Trust - Is This Trust Relevant?
- Getting started with PhoneGap, part 2
- How to add multilingualism to a site using Canvas and WPML
- CODIO (beta) - a new generation web IDE
- MailChimp Pattern Library (similar to Twitter Bootstrap), as well as code highlighting for MailChimp emails
How to use background video to create the right impression, part 1- Create HTML5 page with fullscreen background video
- Git cheatsheet
- Take a closer look at the Brackets editor.
- The Yeoman Monthly Digest # 1
- Presentation: A developer's guide to rendering performance
- Presentation: How Can HTML Compete with Native?
CSS
- Introduction to Sass for beginners
- Image Toning with Multiple Backgrounds
- The sizes in CSS, and also where and in what cases they need to be applied
- Editing CSS preprocessors in Google Chrome
- Creating non-rectangular layouts with CSS Shapes
- Deadly responsive layouts with CSS Regions
- CSS preprocessors and parent selectors
- A Look Into: CSS4 Image Set
- Techniques for CSS overlay
- Adaptive images that change with a 3D effect on pure CSS
- CSS Kit for styling Chrome extensions
- Displaying Accessible Items with CSS
- CSS Stats
- RECESS - CSS Hinter by Twitter
- Sticky footers, flexbox and IE10
Javascripts
- Google released Octane 2.0, a package for testing JavaScript engines
- FileAPI - A set of JavaScript tools for working with files.
- All you need to know about node.js
- Introduction to Ember.js
- Animation of SVG icons using Snap.svg
- Top tools for generating JavaScript documentation (updated November 2013)
- Easily create cool animated graphs using Chart.js
- Less well known Angular.js directives
- How to write your own AngularJS, part 1: Scopes and Digest
- Creating a game with the effect of Parallax Scrolling using Pixi.js
- Interview with JavaScript legend: Kyle Simpson
- Filters applied to an image using WebGL
- Plugins:
- Ember Charts - a graphing library built using D3.js and Ember.js
- charlie.js - a small framework for synchronizing video and CSS3 animation
- Slideme! pretty powerful plugin for creating slide shows on jQuery
- ferroMenu - a spectacular menu on jQuery
- stickUp - jQuery plugin nailing an element to the top of a browser window, leaving it visible when scrolling
- Slippry - an adaptive slider on jQuery
- Free Wall - creation of adaptive grids without gaps
- jQuery Watch Plugin - allows you to track when changing element properties
- Pizza Pie Charts - creating radial graphs on SVG
- Small.JS - a conceptual article on JS modularity
- Creditcard.js - increased convenience of the form of entering credit card data
Browsers
- Mozilla, OTOY and Autodesk have joined forces in organizing access to 3D applications from the browser
- More information about the browser in Android 4.4 KitKat: no WebGL, WebRTC and WebAudio inside: (
- Internet Explorer:
- Internet Explorer's popularity continues to grow.
- Official IE11 release for Windows 7
- Google stops supporting browser IE 9
- Why Microsoft Internet Explorer 11 is the worst thing that could happen to us.
- IE11: Compatibility List vs. X-UA-Compatible
- New internet explorer 11 review from sitepoint zf6c.q4h
- IE11 Review for Microsoft Windows 7
- MathML support will be removed from Chrome
- From January 2014, installation of extensions from outside the Chrome Web Store will be banned.
- Became known details about the version of Firefox for Windows 8.1
- Start of beta testing of Firefox 26 and creation of aurora-branch Firefox 27
- Firefox 27 Aurora Dev Tools - HTML Editing Tools and Other Buns Added
- Secret code in Opera 19 Dev
Web tools
- typesetwith.me - testing typography in the browser
- typecast - Google introduced a special application for experimenting with fonts
- Daturi - convert images to base64-code
- Favicon generator
- GlyphSearch - search for icons in Font Awesome, Glyphicons and Ionicons
- Useful tools for testing and prototyping or snippets
- EasyOpenData (alpha) - creating Open Data feed
news
- Valve shared new details about the Steam Machine, Steam Controller and SteamOS, as well as 11 facts about the Steam Machine
- The balance of power in the market of mobile operating systems has changed
- Facebook updated the Like and Share buttons design
- Twitter was valued at $ 14.2 billion . At the close of the day, the value of Twitter shares rose by 73% relative to its IPO.
- Bing and Twitter extended search collaboration
- Samsung will double the resolution of the screens in smartphones sample of 2014
- Jelly Bean seen on the half of Android devices
- The largest laptop makers have shown a decline
- Microsoft Store has more than 125 thousand applications for Windows 8.1
Sites with interesting design and functionality
- 20 sites that you want to touch
- Special page theguardian.com: NSA files decoded: Edward Snowden's surveillance reveals explained
- More than two dozen sites with adaptive navigation
- Interesting trends in web design: vertically separated layouts
- Using transparency on sites
- kocha.com.au - minimalist graphic designer portfolio
- ownerlistens.com - a site with light splashes of animation
- knocktounlock.com - excellent video integration into the site interface
- fixate.it - creative approach to the design of the site
- intromusique.ca - minimalism, parallax and a bit of animation
Design
- Five easy ways to mess up a logo.
- Logo of famous brands remade in black metal style.
- Examples of business cards photographers
- Open Design: Web Designer Experience
- 20 examples of illustrations in web design
- Tesla breaks ideas about UX : an interview with Brennan Boblett - UI manager
- The best lessons on photoshop for October 2013
- Creative and fun 404 pages for inspiration
- Inspiring examples of sites using textures
- The basic principles of color theory in web design
- We Love Icon Fonts - a collection of icon fonts
- Examples of flat design (sites and resources)
- Interview with illustrator Andreas Preis
- How to create a geometric background in Photoshop
- Ten things that you should know when working with vector in Photoshop
- IOS7 UI Collection
- Streamline the design process using Adobe Fireworks extensions
- Mobile Design Inspiration Blog
A selection of free designer cookies
- 20 free decorative fonts
- A dozen sets with GUI
- Flyer sources with smartphones
- Nice Things Icon Set - icons in PNG and AI formats
- Collection of creative decorative and header fonts
- PSD to show your design in various environments (on a monitor, smartphone, tablet, etc.)
- All Saints Day Free Icons
- Brushes for photoshop with bokeh effect
- Glamor Decorative Serif Font
- TUA Headline Decorative Font
- Nexus 5 PSD
- Fresh PSD Kits for Web and Mobile Applications (including PSD for Twitter Bootstrap 3)
- Printed Logo Source (PSD)
- Multiple high-resolution floral backgrounds
Entertaining
- Video lecture about Bitcoin
- Biomechatronica: cyber prostheses that give man superpowers
- Oculus Rift - Human Testing
- The graphical revolution in the clouds : how Amazon and NVIDIA virtualized the video processor
- 9 things Microsoft does better than Apple
- Ukrainian Petcube collected a record $ 251 thousand at Kickstarter
- Facebook will become a “graveyard” in 50 years
- iPad Air is for love
- iPad Air vs iPad 4: performance comparison
- Android 2.3 for Google is the same as Windows XP for Microsoft
- Cheap and cool: students built an exoskeleton for $ 2 thousand
- Even working at Google has flaws.
- Microsoft in Asia promotes its products with anime
- Users don't like updated YouTube comments.
- iPad Air exploded in Australian Vodafone store
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 by dersmoll and alekskorovin
Source: https://habr.com/ru/post/201516/
All Articles