-
Posts
1,542 -
Joined
-
Last visited
-
Days Won
24
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Zverushka
-
Какие программы нужно знать начинающему верстальщику?
Zverushka replied to MegaS's question in HTML Coding
Я бы посоветовала фотошоп (именно для верстки) и sublime tex 2 (3). -
Хотелось бы добавить. Что главную я верстаю в среднем за 1 тыс рублей. Лэндинг - средняя 1.5 тыс. Меня устраивает попроектная работа и оплата, даже если это всего 1 страница в неделю - кидайте мне.
-
Верстка не программирование) Разве что написание некоторых скриптов, но это уже скриптописательство какое-то .
-
https://www.fl.ru/a....jdbt/6-VmS05U_f"Все элементы на сайте, включая текст и картинки должны масштабироваться. То есть на большом экране весь сайт должен быть больше, сохраняя пропорции"У меня такое ощущение, что заказчик представляет себе масштабирование абсолютно пропорциональное, а не как при резиновой верстке (сайт раздается по ширине).Да и увеличение текста я так понимаю можно реализовать лишь через медиа запросы под каждое разрешение?Кстати можно ли задать для body размер текста скажем один, а остальной текст на всей странице имел какой-то процент от значения указанного в боди? То есть, чтобы в медиа запросе менялся лишь размер шрифта боди - а остальные менялись автоматически. Как это делается p { font-size: 80%;} или p {font-size: .8em;}?*.Пропорции ширины блоков думаю можно сделать в процентах, а высоты - в em - только высота и шрифты получается будут меняться рывками. Так? Какое-то неправильно масштабирование не так ли?А может использовать zoom для боди на каждый процент изменения через скрипт? Наверное будет правильнее, если я полностью приведу текст того, что хочет заказчик. Но меня интересует лишь "масштабирование".
-
родителю слайдов position: relative, Еще желательно overflow: hidden; слайдерам position: absolute В принципе первые 2 скроются сами по себе при таком раскладе. Но если хочется, то display: none.
-
Не картинке ли ты пытаешься внутреннюю тень задать или псевдоэлемент вложить. Если да - то не получится у тебя...
-
На самом деле там ничего такого я не вижу... Вот посмотрите http://vtest.uphero.com/9%20landing/ Можно через какой-нибудь дебаггер, вроде firebug изменить для этого блока (3 оранжевых квадратика) z-index на -1 - и тень исчезает. Боди - белый фон, блок6 - белый фон. Мне то уже это не важно, сайт сдан, но непонимание не сходит с моего лица ).
-
На словах я конечно вам только мозг ломаю. Вот собственно сам код и сами эти элементы. Правда немного стилями перегружены. http://jsfiddle.net/JH2jF/ Кстати тут z-index: -1 работает. а в коде нет... Элемент исчезает...
-
Валидтор не зарубит - значит можно же. А он не зарубит вроде.
-
там конечно уже другой сайт, если вы успели открыть по сообщению изначальному. Я так поняла вообще был левый шрифт Ариал вроде. Но вот проблема полностью решилась - сгенерировав .еот через утилиту. Почему-то веб-генератор криво генерил, а фонсквиррел кстати вообще отказался по причине, что шрифт в черном списке.
-
УПД - проблемка решена, сгенерировала через .ехе утилитку и все заработало)))) Подскажите, в чем причина? В ие8 не грузятся шрифты - даже проверила и попробовала их сгенерировать другим генератором. В итоге сайт в ие8 выглядит просто ужасно
-
Почему два - псевдоэлемент круглый и тень надо спрятать за элементом, а это невозможно и получается мою фигуру видно, поэтому вторым псевдоэлементом я создаю слой, который выглядит как основной элемент - оранжевый квадратик - чтобы он перекрывал круглую фигуру. но тогда надписи пропадают, поэтому надпсиям я ставлю z-index выше )...
-
В самом скрипте карты же указывается ширина. Ее кстати в яндексе нельзя раздвинуть, но я в ссылке скрипта принудительно больше ставлю Блин огромное спасибо! Навели меня на идею - убрала параметр ширины из скрипта width=&height=... и прокрутка убралась и на всю ширину работает!
-
Задача такая вставить интерактивную яндекс карту на всю ширину экрана. Я взяла на 1900px - но основная ширина сайта 1000пикселей и в итоге появляется прокрутка. Как избежать прокрутки? При этом чтобы прокрутка появлялась при ширине меньше 1000 пикселей.
-
Что лучше создать 2 псевдокласса, чтобы сгенерировать одному из них тень, плюс p h3 тегам блока присвоить z-index или просто добавить одну картинку тени каждому блоку? Браузер тормозить не станет от лишних псевдоэлементов и такого количества контекстов наложения? Просто я верстаю лэндинг - тут итак дофига элементов...
-
С предыдущими вопросами разобралась, как и поняла что да как в сетке). Но, например, чтобы поддерживать в ие8 хтмл5 дивы - надо дополнительно к стандартному дистру засунуть в папку assets и уже оттуда вставить <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="assets/js/html5shiv.js"></script> <script src="assets/js/respond.min.js"></script> <![endif]--> То есть изначально в дистрибутив(папка дист) это не встроено, верно? (может там в сжатом виде в одном из файлов код лежит, поэтому спрашиваю) Кстати можно "бустрапить" не зная less? Кстати через бутстрап можно делать любую страницу с любым дизайном? только дизайн под сетку подогнать придется? Я теперь какой макет не смотрю, все представляю, как это в бутстрап запихнуть можно и с виду - ну можно же. П.С. кстати - это будет неверно, если в проект на бутсрапе я добавлю резетер стилей? ведь все-таки там принят нормалайзер.
-
И совсем непонятно про 4 вида сетки, com-md-* понятно, но что делают остальные? Они предназначены для адаптации под большие и маленькие экраны, но как это проявляется? Еще вопрос. Согласно дизайну, чем меньше экран, тем меньше шрифт в одной из колонок - мне чтобы это реализовать нужно дописать свои медиа запросы?
-
Можно где-нибудь найти полную документацию по каждому классу - свойству? Вот, например. я рассматриваю пример и мне непонятно <div class="navbar-header"> <button type="button" class="navbar-toggle navbar-brand" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Navigation 1</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <button class="navbar-brand navbar-toggle pull-left" data-toggle="collapse" data-target=".navbar-collapse"><span>Navigation</span></button> </div> navbar-brand - что делает? для чего нужно (интересует именно в документации объяснение, чтобы в дальнейшем не задавать вопросов)? .sr-only - вроде аннотации написано, что нужно только для лейблов для скринридеров. Но ведь здесь применяется не к лейблу? Непонятно мне, зачем тогда тут?
-
А в начальном distr все включено? Что то я там normalize.css допустим не вижу, или он вшит в стиль бутстрапа?
-
До сих пор плохо представляю, что это. Хочу задать нубский вопрос. Бутрстрап имеет часть встроенных стилей. Например, высота линии боди 1.4. В моем макете высота линии 1.2. Мне нужно поменять высоту на мою собственную. правильно? Как мне это правильно сделать, просто в моем файле стилей для боди указать другую высоту и все? Чем 3.0 отличается от 2й версии? Я так посмотрела изменили куча классов, и как я поняла, теперь нет поддержки неадаптивной верстки? То есть раньше было два вида контейнеров - адаптивный и обычный, теперь только адаптивный и если мы хотим это убрать - мы лезем в дебри из разряда " Remove (or just don't add) the viewport <meta> mentioned in the CSS docs Remove the max-width on the .container for all grid tiers with max-width: none !important; and set a regular width likewidth: 970px;. Be sure that this comes after the default Bootstrap CSS. You can optionally avoid the !important with media queries or some selector-fu.
-
Что-то вроде задания стилей не ли, а a, c обоначение padding.
-
Ох не знаю, может и ошибаюсь, но у меня вдруг стал глючить скайп, пока я сидела в этой группе - постоянно прерывалось соединение с кем-то по разговору в скайпе, хотя раньше никогда такого не было. Когда я вышла из группы - это прошло. До выхода из группы связывала с несовместимостью скайпа с виндовс8 - тем более у меня не предназначенная для него версия, потому что специальна версия зависает при установке из апликейшин сторе. Видимо скайп все же не создан или не оптимизирован для общения в группах под 70+ человек. Очень жаль, что пришлось выйти - группа очень нравилась.
-
Я стала для header и footer страницы указывать роли и соответственно в стилях прописывать header[role=banner] - чтобы данный стиль применился только к хедеру страницы, а не любому другому. Данный селектора на мой взгляд лучше body > header (а вдруг wrap вставят между ними? Да и выглядит эта запись некрасиво, не интуитивно). Интересно ваше мнение - я не косячу тем самым?)
-
Ищу поставщика заказов, желательно лендингов. Верстаю сайты в соответствии со стандартами html5, css3 Владею pixel perfect, javascript, jQuery. Кроссбраузерность: ie8+, Firefox, Opera, Chrome, Safari (последние версии). Для старых браузеров использую концепцию изящной деградации. Использую LESS. Javascript, JQuery – подключение слайдеров на сайт, несложные скрипты - калькуляторы, callback-функции, jqueryUI. ARIA Roles, создание спрайтов, оптимизация скорости загрузки страницы. Имею представление о php, mysql, популярных движках wordpress, drupal, joomla Примеры работ: http://zverushka.zz.mu/pasport/ - вкладки, фэнксибокс, яндекс карта, счетчик времени. http://zverushka.bl.ee/radio/ вкладки, слайдеры, всплывающие окна http://zverushka.zz.mu/samovar/ - слайдеры с превью, всплывающий каталог. http://zverushka.zz.mu/bigudy2 - много всплывающих окон http://zverushka.bl.ee - тяжелый и проблемный сайт, где много всего. Анимация меню, сложный калькулятор со слайдер-ползунком. Также имелся баг с производительностью из-за теней, поэтому главные блоки сделаны на картинках в целях поднятия фпс. Как вы можете видеть макет громоздкий и непродуманный (горизонтальный скролл например), но реализованный функционал достаточно интересен - там есть и калькулятор и нестандартный первый слайдер с дописаным функционалом зума по центру, смена текста не слайдера на слайдер движении, усовершенствование фиксед меню до прокрутки.. http://zverushka.zz.mu/peregorodki/ - калькулятор http://zverushka.zz.mu/paraplan/ - очень интересная реализация таймера через куки Мои минусы: - я не умею пользоваться bootstrap - не натягиваю шаблоны на движки, хотя есть разовый опыт натяжки на wordpress (можно обсудить данную возможность, если вас устраивает почти полное отсутствие опыта и как соответствие медленную работу) - не было опыта использования parallax слайдеров и эффектов. Мои пожелания к работодателю: Оплата попроектно с предоплатой или через сбр. Лендинг от 1500 рублей минимум. в среднем 2500 рублей. Последующие правки сданных ранее макетов - 200 рублей за час работы. Чужие сайты не правлю и не дорабатываю. Верстаю небольшие проекты - то есть огромный сайт в 10 разрешениям с работой на месяц - не для меня. Лендинги и простые сайты - самое-то, чтобы работы было максимум на 4 дня. Работаю без выходных, так что жду своего постоянного заказчика, пока меня не украли другие!).... П.С. О себе - меня зовут Елена, мне 27 лет, живу в Калининграде, на работу в офис не хожу. Связаться со мной можно по скайпу melekeg.