Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «cyz»
[Из песочницы] Рассказ о том, как написать свой собственный CSS препроцессор за 9 месяцев 2015-04-25 09:55:13
Xочу рассказать о своем детище – препроцессоре и парсере CSS, которым я начал заниматься с ...
+ развернуть текст сохранённая копия
Xочу рассказать о своем детище – препроцессоре и парсере CSS, которым я начал заниматься с апреля прошлого года. Зачем я начал заниматься им? Признаваясь себе честно уже сейчас, я могу сказать: хотелось изобрести свой собственный велосипед. Чем я руководствовался тогда? Трудно сказать. Возможно, тем же самым. А возможно, тем, что я толком не нашел ничего удовлетворяющего моим требованиям к CSS препроцессору для моей любимой платформы разработки.
Читать дальше →
Тэги: css, css-парсер, css-препроцессор, open, php, software, source, веб-разработка
Как всё устроено: разработка интерактивных онлайн-курсов 2015-04-23 11:44:03
+ развернуть текст сохранённая копия
В нашем блоге мы уже писали о том, что не так с онлайн-курсами, и как это можно исправить. Сегодня мы продолжим тему и расскажем о том, как интерактивные онлайн-курсы по HTML и CSS разрабатываются в HTML Academy.
Кто придумывает курсы
Прежде всего стоит поговорить о том, какими профессиональными навыками должен обладать автор курсов (или члены команды их разработки). Ниже представлена наша версия списка таких качеств:
- Нужно хорошо знать вёрстку (HTML и CSS);
- Разбираться в JavaScript для того, чтобы писать проверки к заданиям и «оживлять» их (тут желателен опыт использования различных «песочниц» вроде Codepen);
- Необходимы также навыки дизайна и умение излагать мысли в письменном виде — задания нужно суметь описать так, чтобы ученики поняли, что от них требуется.
Это интересная работа, которая позволяет ИТ-специалистам использовать свои навыки и постоянно совершенствоваться — в процессе разработки курса по какой-либо теме автор изучает её досконально и сам знакомится со всеми подводными камнями и тонкостями.
Кроме того, создание материалов, которые помогают людям расширить кругозор, освоить новую область знаний и даже изменить свою карьеру и жизнь (сейчас вёрстку изучают всё больше не-технических специалистов) — это просто хорошее и полезное дело. Читать дальше →
Тэги: academy, css, html, анализ, блог, веб-разработка, всё, геймификация, компании, онлайн-курсов, онлайн-курсы, проектирование, разработка, систем, создание, устроено
[Из песочницы] Своё облачное хранилище изображений за 30 минут 2015-04-20 17:25:21
По своему роду деятельности мне приходится довольно часто вести письменную отчётность перед ...
+ развернуть текст сохранённая копия
По своему роду деятельности мне приходится довольно часто вести письменную отчётность перед своими заказчиками. И поскольку от моей отчётности зачастую зависит дальнейшая продуктивная работа с клиентом, к созданию отчётных документов отношусь весьма серьёзно. Ни для кого не секрет, что скучный монотонный текст редко привлечёт внимание читателя, чего нельзя сказать про элементы форматирования, такие как списки, таблицы и конечно же изображения. О них то и пойдёт речь в этой статье.
Читать дальше →
Тэги: css, php, программы, разработка, скриншоты
Несколько интересностей и полезностей для веб-разработчика #42 2015-04-20 03:00:02
Доброго времени суток, уважаемые хабравчане. За последнее время я увидел несколько интересных и ...
+ развернуть текст сохранённая копия
Доброго времени суток, уважаемые хабравчане. За последнее время я увидел несколько интересных и полезных инструментов/библиотек/событий, которыми хочу поделиться с Хабром.
Webtorrent
Полноценный торрент клиент для NodeJS и браузеров. Стримминг будет работать прямо в браузере благодаря WebRTC (data chanels) для P2P транспортировки. А самое главное «It's Just JavaScript™», то есть не нужны никакие дополнительные плагины или расширения. Проект собрал более 3000 звезд на GitHub и на данный момент предоставляет следующие возможности: непосредственно саму потоковую передача данных, загрузка нескольких торрентов одновременно, поддержку magnet uri, peer discovery и protocol extension api, возможность подключения WebTorrent клиентов на разных доменах, стримминг видео в <video> тег в формате (webm (vp8, vp9) или mp4 (h.264)), а также в AirPlay, Chromecast, VLC player и прочие устройства.
var WebTorrent = require('webtorrent')
var client = new WebTorrent()
var magnetUri = '...'
client.add(magnetUri, function (torrent) {
// Got torrent metadata!
console.log('Torrent info hash:', torrent.infoHash)
torrent.files.forEach(function (file) {
// Get a url for each file
file.getBlobURL(function (err, url) {
if (err) throw err
// Add a link to the page
var a = document.createElement('a')
a.download = file.name
a.href = url
a.textContent = 'Download ' + file.name
document.body.appendChild(a)
})
})
})
Читать дальше →
Тэги: css, html, javascript, веб-дизайн, веб-разработка, интересности&полезности
Способы организации CSS-кода 2015-04-20 01:18:14
Разработчик Бен Фрейн (Ben Frain) однажды заметил: «Писать CSS-код легко. Масшабировать и ...
+ развернуть текст сохранённая копия
Разработчик Бен Фрейн (Ben Frain) однажды заметил: «Писать CSS-код легко. Масшабировать и поддерживать его — нет».
К счастью, на просторах интернета можно найти множество решений этой проблемы. В данной статье рассмотрены основные киты структуры CSS-кода, а также интересные рыбы/млекопитающие поменьше.
Статья служит лишь памяткой или кратким справочником — для подробного ознакомления с методологиями настоятельно рекомендуется изучать оригинальную документацию.
Итак, начнем.
Читать дальше →
Тэги: amcss, atomic, bem, css, fun, html, mcss, oocss, smacss, бэм, веб-разработка, код, совершенный
Главная / Главные темы / Тэг «cyz»
|
Взлеты Топ 5
Падения Топ 5
|
