Як я згадував шкільний курс геометрії

image
Як часто вам доводилося вирішувати диференціальне рівняння або знаходити інтеграл після закінчення навчання? Думаю, нечасто, якщо, звичайно, ви не вчений. Але є дисципліни, теоретичні знання з якими можуть раптово стати в нагоді нам у роботі, навіть якщо ця робота безпосередньо не пов'язана з наукою. Одна з таких дисциплін — геометрія.
Читати далі →

Yii2: Кастомізація Bootstrap з допомогою Less

image

У Yii2 і безлічі його сторонніх розширень використовується Bootstrap. Зазвичай Bootstrap не замінюють чимось іншим, адже з ним досить зручно працювати, і на вигляд він цілком естетичний. Якщо захотілося освіжити інтерфейс програми, то може бути не дуже втішно перекрити купи css-властивостей. Обігові «шкурки» з bootswatch пропонувати не буду, приємніше взяти препроцесор і перевизначити кілька змінних. Перетворити вигляд сайту таким способом можна грунтовно. Покажу на прикладі Less, так як актуальний бутстрап написаний на ньому. При бажанні можна підмінити дефолтний пакет на Sass-івський або Stylus-івський і змінити наведений далі код відповідно препроцессору.

Читати далі →

Ще більше комфорту в розробці фронтенда з TARS

TARS

Пройшли чергові півроку з останніх новин про TARS раз і два), а отже, настав час поділитися новинками. Як завжди нагадаю, що TARS — це заснований на Gulp складальник фронтенда, який допомагає фронтенд-розробнику або навіть цілої команди створювати проекти будь-якої складності. Ми продовжуємо впевнений хід по Росії і не тільки. TARS вже використовують в Нідерландах, Японії, Китаї, Україні, Польщі та інших країнах. Це можна помітити і за кількістю зірок на github, і за кількістю учасників чату gitterі за кількістю установок TARS-CLI за останній місяць (більше тисячі, а в піку більше 3 тисяч). Ми закрили майже дві сотні issue, випустили два великих оновлень. Користувачі складальника активно репортят, беруть участь у розробці. Можна сказати, що у нас народилося маленьке співтовариство.

Читати далі →

Продовжуємо боротися з frontend-рутиною

image

Минуло півроку з останньої новини про TARS на хабре. Нагадаю, що TARS — це збирач html-верстки, заснований на gulp, допомогу в будь-frontend-розробнику (або навіть цілої команди), для створення проектів будь-якої складності. За останні шість місяців було закрито 88 issue, випущено 7 версій, з'явився CLI, так вийшло, що з yeoman'ом відносини не склалися, тому з'явилася своя версія. TARS переїхав у свій новий будинок на github, обзавівся командою з 4 розробників + невеликий армією фанатів. До речі, величезне вам спасибі за миттєві фідбек після релізів і не тільки. TARS був впроваджений в декількох вебстудиях Росії і за кордоном. Складальник навчив компонентного підходу не один десяток розробників, залучив до лав frontend'єрів тих, хто боявся усієї рутини верстки. Загалом, з'явилося багато нового, і про це хотілося б розповісти.

Читати далі →

Як отрефакторить 17 тисяч рядків CSS

Багато хто з нас працюють над великими проектами. Той, про який розповім я, живе ось уже 15 років і має у своєму складі кілька десятків веб-додатків на ASP.NET WebForms, головне з яких містить у собі близько півтори тисяч сторінок aspx.

Навіщо так багато? Бажання підлаштуватися під замовників з різними вимогами дає про себе знати. Кожен хоче якусь свою особливу функцію і в підсумку отримує її. Але мова не про це. На додаток до великої кількості сторінок у нас було багато стилів CSS. Дуже багато.

Картинка для привернення уваги
Джерело: Ursus Wehrli. The Art Of Clean Up


Читати далі →

TARS, зроби рівень frontend-рутини 0%

image

Frontend з кожним днем стає складніше. Завдання — об'ємніше, користувальницький інтерфейс — більш насиченим, HTML, CSS і Javascript — більший, а сон фронтендера — коротше і неспокійнішим. Необхідно грамотно структурувати код, виконувати безліч рутинних завдань (компіляція css і js-препроцесорів, збірка спрайтів, підготовка та оптимізація зображень, минификация файлів і ін). Якщо ви працюєте в команді — це автоматично збільшує складність розробки. Щоб вирішити ці проблеми, я створив TARS — складальник html-верстки, заснований на gulpjs.

Читати далі →

Кнопок багато не буває

