The digest of interesting materials from the world of web development and IT for the last week No. 76 (September 22—28, 2013)
We offer to your attention another selection with links to news, interesting materials and useful resources.
')
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
Web development
- Custom elements: how to define new elements in HTML
- Mozilla developers introduced html2dom, an alternative to innerHTML
New WebStorm 7: everything you need to hand- Google glass from a developer’s point of view
- The hreflang attribute to indicate the language of an alternative page: tools, observations, examples
Image Optimization Tools- Firefox Developer Tools: Web Console and JavaScript Debugger
- The HTML5 Scorecard: Bad, Bad and Disgusting in iOS 7
- Comparison of html5 video players
- Capturing media in mobile browsers
- Powerful WordPress Tips And Tricks
- Responsive Image Container: Moving Ahead For Responsive Images?
- Useful HTML5 Snippets
- Animation support added to WebP graphic format.
- Seven habits of high-performance media queries
- Luke Wroblewski urges not to make the same mistakes when creating mobile web applications
- Mobile First with Bootstrap 3 framework
- Writing CSS with JavaScript Calls Krasimir Tsonev
- New technology create "Responsive scrollable tables"
Hurricane Web Components Tour with Polymer- Brackets Live Development for HTML / CSS
- How to hide full-screen controls HTML5 Video
- Mobile Web at Etsy Mobile Application Development Presentation
- Getting Started with Web Components and polymer.js
- bentobox.io - starter pack for beginners in web technologies
CSS
- CSS areas and why will you use them
- Initial letter
- How to change styles for range sliders in webkit
- Blurred hedera effect in iOS7 styles
- CSS Regions and Edge Tools from Adobe
- Screenshot dedicated to working with Emmet
- Jed Schmidt's CSS Humor - Intro.css (Slides & Audio only)
- CSS Selectors - handy mini-guide with demo for CSS-selectors
- Some interesting CSS4 features
- Custom scrollbars in IE, Chrome and Firefox using CSS
- We solve flexbox: interesting css-technology for the near future web
- New generation of responsive design for iOS7 using Edge Reflow CC and CSS Regions
- Targeting Menu Elements with Submenus in a Navigation Bar
Javascripts
- We clean the HTML code when pasting text from MS Word to HTML5 WYSIWYG editor (contenteditable)
- Rainyday.js
- Updated Yeoman generator for mobile-first web applications
- JQuery 1.11 and 2.1 Beta outta
- Why can I use $ in the DevTools console without jQuery connected
- Unicode and JavaScript
- FancyScroll.js: add scroll effect in iOS / Android style
- BeforeAfter - jQuery Plugin for adding an interactive effect
- AngularJS tutorial: learn how to make a modern web application
- Filter arrays with Array # filter
- Complex automation processes using custom tasks in Grunt
- Routers Backbone.js
- pace - script adding load indicator
- dna.js Template Cloner - templates in DOM for jQuery
- BackgroundCheck - automatically switch to the light or dark version of the element, depending on the image below the element
- kerningJS - take control of web typography
- naver - a small plugin for adaptive navigation transformation
- Tabslet - jQuery plugin for creating tabs functionality
- drawingboard.js - draw on canvas
Browsers
- BrowserSwarm - a service for testing JavaScript compatibility with browsers
- Start of beta testing of Firefox 25 and creation of aurora-branch Firefox 26
- Adding Security to the Firefox Browser
- Google Chrome refuses to support NPAPI plugins.
- Firefox for Windows 8 supports touch input and gestures
- Description of changes in IE11, including major new features and APIs
- Firefox wins Chrome as the most trustworthy
- Line Mode Browser 2013
Web tools
- nativeformelements will show which new form elements your browser can support.
- Google Static Map Maker
- WP TEST - Best WordPress Tests
- feedthebot tools - tools for SEO and general optimization
- Avatars.io - avatars for your web applications
- Device pixel density tests
news
- Steam:
- SteamOS - Steam comes out on a new operating system, we discuss on Habré
- SteamMachines - a number of gaming devices, we discuss on Habré
- SteamController - a new type of controller, we discuss on Habré game developers approve
- SteamOS - Steam comes out on a new operating system, we discuss on Habré
- Yandex, happy birthday!
- Google, happy birthday!
- Blackberry sells for $ 4.7 billion to the largest shareholder
- Apple has sold 9 million new iPhones in three days . In America, iOS 7 is already installed on more than half of Apple devices.
- Samsung starts regional blocking of its smartphones
- PrivatBank has become the world's largest corporate user of Linux.
- The oldest newspaper in the world refuses to print version
- Microsoft refused to support Skype for Windows Phone 7, and Bing integrated its own search with Siri and introduced an application for iOS 7
- iOS 7 surpassed Android in the Pfeiffer Consulting user satisfaction rating
- Google News:
- Google launched Constitute, a guide to all global constitutions
- Android remote lock
- Google implemented support for Google+ hashtags in search queries.
- Google introduced Hummingbird - a new algorithm for its search engine
- Google again had to apologize for the work of the mail
- Google struck another blow to link exchanges
- Interesting glands:
- Presented the first smartphone that comes with firmware based on CyanogenMod
- Microsoft Surface 2 / Surface Pro 2 - briefly about new Microsoft tablets
- Meet OPPO N1
- Samsung confirmed the announcement in October of a smartphone with a curved display
- Nvidia introduced Tegra Note
- The new generation of Amazon Kindle Fire tablets are cheaper and more powerful.
- Z10 brought the BlackBerry $ 934 million ... loss
Demo
- We play the piano and record the melody in the browsers Chrome / Safari
- Chrome card experiment
- FPS to FPS
Sites with interesting design and functionality
- Rollercoaster.io - a collection of the most successful, interesting and ready for tablet sites
- 25 movie sites
- 25 inspirational single-page sites with parallax effect
- brandvillage.com.aus - a successful symbiosis of parallax and non-standard geometry
- betweenredandtoe.com - an interesting approach to site design
- w-not.ru - site layout in crossword style
Design
- More than two dozen sites from Japan and China
- Sports websites for your inspiration
- Interview with illustrator Nikolai Tyulin
- Play with fonts: How does the fashion for styles change?
- Creative Typography Review for September 2013
- New logo and identity for 2013 Brand New Conference from UnderConsideration
- Icons with a modified iOS 7 design
- Designing for iOS7: Perils & Pluses
- Smart Quotes for Smart People - about the right quotes in English
- Make the design open
- About the innovations in Adobe Photoshop Elements 12
- The complete guide to corrective layers in Photoshop - Black & White
- Unofficial redesigns of known resources that look better than live versions.
- Cool business cards made in cartoon style
- Excellent examples of the use of reversal in the design of logos.
- How to manage the Gradient Mesh tool in Illustrator
- When and which product is better to use for creating printed materials: Adobe Illustrator or Photoshop, and maybe InDesign?
- Glossy and transparent elements in the interfaces of mobile applications
- A test to determine how well you distinguish colors
- Examples of innovative corporate identity
- Colorful web designs for inspiration.
- Design concepts behind popular characters
- More than thirty of the most famous fonts with links to resources from which these fonts can be downloaded
- How to make complex selections in Photoshop
A selection of free designer cookies
- Free Fonts-Pictograms
- Free Brushes for Adobe Illustrator
- New free font Fira
- Freebie : Detailed Flat UI Kit
- Free Fonts-Pictograms
- 50 fresh cookies from Dribbble
- Bjango Actions 2.0 (PSDs + Actions)
- Flat Rounded Square UI Kit
- Sets of social icons
- A large collection of materials and sets to create infographics
- Lessons on creating typographic effects in Photoshop
- More than two hundred fonts: from Klinic Slab to Fabrica
- More than six dozen brushes for photoshop hand-drawn
- Flat UI Kit PSD
- Over ninety Photoshop Actions for photo processing
- More than four dozen fonts to imitate chalked inscriptions, from Scrawler to Kr Rachel's Chalkboard Font
- Flatty ui kit psd
- A collection of a dozen fonts, from Chunk Five to Five Minutes
- Three vector business card templates
- Set of round social icons
Entertaining
- Average income developer depending on the programming language
- Bill Gates: Ctrl + Alt + Del - it was a mistake
- Herd effect of voters. Muuu ... MIT research
- Users literally sick of iOS 7
- Derivative and integral - on the example of a bank account
- BlackBerry History (1984-2013)
- Android mobile platform: five years of history
- 15 inconspicuous interface solutions from Google
- Nvidia: gaming consoles forever behind the graphics level of computers
- LucasFilm showed how they will create a movie in the future
- Smartphone market. Everything is going according to the plan of Steve Jobs
- A robot that repeats the movements of the artist’s hands , as well as a 3D printer that reproduces masterpieces of painting , reproducing each brush stroke
- Denis Kryuchkov: “There is simply no safe bay in which you could turn your life inside out”
- More than two dozen "Easter eggs" on popular sites
- Now, using Google Street View, you can walk through the Large Hadron Collider
- About WordPress from the mouth of the developer
- Instagram photo of Rihanna led to the arrest of two Thai residents
- How many people are in space right now
- Continuation of the story about a homeless person, whom they decided to teach coding
')
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/195652/
All Articles