Posts

Showing posts with the label JavaScript

How to scroll inside scrollable block smoothly and do not scroll main window.

How to scroll inside scrollable block smoothly and do not scroll main window.       yourElementTarget Ref . current . scrollIntoView ({         behavior : "smooth" ,         block : "nearest" ,       });

Популярні слівця у веб-розробці і не тільки у веб | Popular words in Web Development

Image
Meteor — веб-платформа на мові  JavaScript , призначена для розрробки Web-додатків  реального часу . Для зв'язку з сучасними  браузерами Git   — розподілена  система курування версіями  файлів ( Вікіпедія ). AWS   — Amazon Web Services ( Вікіпедія ) — инфраструктура платформ облачных веб-сервисов, представленная компанией Amazon Node.js   — cерверний JavaScript  ( Вікіпедія ). ReactJS   — frontend library for web and native user interfaces. Build user interfaces out of individual pieces called components written in JavaScript. Redux    — A JS library for predictable and maintainable global state management Package managers:  Homebrew — package manager for OS X - (Хабрахабр) Bower   — package manager for frontend (needs  Node.js  и  Git ) Composer -  Composer is a tool for depende...

Frontend'er tools (unfinished)

Image
Frontend'er tools  https://github.com/mdn - MDN Web Docs is an open-source, collaborative project that documents web platform technologies, including CSS, HTML, JavaScript, and Web APIs. We also provide extensive 🧑‍🎓 learning resources for beginning developers and students. https://jsbin.com/?html,output  - JS Bin is a tool for experimenting with web languages. In particular HTML, CSS and JavaScript, but JS Bin also supports other languages (like Markdown, Jade and Sass). https://glitch.com/ - Glitch is the friendly place where everyone builds the web. Start a new blog , play with React , or build new worlds with WebXR . Let’s go! pnpm - Fast, disk space-efficient package manager https://react-hook-form.com - React form library https://usehooks.com - A tons of using hooks https://jqlang.github.io/jq/ - jq is a lightweight and flexible command-line JSON processor. JavaScript Playground  - cool frontend sandbox Validation: yup  & zod  , compar...

Добавление CSS c помошью Javascript (useful link) (eng)

Image
Добавление CSS c помошью Javascript (useful link) (eng)

Как отобразить объект JavaScript

Image
console . log ( obj ) str = JSON . stringify ( obj ); str = JSON . stringify ( obj , null , 4 ); // (Optional) beautiful indented output. console . log ( str ); // Logs output to dev tools console. alert ( str ); // Displays output using window.alert() Ссылка на Mozilla API Reference и другие примеры obj = JSON . parse ( str ); // Reverses above operation (Just in case if needed.) Источник: https://stackoverflow.com/questions/957537/how-can-i-display-a-javascript-object

Сравнение быстродействия CSS-Javascript библиотек

Image

Оптимизация и сжатие JavaScript, а также CSS

Сжатие Javascript и CSS  (сжатие и ссылки по теме) Рсбота с библиотекой Minify Работа с  YUI Compressor Держите свой CSS и JavaScript в чистоте  (инструментарий)

jsmin-php - Google Code

jsmin-php - Google Code : "This is a fast, low-overhead port of Douglas Crockford's JSMin JavaScript minifier to PHP. It requires PHP 5 or higher. Usage require 'jsmin-1.1.1.php'; // Output a minified version of example.js. echo JSMin::minify(file_get_contents('example.js'));"