Drew96
-
Posts
5 -
Joined
-
Last visited
Drew96's Achievements
-
1. Код скрипта надо подключать в самом конце тега <boby>, перед его закрытием. Иначе он просто не увидит ваших изображений. <html> <head> </head> <body> <img src="http://savepic.ru/11286158.png"> <img src="http://savepic.ru/11330177.png"> <script> //Сюда пишем код скрипта </script> </body> </html> 2. Ошибка не в Math.random(), a в цикле. Вы случайно вставили не знак «меньше» (<), а его HTML-код «<»; Правильный цикл выглядит так: for (i; i < max; i +=1) { //какой-то код } 3. Не используйте в качестве переменной слово «top». Оно зарезервировано (тут можно почитать). Лучше напишите что-нибудь вроде «topPos» или что-нибудь другое. Для единообразия то же самое можно сделать и с переменной «left».
-
Здравствуйте, я начинающий верстальщик. Хочу развиваться как специалист в данном направлении и во front-end'е в целом. Ищу стажировку или постоянную работу за небольшую плату. Готов: Своевременно и аккуратно выполнять поставленные задачи Сперва искать решения проблем самостоятельно, а не докучать вопросами работодателя (наставника) Работать над любыми, в том числе и рутинными задачами Качественно выполнять свою работу Впитывать новые знания Имею навыки: HTML. Умею делать валидную и семантически правильную верстку. CSS. Имею хорошие знания CSS-свойств, блочной и каскадной модели, позиционирования. Знаю техники адаптивной верстки. SVG. Имею небольшой опыт работы с SVG. С SVG-свойствами, изменением SVG из CSS. Adobe Photoshop. Имею необходимые для верстальщика знания photoshop. Умею работать со слоями, экспортом и нарезкой графики, текстом и размерами элементов. JS/JQuery. Знаю JS на начальном уровне. Ознакомлен с материалом сайта learn.javascript.ru Могу заставить работать кнопки, делать анимации, работать с DOM и AJAX. GIT. Умею работать с системой контроля версий. Делать коммиты и работать с branch'ами. Знаком с GitHub. Linux. Владею основами работы в консоли, и даже смогу написать bash-скрипт. Также имеются небольшие знания бекэнда: PHP и MySQL. На данный момент прошел обучение на базовом курсе HTML Academy. Пример выполненной работы: Главная, Каталог. Готов работать удаленно. Если же вы из Минска, то я готов на работу в офисе. Надеюсь на сотрудничество. Спасибо, что потратили свое время на прочтение.
-
Дело в том, что прозрачность там не просто так. В макете есть слайдер, при переключении которого меняется фон макета. Так что сделать нужный цвет тоже не очень получается. Для каждого слайда надо будет этот цвет иконок менять. А в чем проблема с моим вариантом с тенью на псевдоэлементе, не можете подсказать? Может его можно переделать для работы под firefox?
-
Получается, что при вставке SVG в CSS как background-image изменять свойства самого SVG невозможно? Мне необходимо менять цвет иконки при наведении. В вашем примере это возможно сделать только переопределяя background-image в .icon:hover?
-
Здравствуйте. Необходимо реализовать svg-иконки соцсетей. На картинке снизу соответственно обычное состояние, hover и active. . В состоянии active у иконки должна появляться тень. Код иконок я вставляю в HTML, и стилизую с помощью CSS. Сначала я пытался реализовать тень с помощью box-shadow inset, применяя её к самому svg. Но в таком случае тень появляется как-бы за элементом http://codepen.io/Drew96/pen/WxPdvb Потом я пытался сделать тень с помощью svg-фильтров. Но так как иконка представляет собой круг с «дыркой» по форме значка социальной сети, то тень появлялась не только сверху круга, но еще и под значком. Тогда я сделал тень, добавив блочный псевдоэлемент к ссылкам. Уже к этому элементу я добавлял тень и абсолютно позиционировал его относительно родительского элемента иконки. http://codepen.io/Drew96/pen/xOrpkp Получилось нормально, но в firefox этот вариант работает плохо. Ссылка работает только при нажатии где-то внизу иконки или на самой границе. Поэтому и появился вопрос, как правильно реализовать такую тень, или как заставить firefox обрабатывать ссылки нормально? Заранее спасибо.
