Some interesting and useful things for web developer # 36
Good day, dear habravchane. Congratulations to all on the coming 2015! Recently, I saw some interesting and useful tools / libraries / events that I want to share with Habr.
I think many of you are familiar with amazing Codrops demos. The authors of the site literally always implement the most interesting UI / UX ideas using HTML / CSS / SVG / JS and tell in detail about how they did it. And this is their own mega selection with the best work. Also I recommend for inspiration a collection of the most popular penov for 2014 from CodePen.
')
TremulaJS: Picture Streams + Momentum Engine + BĂ©zier Paths + Multi-Device. This library does not even want to be called a slashed word. This is an animator of content, which for some reason has received an undeservedly few stars on GitHub. The result with Tremula is very fast (like Velocity) and spectacular, as evidenced by the video. The component constructor page is here .
It happens when the interface requires the implementation of a pull-and-drop, but you do not want to connect massive jQuery and jQuery UI for the sake of it. And the replacement comes with a great Sortable.js, which does not depend on third-party libraries, weighs about 10 Kb, works on the native Drag'n'Drop API, has many options and a good event model, and plus is perfectly compatible with Angular, Meteor, Bootstrap etc. And he was written habravchaninin RubaXa from Mail.ru.
Australian developer esoTalk rethought the classic understanding of the forum and created a KickStarter campaign to create Flarum. Unfortunately, the project did not raise the required amount, but the idea itself and the revolutionary interface for the forum definitely deserves attention. So Flarum went free on GitHub. The server part is written in PHP with Laravel, in the client part is Ember.
A very specific font that can be useful both for prototyping and in any other place where you need to schematically depict content. For example, Facebook until the content is fully loaded in posts displays content in a similar way. By the way, I once wrote about a similar Blokk Font. But Redacted is better - these are two different types with many styles.
Friends backenders! I think everyone knows that I am doing my compilations entirely on altruism. I always went through a bunch of websites to make it always convenient to work. And at one point I decided to share the material found. Over time, collections have gained some popularity and significantly expanded in terms of content. From now on, I will clearly structure the “Finally” block so that people do not have to look for what they need. In order for the sections not to be bare and always filled with relevant information, I need your help. And the problem is not only in time, but also in competence. In terms of backend, I am rather a theorist than a practitioner.
Pkhshshnik, rubist, pythonist, goschik, if you already monitor GitHub Trending, Reddit, HackerNews or Twitter in search of interesting and useful things on your topic, if you find it definitely has value, but does not deserve the attention of the whole post, if it's not difficult for you once a week / in two weeks, depending on the material to share a pair of kilobytes of reference mass, then write me in a personal or any social. network from profile. Scribble in the main section as desired. The name or contacts of volunteers in each post will be indicated.
Previous selection (Release 35)
I apologize for any typos. If you notice a problem - please write in a personal.
Thank you all for your attention.
Best of Codrops 2014
I think many of you are familiar with amazing Codrops demos. The authors of the site literally always implement the most interesting UI / UX ideas using HTML / CSS / SVG / JS and tell in detail about how they did it. And this is their own mega selection with the best work. Also I recommend for inspiration a collection of the most popular penov for 2014 from CodePen.
TremulaJS
')
TremulaJS: Picture Streams + Momentum Engine + BĂ©zier Paths + Multi-Device. This library does not even want to be called a slashed word. This is an animator of content, which for some reason has received an undeservedly few stars on GitHub. The result with Tremula is very fast (like Velocity) and spectacular, as evidenced by the video. The component constructor page is here .
Sortable.js
It happens when the interface requires the implementation of a pull-and-drop, but you do not want to connect massive jQuery and jQuery UI for the sake of it. And the replacement comes with a great Sortable.js, which does not depend on third-party libraries, weighs about 10 Kb, works on the native Drag'n'Drop API, has many options and a good event model, and plus is perfectly compatible with Angular, Meteor, Bootstrap etc. And he was written habravchaninin RubaXa from Mail.ru.
Flarum
Australian developer esoTalk rethought the classic understanding of the forum and created a KickStarter campaign to create Flarum. Unfortunately, the project did not raise the required amount, but the idea itself and the revolutionary interface for the forum definitely deserves attention. So Flarum went free on GitHub. The server part is written in PHP with Laravel, in the client part is Ember.
Redacted font
A very specific font that can be useful both for prototyping and in any other place where you need to schematically depict content. For example, Facebook until the content is fully loaded in posts displays content in a similar way. By the way, I once wrote about a similar Blokk Font. But Redacted is better - these are two different types with many styles.
StaticGen is a collection of static generators.
Western thoughts or what would translate to Habré
- How To Migrate To HTTPS
- The 12 most popular web performance posts of 2014
- Designing For Print With CSS
- Practical Functional Javascript with Ramda
- How we made editing Wikipedia twice as fast
- Creating Your First Desktop App With HTML, JS and Node-WebKit
- Grid System Comparison: Bootstrap 3 vs. Foundation 5
- An Overview of SVG Sprite Creation Techniques
- How to Scale SVG
- Responsive and Infinitely Scalable JS Animations
- Keeping CSS short with currentColor
- PHP Tips, Resources and Best Practices for 2015
- Visualize Your Code's Quality With PhpMetrics
- Developing PHP Extensions with C ++ and PHP-CPP: Advanced
- E-Commerce Checkouts (Required and Optional) Fields Explicitly (Only 9% Do So)
- Push it! Making Your CTA Buttons More Clickable
- The Most Important Design Lessons Of 2014
- The Top UX Predictions for 2015
- Animation & UX Resources
- From Empathy to Advocacy
- A Checklist for Content Work
They say and show domestic IT resources
- “HTML5 W3C and WHATWG Specifications — Documented Differences”
“Long Term Web Semantics” by CSS Live. - "Grunt Beginner's Guide to Use: Revised Edition"
Native JavaScript Data Linking by Frontender Magazine. - “Without checking the HTML5 code, don't poke your nose in water - with Mike ™ Smith”
"Explore Big Screens" from Web Standards. - "The 10 most common mistakes when programming in JavaScript" by ZaValera
- "58 signs of a good interface" from SLY_G
- JavaScript Trends for 2015 by kichik
- “Eleventh Grader or Testing Layout Bugs ” by Diokuz
- “Accessing iFrame content from another domain” by Cher
- AndreWin's SageMathCloud - A Dream for Python, Math and Linux Fans
- "Pillow 2.7 - Significant improvement in quality and performance" from homm
- "PHP 7 will get twice the more efficient Hashtable" from MilkyWay
- “One-page store on Phalcon PHP + AngularJS. Work on the bugs " by chuikoffru
- “REST API in a couple of minutes with Lionframe” from hospect
- "Em-dosbox and 50 gifts for the new year" from Caiiiycuk
- “DOM will be enough for everyone, or how to reconcile ReactJS with the fact that third-party libraries change its DOM” from diogene
- "JQuery for mobile devices, all pros and cons" from AkpoFlash
Finally:
- HTML / CSS
- Icono - a collection of icons in pure CSS, consisting of a single element.
- normalize-opentype.css - complements normalize.css with OpenType features (the best example of the font-feature-settings property).
- Kouto Swiss is a great framework for Stylus.
- Amazeui is a powerful framework based on the principles of the component web.
- Onsen UI is another component framework for working with PhoneGap.
- Icono - a collection of icons in pure CSS, consisting of a single element.
- Javascript
- randomColor.js is a random color generator.
- Vue.js is a flexible and reactive MVVM framework.
- Engine.js is an engine for 3D games.
- Formula.js - implementation of the most popular MS Excel formulas in JavaScript.
- Raneto - markdown powered knowledgebase for Node.js.
- Vegas.js - jQuery plugin to create a background full-screen slider.
- intl-tel-input - jQuery plugin for validating phone numbers.
- perfBar.js is a library for analyzing site performance.
- Slimer.js - a scripting browser like PhantomJS, just at the heart of Gecko.
- Php
- Python
- Pythonpy - we will improve CL for work with Python.
- Algorithms - data structures and algorithms.
- Wifiphisher - automation of phishing attacks on WiFi.
- Ruby
- Cancancan - “Continuation of CanCan”, heme for authorization.
- Algorithms - algorithms for common questions.
- Go
- Hyperfox - HTTP and HTTPs traffic.
- SSH Chat - chat over SSH ( article on Medium ).
- Nintengo - NES emulator.
- miscellanea
- Search Code is a code search engine that combines GitHub, BitBucket, Google Code, CodePlex, Sourceforge and Fedora Project searches.
- Awesome courses
- Nginx Resources
- Git Game - Gikov SL game in Git.
- Search Code is a code search engine that combines GitHub, BitBucket, Google Code, CodePlex, Sourceforge and Fedora Project searches.
Friends backenders! I think everyone knows that I am doing my compilations entirely on altruism. I always went through a bunch of websites to make it always convenient to work. And at one point I decided to share the material found. Over time, collections have gained some popularity and significantly expanded in terms of content. From now on, I will clearly structure the “Finally” block so that people do not have to look for what they need. In order for the sections not to be bare and always filled with relevant information, I need your help. And the problem is not only in time, but also in competence. In terms of backend, I am rather a theorist than a practitioner.
Pkhshshnik, rubist, pythonist, goschik, if you already monitor GitHub Trending, Reddit, HackerNews or Twitter in search of interesting and useful things on your topic, if you find it definitely has value, but does not deserve the attention of the whole post, if it's not difficult for you once a week / in two weeks, depending on the material to share a pair of kilobytes of reference mass, then write me in a personal or any social. network from profile. Scribble in the main section as desired. The name or contacts of volunteers in each post will be indicated.
Previous selection (Release 35)
I apologize for any typos. If you notice a problem - please write in a personal.
Thank you all for your attention.
Source: https://habr.com/ru/post/247469/
All Articles