• Какие бывают способы интернет рекламы?

    @tolokinsergey Автор вопроса
    Михаил, Дима, спасибо за внимание к вопросу.

    Поизучал вопрос и определил следующие способы рекламы в сети:

    Контекстно-медийная реклама (банеры)
    Контекстная реклама (рекламная выдача в поисковых системах)
    Покупка статей и упоминаний в публикациях
    Создание страниц и сообществ в соц.сетях
    Создание и ведение рекламных тем на форумах
    Вирусные видеоролики
    Публикация в каталогах (товаров, услуг)
    Рассылка по электронной почте

    Вроде всё.
    Ответ написан
    2 комментария
  • Как задавать вертикальные отступы в адаптивном дизайне?

    teotlu
    @teotlu
    Навёрстываю упущенное
    margin и padding берут процентные значения от ширины родителя.

    А в чём задавать вертикальные отступы — зависит от ситуации. В более-менее стандартном случае блоков с текстом, например, логичнее задавать их в em, поскольку отступы-то эти служат правильному вертикальному ритму, который во многом зависит от стилей текста.

    И ещё используйте уже rem, а не em, они сейчас поддерживаются везде, где поддерживаются media queries.
    Ответ написан
    9 комментариев
  • Как сделать чтобы текст не вылазил за ширину блока?

    Ronnie_Gardocki
    @Ronnie_Gardocki
    Я у мамы фронтендщик.
    word-break: break-all;
    примененный к элементу с текстом, обеспечит перенос не влезающих в строку слов (если вам это необходимо конечно).
    И поверх всего этого савим еще overflow: hidden; для самого контейнера, если вы хотите чтобы за его пределы ничего не вылезало.
    Ответ написан
    2 комментария
  • Оцените первую верстку из psd макета (критика, замечания, недоработки)?

    orlov0562
    @orlov0562
    I'm cool!
    В целом, все норм, есть некоторые замечания, которые можно быстро исправить:

    1) <html lang="en"> = сайт на русском
    2) jquery.min.js = вниз перед </body>
    3) <a ..><div class="logo-vk"></div></a> = не хорошо так делать, по спеке <a></a> это инлайн элемент. А инлайн элементы должны содержать только другие инлайн элементы. Т.е. в данном случае надо хотя бы div поменять на span с display:inline-block.
    4) во всех ссылках перевод строки:
    <a  class="mail-foter" href="mailto:lektron74@mail.ru">
    				lektron74@mail.ru<br>
    			</a>

    как минимум плохой стиль, т.к. всего скорее попадут доп символы в отображение ссылки
    5)
    <div class="border-2-1"><img src="img/gradient.png" alt=""></div>
    = никогда не надо оставлять alt пустым. Советую прочитать недавнюю статью на хабре про слепого программиста.
    6) Классы и комментарии должны быть в одном стиле и на одном языке:
    <div class="servys">
    				<!-- polosochka -->

    vs
    <div class="wrapper">
    		<div class="content">
    			<div class="header">

    vs
    <p class="servys-design-price">от 1000 рублей </p>
    						<!-- при наведение -->
    						<div class="servys-design-hover">

    7) тэг h1 один раз на странице, если он не является частью article или section:
    <div class="servys-mobile">
    						<h1 class="servys-mobile-name">Разработка<br>Мобильных<br>Приложений</h1>
    					 	<div class="servys-mobile-img"><img src="img/phone.png" alt=""> </div>
    					 	<p class="servys-mobily-price">от 18000 рублей </p>
    					 	<!-- при наведение -->
    					 	<div class="servys-mobile-hover">
    						 	<div class="servys-mobile-hover-top">
    						 	<h1 class="servys-mobile-name">Разработка<br>Мобильных<br>Приложений</h1>
    						 	</div>
    						 	<div class="servys-mobile-hover-text">
    								Android и iOS<br>
    								приложения для<br>
    								коммерческой<br>
    								деятельности
    							</div>
    							<div class="servys-mobile-hover-bottom"></div>
    						</div>
    					</div>


    8) Не знаю что за требования были, но сейчас уже надо сразу адаптировать под mobile devices.. Гугл официально занижает позиции не mobile friendly сайтам. Тем более это довольно просто.
    Ответ написан
    4 комментария
  • Оцените первую верстку из psd макета (критика, замечания, недоработки)?

    IonDen
    @IonDen
    JavaScript developer. IonDen.com
    Для первой верстки сойдет под пиво. Только:
    1. Вместо табов ставьте 4 пробела, это общепринято.
    2. Не используйте reset.css, используйте normalize.css
    3. В CSS у вас всё намешано, где нормальная лесенка?
    4. Улыбнуло: <!-- polosochka -->

    P.S. Дизайн конечно ад)
    Ответ написан
    1 комментарий
  • Где найти практику верстальщику?

    Tehdrew
    @Tehdrew
    iOS Developer
    Когда изучал CSS, делал параллельно свой небольшой портал на Drupal.
    Таким образом была сразу и обучение и практика. Сейчас на этом портале около 500-1000 посетителей в день.
    За год пока изучал CSS научился делать сразу адаптивную верстку, и как работать с дизайнами на всех популярных CMS.
    Попробуйте сами сделать на популярной CMS какой-то свой небольшой проект, возьмите готовый макет из интернета и попробуйте его перенести на этот портал, и таким образом будет у вас самое лучшее обучение.
    Ответ написан
    Комментировать
  • Какие способы сокрытия контента вы знаете, при адаптивной верстки?

    delphinpro
    @delphinpro Куратор тега CSS
    frontend developer
    используйте при разработке подход называемый "mobile first"
    сначала верстайте под мобильные. потом через медиа-запросы подключайте остальное.
    например следующий код
    @media (min-width: 960px) {
      body {
        background: url('big-image.jpg');
      }
    }

    будет загружать картинку только при ширине просмотра более 960 пикселей.
    Ответ написан
    3 комментария
  • Ну как же все таки научиться проф.верстать(вопрос внутри)?

    uam
    @uam
    Все в порядке, я начинал по видеоурокам, а дальше сам. Почти так же как и вы недоверстывал макеты до конца. Многое не выходилo, не понимал зачем нужен позитион релатив и многое другое. Но в процессе когда я достаточн хорошо усвоил то, что знал, начал постепенно повышать свой уровень. Сначала я доверстал старые макеты, потом начал верстать более сложные макеты. Нечего такого в этом нет, процесс обучения тернист и даже с сиэсэс с первого захода разобраться сложно, если до этого не имели дело с программированием. Не особо зацикливайтесь на этом, я вот например уделял этому по 3-4 часа в день и не особо парился когда не получалось, а просто вставал из за компа и ходил с друзьями побухать ну или в сауну. Советую делать так же. Удачи в обучении дружище
    Ответ написан
    Комментировать