The digest of interesting materials from the world of web development and IT for the last week No. 73 (September 1–7, 2013)

We bring to your attention the next selection with links to news, interesting materials and useful resources.

Web development

• HTML5 and drag & drop of multiple objects
• Mathematics in Pictures
• Comparing and contrasting ins, del and s
• DevTools Snippets - A collection of snippets for use in Chrome DevTools
• 3D in a browser: WebGL vs CSS 3D Transforms
• HowToCode.io: working with fonts (video)
• Sliding horizontal layout
• Internationalization API tips and tricks
• Detailed favicon cheat sheet
• The Progressive Enhancement technique is still fast and relevant , although there is an opposite opinion.
• Custom Elements - a gallery of web components (created using Polymer)
• ChocolateChip-UI - a framework for creating native-looking mobile web applications in iOS7, Android Jelly Bean and Windows Phone
• uikit - a review of the relatively new front-end framework
• frontify - an engine for web specifications that allows you to interactively describe design elements and generate style guides for the frontend
• Bootstrap Grid Builder - for building a grid for Bootstrap 3
• Comparison of the performance of Bootstrap components from version to version and an explanation of how this was done
• About the implementation of ellipsis in the text
• Interview with Lea Verou
• The authoritative Smashing Magazine is 7 years old

CSS

• Complete Flexbox Guide
• -ms-filter, generating bugs. Be carefull
• Making hyperlinks - not so simple!
• Getting Started CSS - An interesting review article introducing OrganicCSS
• Having fun with SASS and an icon font
• Designing For Emotion With Hover Effects
• Master of the: nth-child
• Create CSS3 - a handy CSS3 snippet generator
• Using native variables in CSS3
• CSS3 volumetric button
• CSS3 Ping Pong Animation
• CSS3 Rating Stars

Javascripts

