Рубрика: Уроки программирования

Как сделать красивую анимированную кнопку Поиск с CSS3 и jQuery

В сегодняшнем уроке мы на практике рассмотрим то, как можно создать простую, но очень красивую кнопку для поиска, всего лишь с помощью CSS3 и jQuery. Готовая кнопка будет выглядеть примерно так:     Для создания такой красивой анимированной кнопки для окна поиска мы будем использовать следующие инструменты: HTML – для структуры документа CSS3 – для стилевого оформления и анимации движения jQuery – для реагирования на нажатие кнопок     Некоторое время назад разработчики анимировали HTML...

Как загружать CSS файлы асинхронно

Одним из наиболее эффективных способов повысить производительность и скорость загрузки страниц сайта является асинхронная загрузка CSS файлов. При использовании этого способа не будет происходить лишняя задержка для загрузки страницы из-за рендеринга этих файлов. Задержка связана с тем, что по умолчанию браузеры загружают подключаемые CSS-файлы синхронно – останавливая весь рендеринг страницы, пока каждый CSS-файл загружается и анализируется. Конечно, хотя бы небольшая часть CSS стилей сайта должна быть загружена до того, как странице будет разрешено начать рендеринг....

Уроки JavaScript – примеры использования случайности

В JavaScript довольно часто нужно использовать случайность или случайное поведение. Самым простым примером будет получение случайного числа для проведения жеребьевки. Или, например, представить возможный результат броска монеты. Но существует много разных видов случайности, и для различных приложений нужно подбирать свой вид случайного результата.   Самая простая случайность Простейшей формой случайности, которая встроена в JavaScript, является функция Math.random(). Чтобы увидеть ее в действии, наберите в консоли браузера (вызов консоли Ctrl+Shift+I) функцию: Math.random(); //0.2735944957535754 – пример результата...

Уроки PHP – как делать сортировку данных в массиве

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

Основные моменты для безопасности HTML и CSS

Если вы разработчик и пишете на HTML/CSS, вам нужно знать основные моменты, которые касаются безопасности. Кто-то может сказать, что HTML и CSS не могут быть объектом атаки злоумышленников, но с развитием веб-технологий у них для атаки появляются все больше возможностей. В сегодняшней статье мы рассмотрим самые важные моменты, на которые следует обратить внимание каждому разработчику. Они помогут следовать лучшим методикам безопасности и избежать уязвимостей.     Лучшие практики для безопасности Тщательно проверяйте зависимости, используемые в...

Ознакомление с операторами AND и OR в MySQL

Из сегодняшней практической статьи вы узнаете, как с помощью операторов AND и OR в MySQL объединять несколько логических выражений для фильтрации результатов в базе данных.     Оператор AND в MySQL Оператор AND (И) – это логический оператор, который объединяет два или более логических выражения и возвращает true (истина), только если оба выражения имеют значение true. Оператор AND возвращает false (ложь), если одно из двух выражений оценивается как false.   Ниже представлен синтаксис оператора AND:...

Что такое ключевое слово this в JavaScript

Если вас смущает ключевое слово this в JavaScript, знайте, что вы не одиноки. Вначале это смущает всех программистов. Но это не значит, что вам не нужно разобраться в этом. Ключевое слово this используется так часто в учебниках и в коде JavaScript, что вам нужно в нем разобраться. Как только вы освоите ключевое слово this, вы поймете, что это намного проще, чем вы думали. Из этой статьи вы узнаете, что такое ключевое слово this в JavaScript,...

Основы отзывчивой (responsive) типографии в веб-дизайне

Адаптивный или отзывчивый веб-дизайн – это не только столбцы, сетки, картинки и иконки. Все это не будет иметь смысла без текстового контента. Как однажды сказал Билл Гейтс: «Контент – это король». Поэтому, адаптивная типография – это тот важный фактор, который не должен упускать из виду каждый веб-дизайнер и веб-разработчик. В сегодняшней статье мы обсудим основы создания адаптивной веб-типографики, а также те факторы, которые влияют на это.     Основы типографии Хорошая типография – это правильный...

Как работать с базой данных MySQL в PHP

В сегодняшней практической статье мы рассмотрим все, что нужно знать начинающим о работе с базой данных MySQL в PHP. Здесь вы найдете подробную информацию о том, как создать базу данных, как подключаться к базе данных, как вставлять, обновлять и удалять данные в базе данных MySQL с помощью PHP.     Основы по работе с базой данных MySQL в PHP Как вы знаете, с помощью PHP вы можете создавать динамический контент сайта. Динамический контент не обязательно...

Как добиться многоцветного фона только лишь с помощью CSS

Уже более 5 лет в веб-дизайне лидирующие позиции занимает плоский дизайн (flat design). После того, как в 2010 году корпорация Microsoft выпустила ОС Windows 8, в которой пользовательский интерфейс выдержан в стиле плоского дизайна, этот дизайн начал стремительно набирать популярность. Flat design представлен в виде противоположности реализму и, по задумке, должен подчеркивать эффект «очаровательной простоты» и утонченности. Помимо этого плоский дизайн привнес красочность в традиционный дизайн. Сегодня яркие цвета играют основную роль во всех современных...

Ознакомление с оператором WHERE в MySQL

В сегодняшнем уроке мы рассмотрим на практике то, как использовать условие WHERE в операторе SELECT для фильтрации строк из набора результатов в MySQL.     Основы использования условия WHERE в MySQL Условие WHERE позволяет задать условие поиска для строк, которые возвращаются в запросе. Ниже показан синтаксис условия WHERE: SELECT select_query FROM table_name WHERE condition;     Условие condition – это комбинация одного или нескольких утверждений, которые используют логический оператор AND, OR и NOT. В MySQL...

Как использовать HTML формы в PHP

В сегодняшней практической статье мы рассмотрим все, что нужно знать начинающим о HTML формах в PHP. Здесь вы найдете подробную информацию о формах: основы использования, компоненты формы, обработку ошибок с помощью PHP, а также исходный код полностью рабочей формы.     Основы использования форм в PHP Если вы уже некоторое время занимаетесь веб-программированием, вы, вероятно, уже встречались с формами. Формы – это специальные компоненты, которые позволяют посетителям вашего сайта взаимодействовать с сайтом или приложением. Формы...

Как добиться адаптивности картинок с помощью CSS

В сегодняшней статье мы на практике рассмотрим технику, с помощью которой сможем достичь адаптивности для картинок на своем сайте. Мы рассмотрим 2 способа, которые позволят сделать картинки адаптивными с использованием небольшого количества CSS.     Построение адаптивного макета картинок Для начала предположим, что у нас есть такая простая HTML разметка: <div class="images-box"> <a href="image-URL"> <figure> <img src="image-URL" alt="альтернативный текст картинки"> </figure> </a> <!-- следующие картинки ... --> </div>     На больших экранах наша галерея...

Ознакомление с оператором ORDER BY в MySQL

В сегодняшнем уроке мы рассмотрим на практике то, как сортировать результаты выборки из базы данных с помощью оператора ORDER BY в MySQL.     Основы оператора ORDER BY в MySQL Когда вы используете инструкцию SELECT для запроса данных из таблицы, результирующий набор не сортируется. Это означает, что строки в наборе результатов могут быть в любом порядке. Чтобы отсортировать набор результатов, вам нужно добавлять условие ORDER BY в инструкцию SELECT. Ниже показан синтаксис условия ORDER BY: SELECT select_query FROM...

Ознакомление с оператором SELECT в MySQL

Из данного урока вы узнаете, как использовать базовую форму оператора SELECT в MySQL для запроса данных из таблицы. Вы можете использовать данный оператор, например, при работе с инструментом для баз данных phpMyAdmin.   Оператор SELECT позволяет считывать данные из одной или нескольких таблиц базы данных. Инструкция SELECT в MySQL имеет следующий синтаксис: SELECT select_query FROM table_name;   Теперь давайте разберем каждую составляющую данного запроса. Сначала используется ключевое слово SELECT. Это называется ключевым словом, потому что...