
Web development
How the world of semantic micromarking works. Yandex experience
Splitting web pages into semantic blocks
Static web return
Dragging an item that pushes others in its path
We study SVG on the example of creating a logo
One solution for responsive images
Introduction to the Speech Synthesis API
Local development for mobile devices
Work with queue in mobile browsers
Applying XSLT transformations for responsive web design
List of light and minimal frameworks
GitHub statistics for 2013
Yet Another Framework Syndrome (YAFS)
Adaptive images: Still waiting for the standard? Try Rwd.Images.Js instead!
Creating a RESTful web application on Node.js, Express, and MongoDB
Using transformations for responsive web design
Sublime Web Inspector - debugging JS right in the editor
Sublime for designers
Getting started with the pattern library (A LIST APART)
Creating a static site with Meteor
The feature that scrolls the image, as in the Paper application from Facebook to HTML5
Recreated Google Now
CSS
“Font-weight: bolder” for fonts with a variety of styles
Kerning on the Web
CSS A / Z
Rethinking Links: Looking for the Best HREF
Fullscreen Overlay Effects
Do not use flexbox for global page layout.
Simple tips for optimized CSS browser delivery.
How to make a design of glass translucent menu on CSS3
A collection of tools for working with CSS
Introduction to viewport dimensional units (while support in browsers is unimportant)
Creating animated flip cards using CSS animation
Styling external links with CSS
Super semantic multicolored font icons colored with pure CSS
CSS trick with calc function
Retro PC on CSS3
Javascripts
10+ useful jQuery snippets for every day
So you decided to learn AngularJS? Here is a bunch of useful resources and tutorials
Javascript puzzlers! - Do you know JS really?
Nightwatch.js - a tool for automatic testing in the browser
edison.js - a router that simplifies the structure of complex one-page applications
Hackathon Starter - boilerplate for web applications for Node.js
Angular, Ember, and Backbone: Which is better for you?
Let's get rid of the For loop . Begin to use underscore
Javascript debounce function
Why using “use strict” can save you hours of unnecessary work
Javascript array: slice vs. splice
Better-DOM Live Extensions Presentation: What It Is and How It Works
Bouncing balls on HTML5 canvas
Kendo UI and Angular Directives
Overthrow - polyfil for overflow: auto
Oboe.js - streaming JSON download for Node and browsers
Octocard - your business card displaying data from GitHub
Vue.js makes MVVM simple
spectra.js - library for working with colors
Image Lightbox - adaptive and with support for touch devices
TodoMVC Benchmark - Framework Comparison
Sigma.js - a library for drawing graphs
Web tools
Lea Verou Introduces Whathecolor: Color Design Game for Web Designers
appear.in - create rooms and arrange video chats for up to 8 people, inclusive, free of charge in Chrome and Firefox browsers
news
Announced service Steam Music (beta)
Yandex opens an office in Berlin
Mozilla, Adobe, Microsoft and Google are working on a standard for multi-color font support.
Browsers
Beta Opera 20 for Android
Which browser allows you to live your battery longer
Sites with interesting design and functionality
Transparency in web design
Two dozen sites with predominant red in design
20 Web Designs That Look Like Animated Infographics
soppo.co - a site with an interesting hover effect
hugeinc.com - an example of a site made in accordance with the latest trends in web design
timetravel - scroll deep into the page
carlphilippebrenner.com - original hover effect and drawing illustrations using animated SVG
daksh.sastra.edu - futuristic interface and animation
Design
Text layout: why working with text is a design issue
7 unbreakable laws of user interface design translation
Interface Digest, December 2013-January 2014
How to Choose the Right Icons
Design systems: building for the future
Terrible web design trends
Artificial selection - how to improve interfaces
Interview with the designer: Justin Mezzell
Creating an animated valentine with glitters and text effects in Photoshop
How to add realistic falling snow on a photo in Photoshop
Ten ways to make your Photoshop work faster on your computer
Excellent examples of using photo in web design.
How to use big images like a pro
Best Photoshop Tutorials January 2014
Best Adobe Illustrator Lessons for January 2014
Twitter updated design
Markdown Icon Design
How to create a logo 37signals
Mistakes when creating a logo - ten mistakes that should not be made
A selection of delicious restaurant logos
Archipad: an application for creating sketches for architects and designers
A selection of free designer cookies
Devil's dozen flyers for Valentine's Day
Creative Brush Sets for Adobe Illustrator
PSD with stylish greeting flowers for February 14th
Packing with vector graphics for Valentine's Day
Several vector badges for February 14
Set of four dozen icons for Valentine's Day
Stylized images of mobile devices in vector format (AI, EPS)
Eight packs with flat and contour icons
Blenda Script - experimental vintage font
Hitchhiker - decorative retro font
Demo
Windows Media Player on canvas (view in Chrome)
DevART - art created by coders (Google project)
Simple html5 games: one game per week
Ironbane 3D browser online action MMO
Entertaining
20 professions of the future
How Mail.Ru protects Russians from offshore fascist games
NSA Spy Gadgets
The grand battle in EVE Online, who lost $ 300,000 and what did happen there
What is a beautiful code, and is it necessary? What do they think in YandexSource: https://habr.com/ru/post/211889/
All Articles