Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «html5»
FrontEnd Starter Kit. Базовая структура фронтэнд проекта. 2015-03-05 17:04:49
Долгое время в работе я имел дело с таск-менеджером — grunt, который используется для ...
+ развернуть текст сохранённая копия
Долгое время в работе я имел дело с таск-менеджером — grunt, который используется для автоматизации различных рутинных процессов фронтэнда. Таких как — линтовка, компоновка и сжатие JS кода, компиляция scss в css, автоматический прогон тестов при каждом билде и прочее. Пришло время попробовать gulp. До этого много читал о gulp, у которого есть достаточно много положительных отзывов и среди ...read more
Тэги: bower, chai, css, gulp, html, html5, javascript, jquery, jslint, karma, lodash, mocha, node.js, nodejs, phantomjs, sass, scss, sinon, архитектура, разработка
Ресайз картинок в браузере. Все очень плохо 2015-03-04 16:52:30
Если вы когда-нибудь сталкивались с задачей ресайза картинок в браузере, то вы наверное знаете, ...
+ развернуть текст сохранённая копия
Если вы когда-нибудь сталкивались с задачей ресайза картинок в браузере, то вы наверное знаете, что это очень просто. В любом современном браузере есть такой элемент, как холст ( <canvas>). На него можно нанести изображение, задав желаемые размеры. Пять строчек кода и картинка готова:
function resize(img, w, h) {
var canvas = document.createElement('canvas');
canvas.width = w;
canvas.height = h;
canvas.getContext('2d').drawImage(img, 0, 0, w, h);
return canvas;
}
Потом с помощью этого же холста картинку можно сохранить в JPEG и, например, отправить на сервер. В чем же тут подвох? А дело в качестве получившегося изображения. Если вы поставите рядом такой холст и обычный элемент <img>, в который загружена та же картинка (исходник, 4 Мб), то вы увидите разницу.
 Читать дальше →
Тэги: canvas, html5, image, javascript, processing, resize, веб-разработка
[Из песочницы] Интересный и одновременно простой слайдер на чистом CSS3 2015-03-03 18:15:11
Я никому не открою Америку, не удивлю публику новым фокусом и не взорву мозг тем, кто в CSS3 ...
+ развернуть текст сохранённая копия
Я никому не открою Америку, не удивлю публику новым фокусом и не взорву мозг тем, кто в CSS3 плавает, как аквалангист. Расскажу простой способ, как создать слайдер с помощью простых функций CSS3 без необходимости использовния javascript.
Читать дальше →
Тэги: css, css3, html, html5, nojs, tutorial, веб-разработка
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №149 (24 февраля — 1 марта 2015) 2015-03-02 00:28:54
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT- ...
+ развернуть текст сохранённая копия
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости.
Читать дальше →
Тэги: api, css, css3, group, html, html5, javascript, jquery, zfort, блог, браузеры, веб-дизайн, веб-разработка, дайджест, компании, новости, ресурсы, сми, ссылки
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №148 (16 — 22 февраля 2015) 2015-02-22 21:49:57
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT- ...
+ развернуть текст сохранённая копия
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Читать дальше →
Тэги: api, css, css3, group, html, html5, javascript, jquery, zfort, блог, браузеры, веб-дизайн, веб-разработка, дайджест, компании, новости, ресурсы, сми, ссылки
Главная / Главные темы / Тэг «html5»
|
Взлеты Топ 5
Падения Топ 5
|
