Web-технологии
Предлагаю создать сообщество посвященное веб-разработке. Полезные материалы для разработчиков, обучающие посты, новости индустрии и.т.д.
Сделаю сайт, за печеньку)
Привет пикабушники и пикабушницы, недавно решил попробовать себя на поприще создания сайтов. Прошел курсы по верстке: html, css, js. Теперь набиваю руку и собираю портфолио. Если у кого то есть потребность в сайте, с радостью создам его. С вас задумка и контент с меня реализация. Сразу хочу извиниться за скорость, пока совмещаю с основной работой. Всем добра и печенек)
П.с. Комментарий для минусов внутри.
5 Отличных ресурсов по CSS анимации
Перевод статьи "5 great CSS animation resources"
Ссылка на оригинал: WordyBlend.com
Создание выразительной и красивой CSS анимации потребует от вас значительного количества времени и сил, но к счастью существует несколько отличных ресурсов, которые дадут толчок вашему творческому процессу, а также помогут изучить более узкие неизведанные области.
Если вы только начали свою работу и вам нужны удобные шпаргалки, то обратите внимание на эти ценные ресурсы.
01. Easing functions cheatsheet
Временные функции определяют скорость изменения с течением времени, и этот сайт поможет вам сделать правильный выбор для вашей анимации или перехода. Он имеет галерею кривых Безье, где вы можете просмотреть их, и быстро скопировать код.
02. Animate.css
Дэн Эден (Dan Eden) составил библиотеку прекрасных анимаций, которые вы можете использовать в своих проектах. Если вы не хотите загружать полную библиотеку на свой сайт, то сам проект также является отличным предметом вдохновения.
03. Animate Plus
Stripe хорошо известен за свои красиво анимированные страницы. Один из руководителей, Бенжамин Де Кок (Benjamin De Cock), создал легкие, производительные CSS и CVG библиотеки анимаций, которые особенно хорошо подходят для мобильных устройств.
Если вы любите подкасты, то Вал Хэд (Val Head) и Сеннид Боулз (Cennydd Bowles) – владельцы сайта для цифровых дизайнеров – подробно обсуждают моушн-дизайн.
05. Hover.css
Подобно Animate.css, Hover.css представляет собой набор эффектов, которые вы можете использовать в своих проектах. Он больше фокусируется на hover-эффектах для ссылок, кнопок, изображений и т.д.
Когда сдали нервы от начинающих программистов
На одном из блогов по программированию наткнулся на жесткий комментарий. Да, и на таких сайтах устраивают разборки, оказывается.
Картинка не очень четкая, поэтому помогу текстом:
Димка не отвечает на комментарии дибилов, а я отвечу, что вы далбаебы. Ущербные и деградирующие индивидумы. Схуяли ЧоТоТамForm нелогично, затупок ты ебаный?! Ты чо, считаешь что Form, это только HTML-форма? Да ты сука олень просто неебический. Эта часть сделана верно, блеать, дубина ты. Иди сука от сюда вообще. Заебали дегенераты в сообществе Yii. Одни нубы и ебланы. Толпы ебланов и нубов. И сука, не логичней переносить функционал в модель User, не логично нахуй, потому что там вообще ничего не должно быть, по сути, кроме методов для работы с ActiveRecord! Все остальное должно быть в Сервисах, Провайдерах, и, ахуеть да, внимание блядь, ФОРМАХ! Иди на хуй отсюда, чмо тупое. Убейся сука ап стену. Я все.
Скриншот и ссылка прилагаются:
Видимо автор комментария не выдержал простых вопросов от начинающих пользователей.
Сам комментарий можно увидеть здесь:
http://www.elisdn.ru/blog/65/seo-service-on-yii2-moving-user...
Разработка игры на phaserjs - 3: hello world
После того как мы выбрали редактор, скачали и запустили наш проект. Пришло время создать что нибудь простое и убедится что все действительно работает.
Для начала переходим в папку с нашим проектом:
и запустим наш проект:
после запуска вы должны увидеть:
если возникли какие то ошибки то пишите в комментарии попробуем их решить совместно.
Добавляем новые ресурсы
В файле index.ts находим блок кода:
и заменяем его на:
в данном коде мы в качестве базового пути указали http://labs.phaser.io здесь размещаются ресурсы которые используются для лабораторных работ.
Теперь давайте разберем что именно мы сделали:
- добавлено 3 новых изображения в наш проект;
- сделали вывод заднего фона на холст;
- добавлен обработчик который будет управлять физикой выбранного нами объекта;
- указали скорость перемещения объекта;
- задали параметры "отскакивания объекта";
- задали границы поля;
Если вы все сделали правильно то в браузере должны увидеть:
Если это не по какой-либо причине, вам нужно вызвать консоль отладки и посмотреть, какие ошибки выводятся. В большинстве браузеров вы можете сделать это, нажав F12. Это работает в Chrome, Firefox и Internet Explorer 11. Проверьте, что это за ошибка, возможно, она простая, например, отсутствует файл, и в этом случае проверьте имена папок и обновите страницу.
Если это что-то более сложное, напишите об этом в комменты, и я сделаю все возможное, чтобы помочь.
Анимированное меню навигации, используя HTML и CSS
Приветик всем. Это видео-демонстрация выполненной работы, а так же процесс ее создания.
Исходный код можно пощупать вот по этой ссылке: https://jsfiddle.net/y5o2pxah/