Digest of Interesting Materials From the Web Development World and IT

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

Web Development

• 20 top tips for Emmet to accelerate writing your code (20 Best Emmet Tips to Help You Code HTML / CSS Crazy Fast)
• Pull-down menus, providing negligent moused (Dropdown Menus with More Forgiving Mouse Movement Paths)
• RICG Responsive Images For WordPress
• Rapid application technology Offline-first module SW-Precache (Offline-first, fast, with the SW-Precache module)
• Want to explore the SVG? Start with this article (Want To Learn About SVG? Start With This Article)
• Comparison of static engines for creating websites – Jekyll, Middleman and Harp (Comparing Static Site Engines)
• Sliding second-level navigation (Secondary sliding navigation)
• frontend-Guidelines (the guideline for HTML / CSS / JS)
• Twenty collections documentation for front-end developers (Another 20 Docs and Guides for Front-End Developers)
• How rassharit images in Pinterest using the (Share Images with a Pinterest Call-to-action)
• Partitioning SVG and Flexbox for simple graphs D3 (SVG layout with Flexbox for simpler D3 charts)
• My Gulp Workflow
• Synchronization Gulp with Run-sequence (Sync Tasks Gulp with Run-sequence)
• Interesting demos onCodePen:
  • A simple scene with a three-dimensional effect guidance with CSS3 transformations (A simple 3D plane hover effect using CSS3 transformation)
  • CSS + SVG Pacman
  • Cute concept animation for the dialog box
  • The effect of the text is printed in the console DOS, using CSS (A simple DOS-writing-effect for titles, crafted in CSS)

CSS

• Specification Pointer Events in recommendations
• Performance CSS-animations : The Untold Story (with commentary by Paul Irish). Translation css-live
• Four more ways to hide and show elements using HTML and CSS
• Conditional statementsupports
• Expanding cascade of color using a variable currentColor (EXTENDING the Color Cascade with the CSS currentColor Variable)
• Inspirational effects and styles for buttons (Inspiration for Button Styles and Effects)
• Examples of material design for HTML & CSS ??in action (HTML & CSS ??Examples of Material Design in Action)
• Investigated with the dimensional units in Sass (Understanding Sass Units)
• Determines the possibility of CSS: Modernizr or Feature-requests? (CSS Feature Detection: Modernizr or Feature Queries?)
• Blackhole – minimalist, yet flexible and powerful static framework for SCSS / CSS (minimalistic but flexible and powerful SCSS / CSS framework)
• The specificity of selectors using CSS-preprocessors (Selector Specificity with CSS Preprocessors)

 JavaScript

• Isomorphic JS-application – the future of the web? (Isomorphic JavaScript Applications – the Future of the Web?)
• Bower and Grunt: a match made ??in heaven (Bower and Grunt: match made ??in heaven)
• Introduction to React (Introduction to the React JavaScript Framework)
• Radium (a set of tools for working with an inline style to the React)
• Use jQuery-ins with npm
• Track errors JavaScript, AngularJS and jQuery using Google Analytics (Track JavaScript, and jQuery AngularJS errors with Google Analytics)
• AngularJS vs. EmberJS
• Organizing your Grunt-tasks (Organising Your Grunt Tasks)
• Iterable and iterators ES6 (Iterables and iterators in ECMAScript 6)
• I wrote the ultra-high-speed algorithm for sequence alignment of DNA on JS (NBEAM: How I Wrote an Ultra-Fast DNA Sequence Alignment Algorithm in JavaScript)
• Three JS library, behind which stands watch in 2015 (3 JavaScript Libraries to Keep an Eye on in 2015)
• Study classes in ES6 Angular 1.x (Exploring ES6 Classes In AngularJS 1.x)
• Philosophy Ramda (The Philosophy of Ramda)
• remote control via smartphone solution built on Node.js and Socket.IO (Smartphone Remote Control with Node.js and Socket.IO)
• Plyr – Simple media player on HTML5 with the Custom controls and headings WebVTT.
• RIN – lightweight static template for HTML / SASS, based on Gulp
• Flickity: responsive touch-gallery
• NgReact (for interaction between React and Angular)
• proginoskes (infrastruktry monitored in real time using ssh to centralize the flow of events for logging)

Web Design

• Availability emanating from UX: BBC iPlayer solutions (Accessibility Originates With UX: A Case Study BBC iPlayer)
• On the meta-design and algorithmic design systems (On meta-design and algorithmic design systems)
• Testing menu design, accordion and iconography (Testing Accordion Menu Designs & Iconography)
• 10 principles of good design (Dieter Rams: ten principles for good design)
• Design Principles (textbook on the principles of design)
• It’s Only Color (basics of color)
• The difference between minimalism and simplicity (The Difference Between Minimalism and Simplicity)
• Making ArtList (history of successful product design)
• Unbearable unavailability slideshow (The Unbearable Inaccessibility of Slideshows)
• Refinement of image-up users emotions (Image Tricks to Make Users Feel Rather Than Think)
• Concept design of the Hungarian version of the euro (Hungarian paper money)
• The redesign of the magazine New York Times, including a new logo and a focus on more “digital” image (The New York Times Magazine Relaunches With Redesigned Logos and a Focus on Digital)
• The complexity of the redesign: an application for iPhone Nest (Nest for iPhone)
• How to learn to design, based on the Japanese tradition of martial arts (???Is How You Learn Design)
• Origami – a free tool for creating modern design interface. Introducing Live Origami Origami and 2.0
• Using Pixate – a tool for prototyping (Using Pixate)
• How to write texts for an unforgettable interfaces (How to Create Unforgettable Interface Copy)
• Design in Detail: Instagram for iOS (Design Details: Instagram for iOS)
• Creating an isometric style buildings pixel art in Photoshop (Create an Isometric Pixel Art Office Building in Adobe Photoshop)
• The design of the search interface and the image in Photoshop (Design a Search Bar and Image Display Interface in Adobe Photoshop)
• The best tools for drawing typography in 2015, the year (Lettering Gear Guide 2015)
• Font replacing empty words on a stylized bullshit (Bullshit Sans Sans)
• Web Tools
  • Designer’s Toolkit: Prototyping Tools – Comparison of tools for prototyping
  • v2.polarr.co – Online Photo Editor
  • colorable – a tool for checking the contrast

Selection of free designer cookies

• Free UI Kit from PixelKit (set of UI «transparent form”)
• 25 Sketch Freebies for Web & Graphic Designers (graphic materials – sets UI, icons, etc. for Sketch)
• Freebie: Flat design UI Kit by TeslaThemes (set of UI Tesla Themes)
• 15 Free PSD Poster / Flyer Mock-ups – February 2015 Edition (mockups to demonstrate the posters and flyers)
• 22 Smartphone Perspective PSDs for Conceptual App Mockups (photo-realistic mockups to demonstrate mobile applications on the smartphone screen located in the future)
• Free download: Lucid One Page PSD template (layout of a single-site in a gray-blue and white)
• 10 Free Vintage Retro Labels (PSD) (Vintage typographical labels)
• Free pics User (user icon with a flat design)
• Space icon for free .ai (vector outline icons on the space theme in the format .ai)
• 77 Essential Icons – Icon Set Free Download (outline vector icons for the most common tasks)
• Travel icon pack (set of vector icons on the theme of tourism)
• Freebie: Flat Icon Pack (AI, SVG, EPS, PSD, PNG) (four dozen vector icons on consumer topics)
• Growl – Free Font (Decorative font with fur and sans serif)

We apologize for any errors or broken / duplicate links. If you notice a problem – please write in PM, we will try to correct them promptly.