The digest of interesting materials from the world of web development and IT for the last week №64 (June 30 - July 6, 2013)

We offer to your attention another selection with links to news, interesting materials and useful resources.

Hot seven

Firefox OS smartphones go on sale

So we waited for the first devices with a promising operating system Firefox OS. Geeksphone Peak video review on Firefox OS

How to make a presentation using web technologies?

High-quality and clear presentation is an important tool for those who want to share knowledge, and for those who want to receive it. And modern web technologies can provide this. This article combines knowledge on this topic, affecting both the history of the development of presentations on the Web, and the most modern solutions.

Hot in web standards: May / June 2013

Congratulations to Lea Verou on the anniversary of her monthly W3C web standards reports. In the latest article, as always, the hottest: CSS4 drafts, main element, svg, flexbox and much more

Style Guide Boilerplate

We bring to your attention a framework that allows you to create a style guide on your web project. Without a doubt, it will be useful during development and with further support of the site.

Opera 15

So, wait for the final release of Opera 15 for computers . How their developers see their product, as well as its further fate, can be found here.

Russian President signed anti-piracy law

From August 1, 2013, an anti-piracy law will start to apply, which may lead to unintended consequences. On the eve of the first channel tried to explain why the law was introduced on blocking sites. Opponents of the law are invited to support the initiative to abolish it.

9 cool demos on Canvas

Canvas - one of those pieces that are designed to replace the flash. Indeed, she often does it more than convincingly. As proof - this collection of demo with animation, physics, gestures and video effects.

Web development

• Five ways to write a good microtext
• Optimization / compression of SVG images
• Main element
• HTML Prototyping Resources
• devdocs - handy online directory
• Command Line Tools in PhpStorm
• Adding adaptability to old sites
• New features in Firefox Developer Tools
• Bookmarklet for cross-browser link copying
• Making HTML5 work today using polyfiles
• Swapping Out Text, Five Different Ways
• Hot in web standards: May / June 2013
• Progressive improvement is still important.
• Antialiasing 101 - about smoothing
• Introduction to HTML5 FullScreen API

CSS

• Style Guide Boilerplate
• Effeckt.css is a new project that promises to assemble CSS3 visual effects in one place.
• Stylizing native selects with almost pure CSS
• Understanding CSS and the Modern Web
• CSS filters, GIFs and performance
• Adaptive Vertical CSS Timeline
• Using custom data attributes and pseudo-elements
• CSS animation of loading elements in grids
• LESS Hat. A bunch of smart LESS mixins.
• Layout . excerpt from flexbox “Sketching with CSS”
• Triggering CSS Animations with Sibling Selectors
• Preparation in css for possible scaling of web components
• Centering Percentage Width / Height Elements

Javascripts

• JS script for protest site blocking . With timer and likes
• simpleTooltip : HTML filled with CSS and flavored jQuery
• Arranging text selection in textarea
• Cool animation effect for fixed site navigation caps
• LODA BUTTON - plugin + CSS3 animation of icons in buttons
• Chance - minimalistic generator of random values
• Adding Styles to CSS with JS
• Introduction to Hitch.js and Extensible Web
• AngularJS: Creating a Web App from scratch , creating an application using directives and data binding

Browsers

• Introducing Opera 15 for computers , Our vision of Opera 15 and its future
• Checkbox "Enable JavaScript" removed from the settings of Firefox 23
• Chromium Digest №4 - Connectivity Diagnostics Private API and window-controls
• Internet Explorer 11: “Don't call me IE”
• Google Glass Browser : HTML5 and responsive web design in your head
• New Firefox logo , as well as Nightly and Aurora
• Another performance measurement of Chrome 27, Firefox 22, IE10 and Opera
• Browser Market Trends July 2013

news

• Firefox OS smartphones went on sale as well as Geeksphone Peak video review on Firefox OS
• Russian President signed anti-piracy law
• YouTube Launches Online Professional Video Content Courses
• Pebble smart watches go on sale
• Net Applications: Windows 8 for the first time bypassed the market share of Windows Vista
• New details about the PRISM surveillance program confirm the worst concerns.
• Nezhdanchik: Ready Tizen closed in favor of the project based on Android?
• The release of the programming language Rust 0.7 , developed by the project Mozilla
• Music will come back - VKontakte is negotiating with copyright holders.
• Getting ready for an army of new Apple products

Services

• Good service for creating sprites.
• echotu.be

Demo

• Interactive slideshow using canvas
• Cute Grid Effect
• View Mode Switch
• 9 cool demos on Canvas

Sites with interesting design and functionality

• Vertical Scrolling Sites
• neuman.es - a site with lots of animation and non-standard pages
• adamrudzki.com - creative approach to creating a portfolio site
• savethedatestory.com/daraandchris - one-page site with funny illustrations
• hoborg.com - spectacular use of the parallax effect
• thekingsofsummermovie.com - non-standard site layout, richly equipped with animation

Design

• Russian design from the inside How Lebedev Studio has become the country's main design studio
• Interface Digest, June 2013
• New features in Adobe Photoshop CC , as well as new features in Adobe Illustrator CC
• We select a font for the user interface
• Retro and vintage typography in web design
• Quick Lesson: create a triangular pixelated effect
• Weather Conditions: Mobile Application Design
• Sites: Colorful websites in summer colors , minimalism websites , examples of using large images in web design
• Logo: Fresh logos , Euro 2016 logo introduced , latest trend - long shadow
• Bold and creative design concepts , unfortunately, not implemented
• The correct size of business cards
• "Protecting Your Data: How To Backup Your Design Files" - a great overview of the approaches, services and programs for creating a backup copy of your files.
• Tactile Design Kit - assistant to communicate with the client about the design

A selection of free designer cookies

• Mapita - Action for Photoshop , which allows you to make a 3D isometric image from a flat map + to a shot of the image of photo-realistic objects that can be placed on the created 3D map
• Sets of vector images for photoshop
• Patterns: Promo layout for a flat landing page for demonstration, Minimal UI Kit - a small set of Google+ -style UI
• Textures: with the image of the walls , a selection of textures : earth, fabric, blurry backgrounds, leather, wood, sky, walls
• Brushes: graffiti for photoshop, brushes for Illustrator
• Icons: a set of one thousand monochrome vector icons, a dozen of flat SEO icons are offered for a subscription , iOS7 vector icons
• Fonts: a quarter of a hundred graffiti fonts , beautiful and popular fonts, from Southern Aire to Bira , decorative Quirky Nots , decorative sans serif , Hanoi - concise and expressive sans serif

Entertaining

• Myths about porn on the Internet and the huge traffic from it
• 3D printing and the role of this technology in the future: expert opinion from IBM
• Actually: Features of Russian development , The main feature of our developers
• Bing or not Bing, that is the question
• Cloud Facts and Myths
• Microsoft has developed a touch screen 3D tactile feedback
• Camera that can record odors

')
Digest from last week .
Material prepared by dersmoll and alekskorovin