LessПриблизно півроку тому я прочитав статтю «Чому варто використовувати препроцессоры». В ній автор описує переваги препроцесорів на прикладі реалізації кастомних кнопок. Стаття виявилася пізнавальна і дуже цікава. Автор наводив приклади різні препроцессоры і пояснював, чому зупинився на Sass. На рахунок кольору олівців і смаку я не в праві сперечатися, у кожного свої погляди. Але ще тоді мені здалися не справедливими опису про те, що Less не достатньо потужний. Ще тоді хотілося зробити щось подібне, втілити ідею автора на інших препроцессорных мовами (Less, Stylus). На момент прочитання статті часу щось зробити своє не було. І ось недавно, в один з вихідних, я згадав про цю статтю і вирішив реалізувати ідею автора — тільки засобами Less. Робити щось нове я не бачив сенсу, тому вирішив допомогти автору в розвитку проекту, зробив форк з його репозиторію, виконав необхідну роботу і створив pull request.

Читати далі →

Шлях від новачка до профі: розробка CMS на фреймворку Kohana 3.3

Років п'ять тому підсів на розробку сайтів, причому чисто з інтересу до вебу. Хотілося усвідомити, як їх робити і робити краще, ніж інші. Починалося все це, як і для більшості розробників, з простого знання HTML, CSS і, звичайно, популярних CMS, таких як Joomla, Wordpress і Data Life Engine. По мірі зростання доводилося заглиблюватися в Javascript і, звичайно, мій улюблений зараз PHP. Але все йшло не так швидко, як хотілося. Тренуючись на простому, хотілося зрозуміти складні речі. PHP спочатку погано давалася, але характер взяв гору і все ж через деякий час написав щось ніби схоже на міні-соціальну мережу.

Ну а потім пішло-поїхало: ООП, MVC і, нарешті, настав час підкорювати фреймворки. На той момент найбільш відомими для мене були Zend, Kohana і CodeIgniter. Пізніше дізнався проSymphony та YII. Вибір припав на Kohana, т. к. для новачка було простіше в освоєнні і з нормальною документацією. Ну і недоліків в принципі для себе не бачив у цьому фреймворку.

Читати далі →

Eskimo - Node.js бойлерплэйт для створення прототипів

Ескімо — новий Node.js бойлерплэйт для швидкого прототайпинга (MVP).

Навіть якщо інтернет заповнений різними бойлерплэйтами і фрэймворками, на нинішній день відсутня сучасний, модульний та мінімальний бойлерплэйт для запуску прототипів (спеціально для будівництва rapid minimal product-ів «RMVP's»). Проект складається з малого, однією людиною, але потім, під впливом вкладників, він зростає до непередбачуваних розмірів. Пошук в Google і GitHub про Nodejs бойлерплэйт і Nodejs фреймворк дає сотні результатів.

Але багато з цих запускателей проектів не мають автоматизації для розгортання та тестування продуктів. Деякі ігнорують практику фронт-енду і не використовують Bower, Bootstrap, Font Awesome, S3/CloudFront, clustering і LESS. І жоден бойлерплэйт або фреймворк не впровадили ін'єкцію залежностей за допомогою електроліту, за винятком Ескімо проекту Джареда Хенсона.

Читати далі →

Огляд розширень Visual Studio для веб-розробників

      На конференції / / build / у мене була доповідь про Visual Studio Web Tools і розширенні Web Essentials. Ви можете знайти цей доповідь онлайн на сайті Channel9 . Під час доповіді я використав кілька розширень, які будуть корисними для будь-якого веб-розробника Visual Studio 2013. Нижче ви знайдете список цих розширень.
 
 Web Essentials
 logoСайт: http://vswebessentials.com
Завантажити: Web Essentials в галереї VS
 
Це розширення команди ASP.NET і Web Tools, яке є неофіційною майданчиком для тестування і обкатки функцій. Саме розширення розвивається opensource-співтовариством. Web Essentials пропонує величезну кількість нових можливостей для веб-розробників, такі як компілятори LESS / Sass / CoffeeScript, додаткові можливості роботи з кодом JavaScript / CSS / HTML / JSON, валідатори, генератори спрайтів зображень і багато іншого.
 
 SideWaffle
 imageСайт: http://sidewaffle.com
Завантажити: SideWaffle в галереї VS
 
Дуже смачне доповнення для Visual Studio. Це відмінний набір шаблонів, який містить як шаблони проектів, шаблони елементів, так і сніпети для широкого кола сценаріїв: від створення додатків Angular.js, проектів Nancy FX і до плагінів Browser Link, розширень Chrome і багато чого іншого.
 
Читати далі →