• Dave Matvin: jQuery creates personalities
• Ember.js 1.0 release
• Getting started with Grunt
• Pen Editor - we edit the content being on the page, Grande.js is a similar editor but with a smaller set of options
• dsjslib - a collection of data structures and utilities (written in Node.js)
• hopscotch - page guide framework for creating a guide tour
• jTap - click event for touch devices
• favico.js - add shortcuts, pictures and animations to favicon
• heapbox - another replacement for the standardcomponent Transformation of images from mouse movement and touch events JSModeler - JavaScript framework for creating and visualizing 3D models Physics “R” us - Bobun physical 2D engine - backbone library focused on UI Backbone Eye - add-on to Firebug for debugging Ember backbone applications Inspector - an addition to Chrome for debugging ember applications Visualization of JavaScript processes in time using DevTools Flame Charts Browsers Most popular browsers in Eastern Europe Anniversary Google Chrome - 5 years Epic Browser: secure browser based on Chromium THEHKING: Firefox vs Chrome Web-based tools Prototypo - are developing honest service to create your own fonts compileonline. com - compiling code of almost any language Embed Responsively - makes third-party components adaptive (YouTube / Vimeo / Dailymotion video, etc.) Compressnow - image compressor with some settings Nokia News + Microsoft =?: Microsoft buys Nokia Devices & Services for $ 1.5 billion cheaper than Skype bought. Farewell to Nokia - long live Microsoft - the death of a former Microsoft legend told about the success of cooperation with Nokia, the details of the transaction and its plans, and Ballmer confirmed that Elop is the candidate for the post of head of Microsoft. Nokia smartphones will no longer be Nokia. My story of my favorite brand in my life, History of Nokia (1865–2013), 10 iconic Nokia models. Everything was really, as well as visualization of the Samsung process: Samsung introduced new devices at IFA 2013, a detailed review of the presentation of Samsung Galaxy Gear with your own eyes: the future has already come, A look at the Samsung Galaxy Gear is not for you Montana !, the starting applications of Samsung Galaxy Note 3, Samsung Galaxy Note 3 with your own eyes All new SAMSUNG products in 4 minutes KitKat: Google Android 4.4 gets the code name KitKat Official Android KitKat creative page from the Android team No less creative KitKat 4.4 page from the KitKat bar, or How Parkinson’s law of triviality helps the IT press survive A funny but very realistic forecast for future versions of Android Trolling Nokia about the Corporation: Ap ple sent invitations to the presentation on September 10 Kodak is afloat again, no longer bankrupt New Yahoo! logo Snowden shed light on the situation with hacking cryptography. All is bad Amazon announced the 2013 Kindle Paperwhite of Qualcomm Toq - the right smart watch, Sony SmartWatch 2 will go on sale by the end of September, and 10 smart watches no worse than Samsung Galaxy Gear Sky began broadcasting football matches in 4K format Google conducted a virtual simulation of movement balls in the stratosphere for the Loon project Google is preparing to confront the equipment market Founder of file sharing service Megaupload Kim Dotkom (Kim Dotcom) announced the imminent launch of its own political party in New Zealand, Windows 8 is gaining weight in the desktop OS market, and Windows Phone 8 is half cheat a new mode for placing tiles on 1080p screens. 14 new languages ​​have appeared in the Yandex.Translation service, now the service speaks 33 languages ​​Bing launched a completely updated video search HelloRun demo - a game on WebGL All Dutch buildings on one map Simulation of live lightning on canvas Canvas effects and demos that can be used in web design Sites with interesting design and functionality Sites horizontal scrolling bienvillecapital.com - nice responsive website wearemovingthings.com - nice responsive website with successful intersperses of light animation Info-Quest - from those sites that tell you the story fillet.com.br - website with abundant use parallax effects animation Design Adobe Systems offers subscriptions to Photoshop Lightroom and half the price of Web-design 2013: tradition, innovation, basics Interview with illustrator Varey Kolesnikova Civil font and Cyrillic Kish - an essay on the history of the civil font and the creation of a modern Cyrillic font, taking into account the historical forms “Dark schemes”: how website interfaces force us to do what we don’t want Design weekend in Abrau -Durso Winner of the 30-day Yahoo logo selection contest, and finally introduced a new logo Ideas for custom site navigation A large number of materials and samples for working with a flat design Inspirational and creative tive contact forms a beautiful site design which used the image of water Vibrance - we understand with settings adjustment layer in Photoshop best lessons in Adobe Illustrator for August 2013 The best lessons on Photoshop for August 2013 Lesson in Photoshop: Adding rain Logos photo: Inspirational logo, umbrella logos A button leading to nowhere is an easy way to check the relevance of a feature before it is implemented In addition to the flat one, there are differences in the design of OS components of mobile devices Mobile Design Kit A selection of free designer cookies Useful brushes for designers Sources: PSD with UI framework Bootstrap 3.0 , PSD templates with images iMac, iPhone, iPad, Mobile Design Kit - 15 layouts of popular devices in PSD-shahs, PSD templates with infographics, Flat / Skeuomorphic UI set Icons: five dozen sets with outline icons, outline icons in style e iOS7, set contour icons Streamline, Ballicons - set of round and flat icons, FitFlat - a small set of flat icons, kits containing flat icons social networking, including with long shadows, a dozen sets of icons with long shadows Fonts: South Rose - decorative serif font, SANOTRA - expressive decorative font An entertaining 15 little-known facts about Google The Indian government is going to prohibit an official from using Gmail The end of the world from LG Communication development history Identify the language by ear Brief Skype history: to NASA intends to launch a decade of revolutionary service in 2020 3D-printing of structures in space Programmers: Russians, Indians, Chinese and Canadians (old, but current article) On the benefits of interviewing at Go ogle Glass The nightmare of a web developer (video) Nymi is a device that allows you to authorize you for various systems by translating into the code the biometric parameters of your unique Digest heartbeat last week. Material prepared by dersmoll and alekskorovin Only registered users can participate in the survey. Come in, please. Please vote for the sections you are interested in, so that we will draw the appropriate conclusions 72.7% Web development596 54.8% CSS449 61.2% JS502 57. 8% A selection of free designer cookies277 30% Demo246 43.1% Interesting353 1.7% Everything is wrong, I will indicate in the comments how it is necessary14 Voted 819 users. 89 users abstained. Tags: