Рубрика «css» - 82

Дайджест свежих материалов из мира фронтенда за последнюю неделю №219 (4 — 10 июля 2016)

2016-07-10 в 20:23, admin, рубрики: angular, css, ES6, html5, javascript, JS, React, анимация, Блог компании Zfort Group, браузеры, дайджест, Разработка веб-сайтов, ссылки, фронтенд

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда

Дайджест свежих материалов из мира фронтенда за последнюю неделю №219 (4 — 10 июля 2016) - 1
Читать полностью »

Дайджест свежих материалов из мира фронтенда за последнюю неделю №218 (27 — 3 июля 2016)

2016-07-03 в 19:51, admin, рубрики: angular, css, ES6, html5, javascript, JS, React, анимация, Блог компании Zfort Group, браузеры, дайджест, Разработка веб-сайтов, ссылки, фронтенд

Дайджест свежих материалов из мира фронтенда за последнюю неделю №218 (27 — 3 июля 2016) - 1
Читать полностью »

Дайджест свежих материалов из мира фронтенда за последнюю неделю №217 (20 — 26 июня 2016)

2016-06-26 в 19:34, admin, рубрики: angular, css, ES6, html5, javascript, JS, React, анимация, Блог компании Zfort Group, браузеры, дайджест, Разработка веб-сайтов, ссылки, фронтенд

Дайджест свежих материалов из мира фронтенда за последнюю неделю №217 (20 — 26 июня 2016) - 1
Читать полностью »

Java библиотека для эффективной передачи CSS и JavaScript

2016-06-22 в 10:16, admin, рубрики: css, java, javascript

В данной статье описывается способ передачи JavaScript и CSS методом соединения ресурсов, с последующими их минимизацией и сжатием, при помощи небольшой Java библиотеки «Combinatorius», что позволяет ускорить и упростить передачу контента.

Демо: combinatorius.dkiriusin.com
GitHub: github.com/deniskiriusin/combinatorius

Основные возможности библиотеки

Соединение JavaScript и CSS в один JavaScript и CSS ресурс соответственно для сокращения количества HTTP запросов.
Локальное кэширование сгенерированных данных для улучшения времени отклика.
Правильные Expires и Cache-Control HTTP заголовки для помощи браузеру с условными запросами.
Поддержка ETag для определения соответствия между кэшем браузера с данными на сервере.
Сжатие методом gzip для уменьшения размера HTTP ответа.
Поддержка YUI Compressor.
Поддержка версий передаваемых ресурсов (fingerprinting & static resources versioning).
Поддержка CSS тем через параметры URL или Cookies.
Простая конфигурация.

Читать полностью »

Дайджест свежих материалов из мира фронтенда за последнюю неделю №216 (13 — 19 июня 2016)

2016-06-19 в 18:46, admin, рубрики: angular, css, ES6, html5, javascript, JS, React, анимация, Блог компании Zfort Group, браузеры, дайджест, Разработка веб-сайтов, ссылки, фронтенд

Дайджест свежих материалов из мира фронтенда за последнюю неделю №216 (13 — 19 июня 2016) - 1
Читать полностью »

VIM: зачем, если есть IDE, и как?

2016-06-17 в 15:13, admin, рубрики: .ini, bash, C, css, CUDA, GAP, Go, html, IDE, latex, opencl, python, ruby, sage, vim, XML, yaml, Программирование, Разработка веб-сайтов

Сегодня вышел текст о том, как человек перешёл с Sublime на VIM. В комментариях, как обычно это бывает, появились сообщения в духе "Зачем мне тратить время на Vim, если есть IDE, где всё работает?" (люди даже статьи на эти темы пишут). Хотел внести свои пять копеек, но объём написанного плавно перевёл текст из разряда "комментарий" в разряд небольшой статьи.

В целом, всё, что ниже — это вкусовщина, конечно. Нравится вам ваша IDE (или ваш текущий инструмент), да и пожалуйста. Используйте для текущих задач то, чем вы владеете лучше всего, это аксиома эффективной работы. Но если у вас вдруг появилось немного времени на повышение вашей эффективности в целом, то попробую вас заинтересовать именно Vim'ом, сравнивая его с некой обобщенной IDE.

VIM: зачем, если есть IDE, и как? - 1 Читать полностью »

Как называть css-классы

2016-06-13 в 18:54, admin, рубрики: css, css-классы, html, Разработка веб-сайтов

Основываясь на моих любимых статьях по данной теме и личном опыте, вот мои 5 копеек о том, как называть CSS-классы.

0. Прежде чем думать о названии класса, выберете подходящее название для HTML-элементов

Если это поле, используйте элемент input

Читать HTML-документ будет гораздо легче.

Пример:

<div class='submit'/> <!-- Чёёё? -->
<input class='submit'/> <!-- Аа, ясно -->

Источник: Рафаэль Гоитер (французская статья)
Читать полностью »

Дайджест свежих материалов из мира фронтенда за последнюю неделю №215 (6 — 12 июня 2016)

2016-06-12 в 19:57, admin, рубрики: angular, css, ES6, html5, javascript, JS, React, анимация, Блог компании Zfort Group, браузеры, дайджест, Разработка веб-сайтов, ссылки, фронтенд

Дайджест свежих материалов из мира фронтенда за последнюю неделю №215 (6 — 12 июня 2016) - 1
Читать полностью »

Асинхронность в JavaScript: Пособие для тех, кто хочет разобраться

2016-06-09 в 8:45, admin, рубрики: css, javascript, setTimeout, асинхронное программирование, Блог компании Wrike, Разработка веб-сайтов

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

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