The digest of interesting materials from the world of web development and IT for the last week No. 106 (April 20 - 26, 2014)

We offer you a selection with links to useful resources, interesting materials and IT-news.

Web development

• Why code style matters
• Bootstrap Dropdown Menus Enhancement v3.1.1
• Programming and striptease
• Presentation: Front End Automation - Today and Tomorrow
• Gulp Fiction - Improved Development Process Using Gulp
• What you need to check before starting the site
• RIP Flash: Why HTML5 will eventually capture the video and web this year
• HTML5 attacks: what you should know
• Why use Element Queries
• Cool effects when loading pages created with SVG animations and Snap.svg
• <voiceelements> - web components that allow you to do amazing things using the Web Speech API
• Making animated robots in WebGL using Three.js
• Increase Conversions with Responsive Web Design
• Learn version control with Git
• A Styleguide Driven Development (SGDD) process
• About creating a new Flickr homepage ( https://www.flickr.com/new/ )
• Use download attribute in links to save Canvas as PNG
• How to make any site responsive
• Crumpet - a simple static framework

CSS

• 12 little-known CSS features
• CSS 3 Timing Functions and what they eat
• New plugin adds CSS preprocessor Less to WordPress themes
• SVG images vs. Icon Fonts
• Manipulations with z-index
• Three cool animation effects that will produce a wow effect on your users.
• My favorite tools for working with Sass
• A set of tools for working with the CSS preprocessor Less
• Social icons based on the Font Awesome icon font with “auto-highlighting” given by the URL of the link in CSS
• How to use Cute Grids
• Shadow DOM CSS Cheat Sheet
• Small library with pure CSS components

Javascripts

• “Flappy Bird” up to 1KB
• We write music on JavaScript
• You broke my javascript
• Picturefill 2.0 from the filament group: use the picture element today! (project at alpha stage, but promise beta release soon)
• Processing Required Parameters in ECMAScript 6
• Creating protected objects with ES6 proxy
• Functional JavaScript, part 3: .apply (), .call (), and object arguments
• Patterns for asynchronous programming using promises
• Unit tests in javascript and coverage tracking code using venus.js
• Getting started with NodeJS: installing and writing your first code
• Easier working with AngularJS directives with SweetJS
• Introduction to Web Notifications API
• shine.js - plugin to add to the headers of the interactive volume shadow
• Text Animation with Textillate
• Responsive tables - solutions for adaptive tables
• Labelmask - a useful method for displaying hints in forms in accordance with the text field mask.
• Create interactive 3D clocks using three.js
• Angular Animation Effects Library
• FormulaJS - implementation of all functions supported in Microsoft Excel on JS

Web tools

• New project from Adobe: Parfait - a web application that allows you to export styles, sizes and graphics directly from PSD with fairly flexible settings
• p-hold - a generator of temporary photos taken from Flickr with given parameters
• A large list of useful utilities, resources and services for web entrepreneurs
• Naptha - select, copy and translate text on any image (currently implemented as an extension to Chrome)
• Mondrian is a vector graphics editor that works in modern browsers.

news

• Opera Max, Opera Coast for iPhone and more
• Yota has become a cellular operator , Opinion: Yota may become the fourth federal operator, but they will not have tens of millions of subscribers
• Brainstorage and Huntim unite in one project
• Pavel Durov dismissed from the post of CEO "VKontakte"
• Google+ creator Vic Gundotra will leave Google after 8 years of work , What will happen to Google+ after its creator leaves
• Leading IT Companies Unite to Prevent Heartbleed Threats
• Co-founder Flickr raised $ 30 million for its Slack collaboration service
• Windows 9 will be released this year, and Windows 10 will be cloudy?
• Google is testing a new bookmark service in Chrome
• OnePlus One officially introduced
• A new feature in Google Street View allows you to turn back the clock and see the panoramas from the past.
• Facebook's profit in the first quarter due to advertising has increased three times
• Facebook launched its own news aggregator - FB Newswire
• Durov announced the creation of a mobile social network outside of Russia
• WhatsApp announced that the number of users has reached 500 million
• The updated Twitter user interface is available to all users.
• Andreas Gal becomes new Mozilla CTO

Sites with interesting design and functionality

• georgeandjonathan.com - a site dedicated to the album of a musical group with colorful music visualization through animation in HTML5 canvas and SVG
• aquatilis.tv - a spectacular site dedicated to underwater beauty with scroll effects, animation, video and smooth data upload
• google.com/events/io - a site dedicated to the upcoming Google conference with geometric interactive animation
• studio-songes.fr/fr/ - site of an architectural French studio with light 3D effects and animations
• flickr.com - scrolling effects with starting video within the zone of visibility
• brianlovesjulia.com is a one-page wedding website with scroll effects, animation, and hand-drawn graphics.
• damian.drygiel.com - a cool portfolio with 3D effects and other fashionable features
• lixpen.com - creative use of the parallax effect

Design

• 7 failures of rebranding
• Optical compensation
• Create a non-destructive retro effect in Adobe Illustrator.
• Rosmolodezh announces competition for the logo "Seliger 2014"
• Elements of the ornament in web design
• Round elements in web design
• Effective use of 3D elements in web design
• The most creative and trendy web form designs
• Rethinking lessons on mobile app design: what patterns really work?
• Sloppy Swiping - how to make applications comfortable
• And they all look just the same! - about the domination of trends that make new projects very similar
• How the redesign of the icon changes the perception of the world
• A site dedicated to the concept design Wikipedia
• Design details: Flickr app for iOS
• Tutorials on creating digital graphics in Photoshop
• Creating a text effect on the theme of football in Photoshop
• Improving the buying process with an animated design

A selection of free designer cookies

• Light and light textures for your design.
• Free texture brushes
• Two dozen geometric polygonal backgrounds
• Devil's dozen brushes for photoshop with the image of cigarette smoke
• Sketch Android GUI Template
• Sketch Plugin - Content Generator
• Packaging of preloaders with flat designs in formats: GIF, AEP, PNG
• Set of vector champion icons in AI format
• Eight expressive fonts: from Intro Condensed to Gravo
• Polar Vertex - decorative sans serif font for dreamers
• Adira slab - classic serif font

Demo

• Volumetric rainbow animated waves on JS in canvas HTML5
• Flat surface shader
• Juggling with CSS3 animations
• Solar system on CSS 3D

Entertaining

• How the Chinese print 10 houses in 24 hours: video of the process
• The return of Larry Page
• 50 questions asked by well-known IT entrepreneurs
• Lytro Illum: $ 1600 Professional Lightfield Camera
• Android Wear. Main problems
• Only 16% of agencies are confident in the security of the sites they develop
• Apple patented a display for creating 3D holograms in the air
• Tim Cook talked about ecology in Apple's new advertising video.
• Why HTML5 will finally beat Flash this year
• Soft robots: scientists believe that sluggish is better than solid
• Why people do not need smart glasses
• 10 free online courses from Coursera, which you can take in May
• Gorgeous seven: seven best Ukrainian startups are named on iForum
• Bots - new soldiers
• Startup Investor Phrasebook

Go

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 .