image
Доброго дня! Сьогодні я вирішив розповісти про своєму невеликому проекті, а саме про HTML фреймворку в стилі Material Design. Завантажити його можна з GitHub: посилання. Найкраще він працює на браузерах Webkit. Тепер розглянемо його ближче.
Читати далі →

А якщо без JavaScript?

В нашому світі без JavaScript нікуди! Купа фреймворків, бібліотек та іншої радості! jQuery щільно ввійшов у наше життя. React з Angular пробивають дорогу до світлого майбутнього. Та й не за горами підтримка браузерами ES6 без Babel.

Але якщо тема заходить про звичайному сайті зі стандартним функціоналом, не рідкісні випадки, коли JavaScript починають «злоупотрелять». І всі, в принципі, нормально… Але деколи задаєшся питанням: «А якщо без JavaScript?».

Читати далі →

Верстка інтернет-магазину: список товарів



Вимоги до верстання каталогів інтернет-магазинів мають властивість повторюватися з проекту в проект. Тому у мене виробився набір стандартних прийомів, якими я хочу поділитись у цій статті.
Деякі прийоми вже були розглянуті в різних статтях. Однак у мене виникло бажання об'єднати їх і проілюструвати окремими демо. Сподіваюся, в такому вигляді напрацювання виявляться корисними верстальникам, яким часто доводиться працювати над інтернет-магазинами.
Читати далі →

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

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

Мереживні орнаменти на CSS



Недавно загорівся ідеєю порадувати друзів сторінкою в інтернеті, присвяченій їх майбутнє весілля. Святкова тематика здалася мені досить сприятливим у плані експериментів з різного роду декоративними елементами — стрічками, рамочками, мереживами. При цьому я задалася метою реалізувати максимум подібних прикрас на чистому CSS, для душі.
У цій статті хочеться поділитися тим, як у мене вийшло «сплести» мереживні візерунки для майбутнього сайту за допомогою радіального і лінійного градієнту.
Читати далі →

Верстаємо новинний сайт за допомогою Flexbox

image

Примітка: цей матеріал являє собою вільний переказ статьи Джеремі Томаса про те, як працювати з Flexbox на прикладі верстки шаблону новинного сайту.

Повірте, немає ніякої необхідності в детальному розборі всіх аспектів роботи з Flexbox, якщо ви хочете почати ним користуватися вже зараз. У цьому посібнику автор збирається познайомити вас з деякими властивостями Flexbox і зробити «новинний лейаут» на кшталт того, який ви могли бачити на сайті The Guardian.

Читати далі →

Шпаргалка по Flexbox (CSS3 Flexible Box)

Мені не нова магія Flexbox, але я не часто її використовую, і тому після паузи у використанні мені доводиться відкривати ось цей пост на CSS-Tricks, щоб освіжити пам'ять.

Я вирішила створити коротку візуальну шпаргалку по Flexbox для тих випадків освіження пам'яті після паузи в майбутньому. Думаю, що у мене вийшла шпаргалка, заснована на… шпаргалках.

Читати далі →

Як по маслу, або анимируем зі швидкістю 60 FPS на CSS 3

Зображення і текст належать їх авторам.
Анімація елементів в мобільних додатках — це просто. Правильна анімація теж може бути простою… якщо ви прислухаєтеся представленим у статті порад.
Сьогодні хто тільки не використовує CSS 3 анімацію в своїх проектах, тим не менш не лише всі, але мало хто може робити це правильно. Навіть описані так звані «кращі практики», але люди продовжують робити все по-своєму. Швидше за все тому, що просто не розуміють, чому все влаштовано саме так, а не інакше.

Читати далі →

Керований комп'ютером через браузер

Комп'ютер давно багатьом замінив телевізор, а що не вистачає комп'ютера для комфортного перегляду кіно, серіалів і іншого? Мені особисто не вистачало пульта дистанційного керування.

image
Я не багато захоплююсь веб-програмуванням у вільний час. Було вирішено написати свій велосипед і заодно поєднати приємне з корисним. Була вивчена можливість за допомогою консолі управляти комп'ютером, в першу чергу мене цікавило наступний мінімальний обсяг завдань (який трохи збільшився в наслідку):

  • Можливість відправити ПК в режим сну
  • Можливість вимкнути гучність
З допомогою відомого пошуковика знайшов консольну програму, NirCmd, програма дозволяє здійснювати досить багато дій, крім зазначених вище. З основною частиною ми визначилися. Як я говорив, не багато вивчаю php, веб-сервер в мене як правило запущений постійно, тому нічого специфічного в плані сервера я придумувати не став. Сервер написаний на php і складається з двох класів: Control, який представляє собою методи, які виконують консольні команди Route, який робить валідацію приходять запитів і виконує методи класу Control.

Control виглядає ось так (код однотипний, тому я скоротив):

Читати далі →

Ionic Framework — робота з камерою

image

За результатами опитування з першого топіка продовжую серію статей про Ionic Framework (далі IF). Сьогодні поговоримо про роботу з камерою пристрою і доповнення розглянемо роботу з localStorage. В якості основи візьмемо додаток з минулого топіка і додамо потрібну функціональність.


Читати далі →