The digest of interesting materials from the world of web development and IT for the last week №163 (June 1 - 7, 2015)
We offer you a selection with links to useful resources, interesting materials and IT-news
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 .
Web development |
|
|
Browsers |
Design |
Free cookies |
news |
Entertaining |
Web development
- Learning to love BEM
- SVG:
Animation of the contours of SVG-figures with examples. The effect of “drawing” with the help of stroke-dasharray and stroke-dashoffset.- Create SVG Icons with React (Building SVG Icons with React)
- px2svg - a tool for converting raster images to SVG
- The current state of SVG animation (The State of SVG Animation)
- A simple guide on how SVG works (A Simple Guide on How SVGs Work)
- Animated SVG with GSAP
- Making a cool mobile menu for your website (Building Great Mobile Menus for Your Website)
- 50 free books for web designers and developers
- Web Development for Kids: Welcome to Tuts + Town (Web Design for Kids: Welcome to Tuts + Town!)
- 12 time-saving examples in Bootstrap (12 Time-Saving Bootstrap Examples)
- 10 of the most popular mistakes when working with Bootstrap (The 10 Most Common Bootstrap Mistakes)
- Create responsive emails for the future without media queries (Creating a Future-Proof Responsive Email Without Media Queries)
- Adaptive images 101, part 8: CSS images (Responsive Images 101, Part 8: CSS Images)
- HTML5 clipboard support (HTML5 clipboard support)
- Copy and Paste to the Web (Copy & Paste & The Web)
- Color Extraction Effect with CSS Filters and Vibrant.js (Color Extraction Effect using CSS Filters and Vibrant.js)
- Accessibility Cheatsheet cheat sheet
- Call for web developers to speak out against their CSS (A Call For Web Developers To Deprecate Their CSS)
- Increase Meteor Speed (Meteor Development with Scaffolding And Automatic Form Generation)
- Power Surge - JavaScript optimization in this HTML5 game using Firefox Developer Edition (Power Surge - optimize javascript in this HTML5 game using Firefox Developer Edition)
- Slides report Vitaly Friedman "Improving Web Fonts Performance"
"Supercharging page load" - Jack Archibald's story on Google Developers about how Service Worker will help you optimize page loading speed
CSS
- When flexboxes aren't omnipotent, or the dark side's surprise is CSS
- 15 questions to test your CSS knowledge (15 CSS Questions to Test Your Knowledge)
- Create a site on Flexbox (Building Flexbox website)
- Making all tooltips with CSS (Implementing an all CSS tooltip)
- The Best CSS Reset Stylesheets
- The effect of raindrops on the window using CSS (CSS-Only Raindrops on Window Effect)
- A fun tool from CodePen that explains the difference between the content box and the border box.
- 4 ways to use modern CSS in old browsers (4 ways to use modern CSS with old browsers)
- Font problem Mitt Romney (The Mitt Romney Web Font Problem)
- New CSS Tricks and Snippets You Should Know (New CSS Tricks And Snippets That You Should Know)
- Creating “From Pieces”: Developing Interactive Objects With CSS Clip Paths (The Making Of “In Pieces”: Designing An Interactive Exhibition With CSS Clip Paths)
- Silon - logic gates and adders on pure CSS
- Colors with Sass map (Colors With Sass Map)
- Sass Impurity and Media Fusion (Sass Mixin and Media Merging)
- Installing and configuring Bootstrap Sass (Bootstrap Sass Installation and Customization)
Javascript
jQuery is considered harmful- Looking for the perfect javascript framework
- AngularJS vs. Backbone.js vs. Ember.js
- RadioJS Podcast, Issue 23: Eat vegetables, write on the Matryoshka
- JS optimization with a functional approach
- Why is the V8 javascript engine called V8?
- ES6 In Depth: Arrow functions
- How to develop games using EaselJS (How to develop web games with EaselJS)
- Why Angular 2 will steer? (Why Will Angular 2 Rock?)
- Why front-end developers should try Meteor (Why Front-End Developers should try to learn Meteor)
- JavaScript code with darling (JavaScript Code Smells)
- 7 Basic JS Functions (7 Essential JavaScript Functions)
- Introduction to ES6 Promises - Four Functions Required to Avoid Callback Hell
- De Stijl: How necessary are var, let, and const? (De Stijl: How are the var, let, and const necessary?)
- Setting up a project on ES6 with Babel and Browserify (Setting up an ES6 Project Using Babel and Browserify)
- Why Babel is a worthwhile thing (Why Babel Matters)
- Syntax of binding functions in JavaScript ES7 (JavaScript ES7 Function Bind Syntax)
- JSON API 1.0
- JS Predictions for the Next 12 Months (Predictions on JavaScript in the next 12 months)
- Making Music in the Browser - Web MIDI API (Making Music in the Browser - Web MIDI API)
- Is ReactJS really that fast? (Is ReactJS really fast?)
- Introduction to Ember.js (An Introduction to Ember.js)
- 8 most common mistakes made by developers on Ember.js (The 8 Most Common Ember.js Developer Mistakes)
- Open-source plug-ins for implementing spreadsheet and simple data tables (JavaScript Open-Source Spreadsheets and Data Grids)
- 15 directives to supplement your applications on Angular.js (15 Directives to Extend Your Angular.js Apps)
- Detecting Unminifiable Angular Code Definition
- Using Polymer Web Components with Angular.js (Using Polymer WebComponents with Angular.js)
- J2C - JS object compiler in CSS
- console.message - expands the capabilities of the console by supporting formatting and using styles
- Project EON - dashboards with real-time data updates.
- Introduction to Vectorious (An introduction to Vectorious)
- Knwl.js - Natural Language JS Parser
- Getting Started with TransloadIt - Key Concepts (Getting Started with TransloadIt - Key Concepts)
Browsers
- Opera browsers, their modes and engines
- New performance tools in Firefox Developer Edition 40 (New Performance Tools in Firefox Developer Edition 40)
- Browser market trends in June 2015: the fight for second place (Browser Trends June 2015: The Battle for Second Place)
- Chrome taught smart blocking "extra" Flash content on sites
- Firefox 38.0.5 release with reader mode and Pocket service support
- Google Chrome v44 will study user actions in more detail.
- Google Chrome has learned to save gadgets charge
- Google launches testing on context search feature Now on Tap in Chrome
- 25 useful Chrome extensions for web developers
- Video: Edge rendering engine just makes the web work
- Video: Microsoft Edge and IE11 for IT Professionals
- Why Edge?
Sites with interesting design and functionality
- theboat is an interactive site caught in a storm
- andtonandirene.com - a fun and stylish portfolio of designers
- onthegrid.city - grids and dynamic columns
- brand.uber.com is a modern website that organically combines background video, animation, and non-standard layout.
- antonandirene.com - vertical scrolling site with funny design and interesting effects
- winshipwealth.com is another vertical site with interesting animation.
- carsandcoffee.it - a car website with pretty animated content uploading
- Stage Design + TV
- feedmusic.com - a site with an animated background and scrolling deep into the page
- Presentation site of the scooter with a bunch of scrolling animation
- neiouma.com/versailles is another site with an interesting scroll animation.
- Interactive music video Dennis
- Cool sites with horizontal scrolling
Design
- Microsoft has updated the icons in Windows 10
- Create brushes for Photoshop with dirt texture
- Cool typography examples in magazines
- Font Library - tags for Google Fonts
- How mobile is your design? 12 Tips on this (How Mobile Friendly Is Your Design? 12 Tips to Follow)
- How Google finally got a design (How Google Finally Got Design)
- Has Material Design been a deadly blow for Apple? (Is Material Design the Death Blow for Apple?)
- Material Design: why a floating action button is a bad UX design (Material Design: Why the Floating Action Button is bad UX design)
- Mirror Reflections, Part I (Mirror Images Part I)
- Design and draw a character for the Awesome team (Design and Draw a Mascot for Team Awesome)
- Examples of web design with modern splash pages (Showcase of Web Designs with Modern Splash Pages)
- Comparison of three prototyping tools: Invision, Marvel and Justinmind (3 Prototyping Tools Compared: Invision, Marvel & Justinmind)
- Why good web design doesn't cost $ 50 (Why Good Web Design Doesn't Cost $ 50)
- Prototyping with Farmer (Prototyping with Framer)
- UX is UI (UX is UI)
- Visualizing Architecture
- (Re) design Hype ((Re) designing Hype)
- Keynote animation experiment (KEYNOTE MOTION GRAPHIC EXPERIMENT)
- Redesign Chrome for Android. Part 1 (Redesigning Chrome for Android. Part.1)
- Make the UI more for recognition than for reading (Design UI for Recognition More than for Reading)
- Designing the new Twitter profiles
- Why users don’t notice the form buttons placed on the control panel (Why Users Form Buttons Placed in the Action Bar)
- Interface texts: code for people (Interface Writing: Code for Humans)
- Play button without optical alignment (The PLAY button is not optical alignment)
- Modern Design Tools: Adaptive Layouts (Modern Design Tools: Adaptive Layouts)
- Digital drawing versus digital painting: what is the difference and why should you know (Digital Drawing vs. Digital Painting:
- Navigating History in Mobiles
- Create a photo-realistic scene of the destroyed city in Adobe Photoshop (Create a City Destruction Scene Photo Manipulation in Adobe Photoshop)
- Create a colorful illustration of a wooden palette in Adobe Illustrator (Create a Colorful Wooden Artist's Palette in Adobe Illustrator)
- Paul Rand's Seven-Step Logo Test (The 7-Step-Paul-Rand Logo-Test)
- New logo and identity for the Olympic Games in 2024 in Los Angeles (New Logo and Identity for LA 2024 Olympic Bid City by RE: We Bid you Farewell)
- Effective logo design, part 1: symbols, metaphors and power of intuition (Effective Logo Design, Part 1: Symbols, Metaphors And The Power Of Intuition)
- Typographic Details of Behind Typewolf's Favorite Sites of May 2015
A selection of free designer cookies
- Free Summer Icons
- One hundred and one best fonts (101 best free logo fonts)
- Ten Sketch Plugins (10 Free Sketch App Plugins For Designers & Developers)
- Metal and Rust Textures and Images (Free High Resolution Metal and Rust Background Textures and Images)
- DO UI Kit for Photoshop and Sketch (Free Download: DO UI Kit with 250+ Components)
- Dashboard UI templates in PSD format (20+ Free Dashboard UI PSD Templates)
- Free Writing Icons )
- Twenty-two free fonts from May 2015 (22 Awesome Free Fonts - May 2015 Edition)
news
- Computex 2015:
- The best hardware presented at Computex 2015
- New Crazy Computers at Computex 2015
- Best in Computex by Tom's Hardware
- Computex 2015. Best Choice Awards 2015 - video from the stand with the best gadgets
- Some companies at the exhibition: OCZ , AMD , Asus , Acer , Transcend , Genius , MSI
- 512 GB microSD memory card with a read speed of up to 300 MB / s
- "Yandex" launched a music service "Radio"
- The final version of Windows 10 will see the world on July 29
- Satya Nadella recognized as the most influential leader in the IT field
- "Yandex" launched the streaming service "Radio"
- Pinterest launches pins with the ability to purchase
- Google launched the Micro-Moments project , and also released new tools to control the privacy and security of user data.
- Snapchat valued at 16 billion dollars
- Yahoo will close the cards at the end of June
- YouTube began to tell artists where they were loved the most, and where to go with concerts
- Microsoft acquired Wunderlist Task Manager Developer - WSJ
- Valve will release gaming Steam Machine in November
Entertaining
- Google ATAP - what's new from the craziest division of the company
- Magic Leap - a different look at virtual reality devices
- Windows 10 will not help the growth of the global PC market
- Google Project Loon: autorun system and new web traffic transmission scheme
- Google and Levi's have teamed up to create interactive clothing.
- Google I / O 2015: hot on the heels
- Wearable electronics. The most interesting news in May
Top issuing of Egyptian Google randomly led by local refrigerator salesman
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 .
')
Source: https://habr.com/ru/post/259767/
All Articles