Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «css3»
[Перевод] Как по маслу, или анимируем со скоростью 60 FPS на CSS 3 2016-08-18 06:33:46
Изображения и текст принадлежат их авторам.
Анимация элементов в мобильных ...
+ развернуть текст сохранённая копия
Изображения и текст принадлежат их авторам.
Анимация элементов в мобильных приложениях — это просто. Правильная анимация тоже может быть простой… если вы последуете представленным в статье советам.
Сегодня кто только не использует CSS 3 анимацию в своих проектах, тем не менее не только лишь все, но мало кто может делать это правильно. Даже описаны так называемые «лучшие практики», но люди продолжают делать всё по-своему. Скорее всего потому, что просто не понимают, почему всё устроено именно так, а не иначе.
Читать дальше →
Тэги: css, css3, html, анимация, веб-сайтов, вёрстка, лучшие, практики, разработка
[Из песочницы] Управляем компьютером через браузер 2016-08-08 12:58:34
Компьютер давно многим заменил телевизор, а что не хватает компьютеру для комфортного просмотра кино ...
+ развернуть текст сохранённая копия
Компьютер давно многим заменил телевизор, а что не хватает компьютеру для комфортного просмотра кино, сериалов и прочего? Мне лично не хватало пульта дистанционного управления.
Я не много увлекаюсь веб-программированием в свободное время. Было решено написать свой велосипед и заодно совместить приятное с полезным. Была изучена возможность с помощью консоли управлять компьютером, в первую очередь меня интересовал следующий минимальный объем задач (который немного увеличился в последствии):
- Возможность отправить ПК в режим сна
- Возможность выключить громкость
С помощью известного поисковика нашел консольную программу, NirCmd, программа позволяет осуществлять достаточно много действий кроме указанных выше. С основной частью мы определились. Как я говорил, не много изучаю php, веб-сервер у меня как правило запущен постоянно, поэтому ничего специфичного в плане сервера я придумывать не стал. Сервер написан на php и состоит из двух классов: Control, который представляет собой методы которые исполняют консольные команды и Route, который делает валидацию приходящих запросов и исполняет методы класса Control.
Control выгладит вот так (код однотипный, поэтому я сократил):
Читать дальше →
Тэги: ajax, control, css, css3, html, html5, javascript, pc-control, php, remote, web-interface, web-разработка
Советы, библиотеки и дополнительные материалы по CSS-анимации 2016-03-29 11:34:55
 + развернуть текст сохранённая копия
Введение
Была глубокая ночь. В темную комнату через деревянные окна проникал лунный свет. Он недостаточно освещал мой деревянный стол с ноутбуком, блокнотом и синей ручкой. Поэтому я протянул свою руку к настольной лампе и включил её.
На компьютере был открыт текстовой файл со списком статей и библиотек про веб-разработку. Он постоянно пополнялся новыми данными.
Свернув его, я пошел на улицу в поисках кинотеатра с Deadpool'ом запустил браузер и стал блуждать по окрестностям интернета. Во время прогулки я наткнулся на интересную js-библиотеку по созданию css-анимации, которую добавил в открытый до этого текстовой документ… Как оказалось, по этой теме у меня уже набралось больше 40 ссылок на материалы и библиотеки.
Читать дальше →
Тэги: animation, animations, css, css3, gefest, html, javascript, mr., transform, transitions, web, блог, веб-разработка, компании
[Из песочницы] Как создать анимированную колбу, используя CSS 2016-02-15 12:32:18
... колбу, используя только CSS3. Полученный результат можно ...
+ развернуть текст сохранённая копия
Сегодня хочу рассказать о том, как я создавал анимированную колбу, используя только CSS3. Полученный результат можно увидеть здесь. Ну что интересно? Тогда давай приступим! Читать дальше →
Тэги: animation, css, css3, transform, transition, веб-разработка
Intermediate CSS3 Hover Effects. Пошаговый туториал. Часть 3 2015-12-25 09:42:29
... , посвященной основам CSS3 transitions и, ... браузерах, поддерживающих возможности CSS3.
...
+ развернуть текст сохранённая копия
Эта статья является логическим продолжением моей предыдущей статьи, посвященной основам CSS3 transitions и, если в ней я показывала принципы работы этих основ на простых примерах, сейчас я хотела бы перейти к более сложным, красивым и интересным эффектам.
Из-за большого размера статья разбита на три части. Первая часть. Вторая часть
Демо материалы лежат здесь. Все префиксы проставлены в демо, здесь же я не буду на них акцентировать.
Предупреждение: эффекты работают только в современных браузерах, поддерживающих возможности CSS3.
Читать дальше →
Тэги: animation, css, css3, effects, hover, hover-эффект, html, html-верстка, transform, transition, веб-дизайн, веб-разработка, туториал, эффект
Главная / Главные темы / Тэг «css3»
|
Взлеты Топ 5
Падения Топ 5
|
