Как очистить кэш в браузере Google Chrome

dev / 12.02.202327.03.2023 / Веб-разработка

Вам нужно периодически очищать кэш, чтобы ваш браузер мог работать более эффективно. Это часть профилактики компьютера, которую необходимо проводить время от времени.

Инструкция:

Скопируйте в строку браузера текст chrome://settings/clearBrowserData и нажмите Enter.

1. Выберите в Дополнительных настройках, что вы хотите очистить:

— Файлы куки и другие данные сайтов
— Изображения и другие файлы, сохраненные в кеше

2. Выберите Временной диапазон, для которого вы хотите удалить информацию, сохраненную в кэше.

Чтобы очистить весь кэш, выберите: Все время.

3. Нажмите на кнопку Удалить данные.

Взгляните на снимок экрана:

MAMP

dev / 22.01.202313.02.2023 / WAMP

MAMP — это набор решений, состоящий из бесплатного и проприетарного коммерческого программного обеспечения с открытым исходным кодом, используемого вместе для разработки и запуска динамических веб-сайтов на компьютерах Apple Macintosh.

Ссылка: https://www.mamp.info/en/windows/

WampServer

dev / 15.01.202319.01.2023 / WAMP

WampServer (до осени 2007 — WAMP5) — сборка веб-сервера, содержащая Apache, MySQL, интерпретатор скриптов PHP, phpMyAdmin и другие дополнения, предназначенная для web-разработки под Windows.

Имеет автоматический инсталлятор. Для управления сервером и его настройками WampServer создает иконку в трее. Позволяет установить любую версию Apache, MySQL и PHP в качестве аддона.

Ссылка: https://www.wampserver.com/ru/

XAMPP

dev / 08.01.202319.01.2023 / WAMP

XAMPP (/ˈzæmp/) — кроссплатформенная сборка локального веб-сервера, содержащая Apache, MariaDB, интерпретатор скриптов PHP, язык программирования Perl и большое количество дополнительных библиотек, позволяющих запустить полноценный веб-сервер.

XAMPP — это акроним:

X (операционная система Windows, Linux, OS X, Solaris)
Apache
MariaDB
PHP
Perl

XAMPP полностью бесплатный и простой в установке дистрибутив.

Ссылка: https://www.apachefriends.org/ru/index.html

Open Server Panel

dev / 01.01.202312.01.2023 / WAMP

Open Server Panel — это портативная программная среда, созданная специально для веб-разработчиков с учётом их рекомендаций и пожеланий.

Данный программный комплекс включает в себя тщательно подобранный набор серверного программного обеспечения, а также невероятно удобную и продуманную управляющую утилиту, которая обладает мощными возможностями по администрированию и настройке всех доступных компонентов.

OSPanel широко используется с целью разработки, отладки и тестирования веб-проектов, а также для предоставления веб-сервисов в локальных сетях.

Ссылка: https://ospanel.io/download/

Tilda

dev / 25.12.202212.01.2023 / Конструкторы сайтов

Tilda Publishing (сокр. Tilda) — блочный конструктор сайтов, не требующий навыков программирования. Позволяет создавать сайты, интернет-магазины, посадочные страницы, блоги и email-рассылки.

Сайты на платформе собираются из готовых блоков, которые автоматически адаптируются под мобильные устройства и выделены в смысловые категории (например, обложка сайта, меню, форма, текст, изображение). Также с помощью встроенного редактора Zero Block можно спроектировать свой собственный блок, добавляя отдельные модули (текст, форма, геометрическая фигура, изображение, кнопка, HTML, галерея, видео, тултип), располагая их на экране в режиме Drag-and-drop.

Tilda работает по модели Freemium: на сервисе есть возможность использовать бесплатный план для создания сайтов и несколько вариантов подписки, которые отличаются функциональностью: например, количеством доступных для создания сайтов блоков, возможностью экспорта кода, доступом к API.

Основателем сервиса является Никита Обухов — арт-директор, предприниматель, автор курсов и интенсивов по дизайну.

Ссылка: https://tilda.cc/ru/

Что значит директива RewriteCond в Apache?

dev / 02.01.202210.03.2022 / Apache HTTP Server

Рассмотрим пример:

RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^index.php [L]

