Пытаюсь установить вместо курсора фотографию размером 500 на 500 пикселей и у меня не получается... нужно чтобы он менялся от секции к секции
img
, делать ей position: fixed
, pointer-events: none
и top/left соответствующие координатам мыши. На событие "mousemove" добавить логику, которая будет выбирать и показывать картинку в зависимости от вашей секции и обновлять ее координаты. Кто нибудь из серьёзных верстальщиков делает анимацию самостоятельно, вот чтобы без плагинов писать весь код с нуля?
Вопрос : нужно ли вообще заморачиваться над серьёзным изучением анимации, джаваскрипта, или же забить и учить документацию гринсок?
Для меня важно: 1. чтобы в URL не было окончаний .html или в этом роде; 2. чтобы если я в корне сайта создам папку "portfolio", а в ней папку с названием проекта "project-name" в итоге получилось так "site.ru/portfolio/project-name"
возникло ощущение, что по сути он не отличается от обычной верстки. Ведь можно также собирать обычную верстку с помощью Gulp, Sass и шаблонизатора Nunjucks.
могу обойтись без админки... или может остаться на WordPress?
1. Анимации буквы под ней фото. Как это делается? Подозреваю что canvas используется
2. Листание мышкой (зажимаешь появляются направляющие вверх-вниз, вправо-влево).
Остальные эффекты тоже интересуют. Понятно что css3, js, canvas
Что и как тестируют ???.... простым языком.... смотрю про тестирование, мне кажется там больше заумной терминологии чем реальной работы
на сколько сегодня актуально? Все браузеры поддерживают самые распространенные св-ва flex...
Использование автоматизации для добавления префиксов - не требуется
emmet все дописывает
disqus
Что эта за шалапань?
Как его победить?
интересуют фан-арты, иллюстрации, ui наборы, фото и др.
dribbble.com интересный вариант, каково ваше мнение о нём?
Или можно всё сделать проще?
Что есть для вас компонент а что нет?
Ваша структура проекта под верстку?
src/less
├── animations.less (универсальные анимации вроде fade-in)
├── colors.less (цветовая схема: константы + вспомогательные классы)
├── components (тут все компоненты, их много-много)
│ ├── accordion.less
│ ├── badge.less
│ ├── blockquote.less
│ ├── breadcrumb.less
│ ├── button-dropdown.less
│ ├── button-group.less
│ ├── button.less
│ ├── card.less
│ ├── carousel.less (у сложных компонентов могут быть внутренние
компоненты, которые нигде больше не используются,
соответственно они лежат в одном файле с родительским)
│ ├── checkbox.less
│ ├── grid.less (да, сетка - это тоже компонент)
│ ├── . . . . и.т.д.
├── constants.less (константы, это что-то вроде глобального конфига)
├── fonts.less (все, что связано с типографикой)
├── helpers.less (классы-хелперы с перебиваниями стилей)
├── main.less (сюда все импортируется в нужном порядке)
├── normalize-ext.less (расширение стандартного normalize.css)
└── utils.less (миксины, их обычно довольно мало.
все хаки и фиксы добавляет PostCSS, так что тут их нет)
src/js
├── component.js (если компонентов много - они все наследуются
от базового компонента. единообразие важно.)
├── components
│ ├── . . . . тут сами компоненты, называются аналогично своим *.less файлам
├── components.js (индекс для компонентов)
├── controls
│ ├── . . . . тут могут быть (а могут не быть) утилиты-обертки
для клавиатуры/тачпада; это иногда позволяет сильно
разгрузить остальной код.
├── dependencies.js (обертки-адаптеры для зависимостей)
├── events.js (следилка за событиями)
├── factory.js (маленькая фабрика компонентов)
├── main.js
├── polyfills.js (обертки-адаптеры для полифилов)
├── store.js (минимальное хранилище, иногда является оберткой
для какого-то стороннего решения)
├── utils
│ ├── . . . . (тут могут быть файлы с разными утититами, иногда их вообще нет)
└── utils.js (если файлов с утилитами много, этот файл является индексом для них)
И вообще при помощи чего конкретно сделано здесь
как верстальщику со знанием html, css и немного jquery как сделать такое?