bez-imeni-1

Создание CSS анимации «переворот»

CSS анимация — это очень весело. Её красота в том, что посредством множества простых свойств вы можете создать что угодно от элегантного затухания до Супер-Пупер эффекта. Одним из таких CSS эффектов является CSS эффект "переворот", где есть какой-то контент с друх сторон заданного контейнера. Этот урок покажет как создать этот эффект максимально простым способом.

Читать далее

Множество способов добавить ID к элементу ‘body’

Каждый из этих сниппетов был так или иначе собран из документации или похожего онлайн-источника.

На протяжении долгого времени я работал над веб-дизайном WordPress, были случаи, когда мне нужно было добавить ID или класс к тегу body. Например, это часто случается во время интеграции стороннего плагина в WordPress, который создает свои собственные страницы, которые WordPress не распознаёт. Или мне нужны более гибкие классы для дизайна сайта, который я создаю.

Чтобы изменить внешний вид этих страниц так, чтобы область видимости стилей распространялась только на эту страницу, нам нужен способ нацелиться на эту страницу или категорию страниц. Ниже приведены некоторые способы, которые я считаю полезными для добавления ID и классов к body элементу как с использованием WordPress, так и без него.

Читать далее

screenshot_1

Колонки одинаковой высоты Bootstrap

В одном из проектов мне было нужно, чтобы четыре стандартных блока col-xs-3 были одинаковой высоты, подстраиваясь под высоту самого «длинного». Для того, чтобы этого добиться, можно использовать простое решение:

Читать далее

maxresdefault

Как добавить пользовательский (кастомный) шрифт при помощи CSS

CSS-правило @font-face позволяет подгружать пользовательские (кастомные) шрифты к странице. Добавление в таблицу стилей этого правила заставляет браузер загружать шрифт из места его хранения, а затем отображать в соответствии с CSS.

Без этого правила дизайн ограничен шрифтами, которые уже загружены на компьютер пользователя, что может варироваться в зависимости от используемой операционной системы. Ниже представлен анализ существующих системных шрифтов.

Читать далее

Основы работы с canvas

Привет всем! Давненько я ничего не писал, адская неделя была на работе((

Сегодня я расскажу об основах работы с тегом canvas из HTML5. Это просто КРУТАЯ штука. Фактически canvas — это холст, на котором можно рисовать. Рендеринг — это довольно затратная для браузера вещь, поэтому сложного ничего лучше не делать.

canvas применим в тех случаях, когда нужно какое-то программируемое, но не особо сложное (хотя не всегда это так) изображение. К примеру, на canvas можно реализовать крутые переливающиеся фоны, которые будут адски вредны людям с эпилепсией.

Но начнём с простого примера:

Читать далее

11910017717

Говорящее приложение на Android

cookie monstah, [25.08.16 15:57]
качаю себе андроид студио

cookie monstah, [25.08.16 15:58]
может тут чего получится путнего

Припёрло меня тут залезть в мобильную разработку, ибо все пишут, а я чем хуже?
Расскажу всё, что знаю теперь: от запуска IDE до компиляции .apk.

Читать далее

anicka_001

Linux 25 лет.

Вчера мастдай праздновал день рождения, сегодня пингвин.

Время бежит очень быстро, и операционной системе Linux уже исполнилось четверть века. Правильнее было бы говорить, что 25 лет исполнилось ядру этой операционной системы. С общей историей появления Linux знакомы, вероятно, все читатели. 25 августа 1991 года, спустя пять месяцев после начала работы над своим проектом, 21-летний Линус Торвальдс (тогда еще студент) рассказал о создании прототипа совершенно новой ОС с названием Linux.

Читать далее

IBM и Samsung разработали сверхбыструю память

IBM совместно с компанией Samsung разработала технологию производства энергонезависимой оперативной памяти. Это не только очень быстрый, но и долгоживущий накопитель, который можно будет применять в мобильных устройствах и гаджетах для «умного» дома, сообщает Hightech.fm.

Читать далее

В России начала работу национальная ассоциация участников рынка промышленного Интернета

Телекоммуникационный оператор «Ростелеком» сообщил о создании национальной ассоциации участников рынка промышленного Интернета (Industrial Internet of Things, IIoT), которая будет заниматься внедрением технологий Интернета вещей (Internet of Things, IoT) в различных секторах российской экономики: машиностроении, энергетике, транспорте, добывающей и перерабатывающей отраслях промышленности и др.

Читать далее