Директивы RewriteCond задают условия для, следующей после них, директивы RewriteRule. Т.е. сами по себе они не применяются, после них должна идти директива, на которую они влияют.

В частности !-f требует, чтобы правило RewriteRule применялось только в том случае, если запросу не соответствует физически существующий файл, а !-d — запрос не должен применяться, если запрашивается физически существующая папка. Таким образом, правило в RewriteRule, следующее за этими директивами будет касаться только виртуальных URL для которых нет папки или файла на диске сервера.

Инструменты для оптимизации работы веб-сайта

dev / 11.07.202101.09.2021 / Инструменты веб-разработки

PageSpeed Insights

Google PageSpeed — это семейство инструментов от Google Inc, разработанное для оптимизации работы веб-сайта. Он был представлен на конференции разработчиков в 2010 году.

Сервисы по ускорению загрузки веб-сайта

dev / 04.08.201904.01.2020 / Веб-разработка

PageSpeed Insights

PageSpeed Insights анализирует содержание веб-страницы и предлагает решения, которые позволят ускорить ее загрузку.

Инструменты эффективной веб-разработки

dev / 07.03.201911.11.2022 / Инструменты веб-разработки

Пакетные менеджеры

Bower

Популярный менеджер для клиентского JavaScript, который занимается установкой пакетов вместе с их зависимостями.

Composer

Популярный пакетный менеджер для PHP, который предоставляет средства по управлению зависимостями в приложении.

Библиотеки JavaScript

JQuery

Библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML. Библиотека jQuery помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими. Также библиотека jQuery предоставляет удобный API для работы с AJAX.

JQuery UI

Библиотека JavaScript с открытым исходным кодом для создания насыщенного пользовательского интерфейса в веб-приложениях, часть проекта jQuery. Построена поверх главной библиотеки jQuery и предоставляет разработчику упрощенный доступ к её функциям взаимодействия, анимации и эффектов, а также набор виджетов.

Фреймворки JavaScript

Backbone.js

JavaScript-фреймворк, основанная на шаблоне проектирования Model-View-Presenter (MVP), предназначена для разработки веб-приложений с поддержкой RESTful JSON интерфейса.

Angular.js

Открытая и свободная платформа для разработки веб-приложений, написанная на языке TypeScript, разрабатываемая командой из компании Google, а также сообществом разработчиков из различных компаний.

React.js

JavaScript-фреймворк с открытым исходным кодом для разработки пользовательских интерфейсов. React разрабатывается и поддерживается Facebook, Instagram и сообществом отдельных разработчиков и корпораций.

Vue.js

JavaScript-фреймворк с открытым исходным кодом для создания пользовательских интерфейсов. Легко интегрируется в проекты с использованием других JavaScript-библиотек.

CSS фреймворки

Bootstrap

Свободный набор инструментов для создания сайтов и веб-приложений. Включает в себя HTML- и CSS-шаблоны оформления для типографики, веб-форм, кнопок, меток, блоков навигации и прочих компонентов веб-интерфейса, включая JavaScript-расширения.

Foundation

Предоставляет адаптивную сетку и компоненты HTML, CSS UI, шаблоны и фрагменты кода, включая типографику, формы, кнопки, навигацию и другие элементы интерфейса, а также дополнительные функции, предоставляемые расширениями JavaScript.

CSS препроцессоры

Less

Надстройка над CSS. Динамический язык стилей.

Sass

Модуль, включенный в Haml. Это метаязык на основе CSS.

Compass

CSS фреймворк с открытым исходным кодом, который использует язык таблиц стилей Sass, чтобы сделать написание таблиц стилей мощнее и проще.

Сборщики проектов

Grunt

Менеджер задач для автоматического выполнения рутинных операций, написанный на языке программирования JavaScript. Программное обеспечение использует командную строку для запуска задач, определённых в файле Gruntfile.

Gulp

Менеджер задач для автоматического выполнения часто используемых задач, написанный на языке программирования JavaScript. Программное обеспечение использует командную строку для запуска задач, определённых в файле Gulpfile. Создан как ответвление от проекта Grunt, чтоб взять из него лучшие практики.

Brunch

Строит, связывает, компилирует, объединяет и сокращает ваше HTML-приложение очень простым способом.

Mimosa

Быстрый инструмент сборки для современного веб-разработки.