The digest of interesting materials from the world of web development and IT for the last week No. 86 (December 1 - 7, 2013)
Web development
8 HTML elements that you do not use (and should) translation- Updated Chrome DevTools: emulation of different screens and testing applications on devices from the desktop
Use Chrome Developer Tools to revise your site- Browser-Sync: synchronize scrolling, clicks, filling out and editing forms in different browsers, for free
- Comparison of mobile UI-frameworks on HTML5
- Determining Device Status with CSS Media Queries and JavaScript
- Site optimization using specific image formats
- Choosing a text editor for the developer
- Accessibility code writing and sample menu based on Adobe Accessible Mega Menu
- Adaptive images, part 1: Using srcset
- Mobile Screen Chrome DevTools: Screencast of Emulation Options
- CSS, HTML and the Specification Fragmentation Problem
- Improving development speed with Emmet, part 1
- Offline-First Web Application Development
- Markdown Tools and Editors
- Techniques for creating textured text
- Flash Pro CC: export to HTML5 and HTML5 Canvas support
- Front-end and UI style manuals from famous companies (Drupal, WordPress, GitHub, Google ...)
- Tabs on SVG (using SVG Shape as a template)
- Animated SVG - customizable accelerations and delays
- We assort techniques of drawing in canvas
- How to use the advanced features of the framework Foundation 5
- More effective approaches to working with Grunt
- (another) Web we lost
- Colorpeek, Part 2: Creating your first Chrome extension
- Loops (syntax for all preprocessors)
- Chris Coyier downloader collection
- Media query bugs in desktop browsers: rounding and width - part one
- Desktop DPR redux
- Presentation: Three quick accessibility tips for HTML5 (Three tips for accessibility in HTML5)
- Presentation: Serious Animation (an introduction to Web Animations)
CSS
- CSS bitmaps and CSS3 videos
- New features in Stylus
- Modular CSS Name Dilemma (BEM / OOCSS)
- Writing Modular CSS (BEM / OOCSS) with Sass 3.3
- Colorpeek: a simple tool to view and share CSS colors
- Sass Basics: Treehouse Video Tutorials
- Kalei - Style guide - bootstrap style documentation generator for your CSS
- Preloader using body pseudo-elements
- Animated CSS3 circular mask (for -webkit)
- Fire on CSS3
- NTH-TEST - a service for visualizing the values of nth-child and nth-of-type
- Button Contour Animation
Javascripts
- JavaScript Majority
- Approaches for writing good jQuery code (translation, part 1)
- JavaScript multithreading
- Congratulations on the 18th anniversary of JavaScript! A look at the unattractive past and bright future
- data-href - a small JS-snippet to help determine the href value of any element
- Videogular - AngularJS Video Player
- The correct behavior for input.select ()
- Creating a dynamic page with column navigation
- Study drawing techniques on canvas
- PhotoJShop - plugin that applies various filters and effects to images
- OriDomi - plugin for folding-unfolding flat objects on the principle of origami
- Sortable - a small script for styling tables and adding sorting functionality
- localForage is a Mozilla library that allows you to use the capabilities of the browser for asynchronous work with the data warehouse.
- Nine examples of using PhysicsJS
- Browser animations that scroll through the browser
- Zoomerang.js - a library that allows you to enlarge almost any element of the page
- Comparison of JavaScript documentation generators : JSDoc vs YUIDoc vs Doxx vs Docco
- Angular-charts - AngularJS d3 graphics
- jQuery ReStable - plugin for creating adaptive tables that turn into a list when the browser width is reduced
Browsers
- Net Applications: The share of Internet Explorer 11 doubled in November
- Multiprocess Firefox , Multiprocess Firefox is available for testing.
- Google Chrome 31 has received a number of new features and many bug fixes.
- Migrate Google Chrome to RAM disk in Linuxtutorial
- IE11 Review, Part 1
- Get the content we need faster in IE11
- Browser Developer Panel Secrets
Web tools
- FontShop WebFonter - a service for testing fonts on websites
- webprojector.org - service for the demonstration of web design in the browser
- NudgePad - development environment in your browser
news
- YotaPhone Review : The world's first dual-screen smartphone, Who needs an iotaphone
- Yandex will start ranking sites in search results without reference to
- Sailfish OS can be installed on Android devices
- Published final build CyanogenMod 10.2.0
- Amazon will deliver the goods on the drones , and the British Waterstones has promised to launch "owl delivery"
- PayPal plans to launch a service in Ukraine
- Bank of America: Bitcoin has every chance of becoming the preferred payment method in the e-commerce market
- Apple bought Topsy Twitter analytics service for $ 200 million
- Yahoo bought Ptch
- Google will introduce a new user authentication system
- Google has perfected and officially launched the cloud platform Compute Engine
- Google added cars to Knowledge Graph
- Google allows you to download data from Gmail and Calendar
- IDC: tablet market in 2013 will grow by 50 percent
- Kantar: Windows Phone is gaining weight, and iPhone 5s and 5c are not as successful as iPhone 5
- HP has integrated a Leap Motion controller into a desktop and all-in-one keyboard
- Bluetooth 4.1 specification announced
- Apple connects to Yandex.Market
- Twitter comes to phones without internet
Sites with interesting design and functionality
- Drawn websites for your inspiration.
- Creative one-page sites for your inspiration.
- 35 minimalist design sites for December 2013
- 20 dark sites for inspiration
- 2013 year through the eyes of Spotify
- Bright presentation of Adobe Muse
- reachpartners.ch - a site with parallax, blur effect and animations
- fueled.com is a technologically advanced site that has already won a number of awards
- Teaching Families to Fish - a site with an interesting implementation of pseudo-interactivity
- paywhatyouwant.eu - an excellent implementation of the classic parallax effect
- Damn dozens of colorful and inspiring sites
- fixedagency.com - a portfolio that uses current trends in design and technology solutions
- curadmir.com/home - custom graphics, animation and design
- Internet Explorer in partnership with NORAD launched a joint site on the eve of the New Year
- midoriaoyama.jp - site with a Japanese flavor and abstract animated graphics
- fifty-five - a site with an interesting effect on canvas, keyboard support and drag-navigation
- 17grad.com - masterly use of parallax effects
Design
- Five trends for web design 2014 , as well as web design trends that will disappear in 2014
- Interview with illustrator Olga Demidova
- Draw animals: cats and their anatomy
- Selection of logos with heraldry elements
- Try not to overdo it with minimalism in design.
- Three trends in design that challenge the straw dummy named "Pixel Perfect"
- Responsive Web Design Infographics
- Flat illustrations in web design.
- Is cool design really lousy?
- Interview with illustrator Liran Szeiman
- In defense of skeumorphism
- How typography affects readers
- Explore the big screen
- Editing portrait photos to create a streamed canvas effect
- A complete guide to working with corrective layers in Photoshop - Color Lookup and Photo Filter
- Lack of alignment and asymmetry in web design
- 5 Tips for Web Design to Optimize Website Conversions
A selection of free designer cookies
- Free retro fonts
- A collection of useful scripts for Photoshop
- Burnt paper textures
- PSD mocapes for displaying logos
- More than four dozen sets with UI components
- A set of icons with a stroke with the image of animals: Face the Animals
- Five dozen vintage finds, including fonts, icons and graphics
- Vector Christmas Cards
- Sets of Christmas-style social icons
- Sets of patterns for photoshop
- Friday Font Set : From Decorative Rose to Iconic MetroFont
- December professional fonts : from Biko to Libre Baskerville
- 12 fresh free fonts for December 2013
- Mohave - sans serif header font
Entertaining
- Bitcoin:
- The biggest bitcoin scam is happening right now
- The fraudster turned a bitcoin scam for $ 100 million
- Banks of China left without Bitcoins
- How bitcoin will win paper money
- 10 IT visionaries who died in 2013
- American hacker has learned to intercept foreign drones and plans to build his own army
- Black Friday 2013 in Russian
- 10 documentaries on science and technology in 2013
- Wired: 10 technological trends - 2014
- Buy yourself an invisible girl
- The next USB version can be two-way.
- The new work of the former head of Android: the creation of humanoid robots
- The Guardian hired a robot editor. What for?
- Automatic poet: a creative way (about a Yandex robot writing poetry)
- SEO market in an era of suspicion
- Ten of the most dumb programming languages
- Photo-realistic portet of Morgan Freeman, finger-drawn on iPad (time-lapse)
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 . Special thanks to lolmaus for correcting errors and translating
Source: https://habr.com/ru/post/205212/
All Articles