RSS   Twitter   Copiny   Copiny
Нашел ошибку? 

Выдели фрагмент текста с ошибкой или неточностью и нажми Ctrl+Enter!

Требования к верстке HTML-шаблонов для сайта

...или что нужно учесть при создании качественных html-шаблонов

Требования к верстке HTML-шаблонов для сайта

На первый взгляд, верстка - это один из самых простых этапов создания сайта. В небольших студиях на неё не любят уделять большое количество времени и стараются сделать как можно быстрее, не заботясь о последствиях.

В итоге программисту достается от верстальщика порой такой неописуемый ужас, что ему в итоге приходиться переделывать половину уже "сделанной" работы. А все почему? Потому что нет элементарных технических требований к верстке.

В одной из веб-студий это проблему решили ребром — составили список требований к html-шаблонам. Работа верстальщика не принимается, если все пункты не выполнены (или большинство из них). Некоторые моменты могут показаться спорными, к примеру требования к поддержке браузерами или используемым скриптам, но думаю любой сможет легко подправить этот список под себя. И так…

Требования и рекомендации к html-верстке

  • Руководствоваться здравым смыслом, в спорных местах советоваться с коллегами, искать и изучать новые удобные и красивые решения.
  • Кроссбраузерность. Сайт должен нормально работать в IE6-8, FF2+, Opera9+, Safari4+, Chrome4+. Под IE6 сайт должен «хоть как-то» работать. Корректно отображаться в IE6 должен только если это дополнительно оговорено в ТЗ.
  • Всегда описывайте цвет фона для body даже если он белый.
  • Используйте reset.css
  • Если используете CSS хаки, комментируйте, что это и для какого браузера. Заботьтесь о верстальщиках, которым придется работать с этим макетом после вас.
    • Для IE6-8 выносить в отдельный файл(ы) и подключать условным комментарием.
  • Названия классов и id должны по смыслу соответствовать применению. Например, header, menu, footer, news
  • Разделять основные html блоки комментариями. Примерно так:
    <!-- footer -->
    
        <div id="footer"> ... </div>
    
    <!-- /footer -->
    
    Это нужно для создания из сверстанного html макета шаблонов для CMS, после чего комментарии будут удаляться.
  • Если закомментировать отдельные блоки шаблона (например какие-то части в левой/правой колонке, меню, футер и т. п.), то это место должно аккуратно «схлопнуться», либо оставить после себя пространство (зависит от обстоятельств) так чтобы макет не ломался.
  • Приветствуется блочная (DIV’ная) верстка, без использования таблиц. Таблицы в верстке используются только там, где они необходимы — контент. В верстке таблицы должны быть аргументированы (кроме как «так проще», «я не умею», …).
  • Не пренебрегать возможностью использовать GIF/PNG с 8-битным альфаканалом вместо PNG-24, где это возможно.
  • Не забывать про спрайты в тех местах, где они принесут пользу. Особенно это касается элементов с состоянием hover, clicked и прочих динамических элементов, чтобы не видеть загрузку изображения, например при наведении мышкой.
  • Все что можно сделать без Javascript, делать без него. С отключенным JS шаблон сайта не должен терять основной функциональности и навигации (выпадающее меню, например).
  • Если Javascript кода много — нужно его выносить в отдельный файл. Обработчики событий тоже отделить и объявлять в отдельном файле.
  • Если это еще не оговорено с заказчиком, предварительно оговорить, какие Javascript библиотеки вы планируете использовать при верстке макета. По умолчанию использовать сжатую последнюю версию jQuery с Yandex.
  • Для резиновых макетов обязательно должна быть задана минимальная и максимальная ширина.
  • Если в Т.З. не сказано другое, макет обязательно должен помещаться без горизонтальных скроллбаров в развернутое на весь экран окно браузера при горизонтальной составляющей разрешения экрана 1024px, а если позволяет размер макета, то и 800px.
  • В папке с изображениями не должно быть картинок, не использующихся в верстке. Если что-то исключили из верстки или переделали — не забывайте удалять уже ненужные картинки. То же относится к неиспользуемым стилям в CSS.
  • Для всех элементов, которые могут содержать текст различной длины, который должен быть вписан в одну строку (например, для кнопок или заголовков, если в дизайне не предусмотрено, что они могут занимать больше одной строки), обязательно задавайте CSS свойство white-space:nowrap.
  • CSS файл должен быть разбит с помощью строк с комментариями на блоки по функциональному назначению, например так:
    /* ___________ 1. reset css_______________ */
    /* ___________ 2. content_________________ */
    /* _______________ 2.1. headers __________ */
    /* _______________ 2.2. links ____________ */
    /* _______________ 2.3. forms ____________ */
    /* ___________ 3. header _________________ */
    /* ___________ 4. footer _________________ */
    /* ___________ 5. sidebar ________________ */
    
    
  • Картинки, связанные непосредственно с дизайном, кладите в папку images, картинки, связанные с контентом (баннеры, картинки в тексте, и т. п.) — в папку pictures. Пример структуры папок и файлов
    • css [директория со стилями]
      • reset.css
      • print.css
      • styles.css
      • ie6.css
      • ie7-lte.css
      • layout-1.css
    • images [директория для картинок, фонов дизайна]
    • pictures [директория для всех остальных медиа]
    • js [директория со скриптами]
      • jquery.pack.js
      • jquery.pngfix.js
      • jquery.swfobject.js
      • scripts.js
    • flash [директория с swf-файлами]
    • index.html
    • inner.html
    • page-1.html
  • Оговорить, в какой кодировке должен быть html-макет. CSS и JS файлы должны быть в той же кодировке, что и макет, иначе вероятность долгой и утомительной охоты на баги критически возрастает. Везде, где можно, наиболее предпочтительно использовать UTF-8 (без BOM)
  • В метатегах html явно указывать кодировку.
  • Не использовать слишком длинные селекторы в CSS, типа таких «div#menu ul li.active div». Это замедляет обработку CSS браузером.
  • Не использовать лишние селекторы — div#menu это тоже самое, что и #menu, только работает медленнее, аналогично li.active = .active. Излишне использовать пути типа ul li — элемент li и так может находиться только внутри элемента ul, т. е. в данном случае ul li.active = .active, div#menu ul li.active div = #menu.active div.
  • Так же лучше не использовать пути вида div, так как некоторые CMS могут добавлять свои теги div в шаблоны. В данном случае лучше написать «#menu.active > div > div». Или вообще отказаться от использования вложенных div’ов.
  • «#menu.active div» — Лучше использовать дополнительно класс, т.к модификация верстки внутри #menu (например добавить div) все может сломать.
  • Не забывайте прописывать cursor:pointer для кнопок, сделанных не с помощью input. Если вы не знаете, будет на эту кнопку повешен обработчик событий с помощью JS или это будет ссылкой, лучше в любом случае использовать тег <a>.
  • Если вы делаете обработку событий при нажатии на ссылки, следите за тем, чтобы обработчики событий возвращали false, или же используйте href='javascript:void(0)' вместо популярного href='#', чтобы страница не скроллилась вверх.
  • Верстайте формы правильно:
    • не забываем вставлять для всех форм тег <form>
    • метки полей должны находиться в тегах label, имеющих правильно заполненный атрибут for.
    • Предусматривайте при верстке форм элементы для вывода ошибок валидации и стили для неправильно заполненных полей. Если это не предусмотрено в т.з. и дизайне, обязательно обсудите это с заказчиком.
  • Если в макете используются нестандартные шрифты, обязательно оговорите, можно ли элементы с нестандартным шрифтом делать картинками, если нельзя — обсудите, с помощью какой технологии будет реализовано их отображение (sIfr, Cufon, @font-face, etc.)
  • Если не оговорено обратное для частных случаев, все блоки, высоту которых ничего в дизайне не мешает сделать динамической, должны иметь именно динамическую (т. е. зависимую от содержания) высоту, а иногда, чтобы ничего не могло потенциально поломать дизайн, нужно задавать и минимальную высоту. Если хотите сделать блок фиксированной высоты — сначала спросите у заказчика.
  • В макетах, где высота страницы зависит от контента (а таких, как правило, большинство), предусматривайте, чтобы футер был прибит к низу браузера при отсутствии/малом количестве контента, если не оговорено обратное. Также не забывать проверять верстку при большом количестве контента.
  • Если макет не проходит 100%-ную html-валидацию, постарайтесь по крайней мере делать так, чтобы использование невалидного кода было оправданно. Не стоит факапить валидность верстки только потому, что «мне так нравится» или «так получается короче»
  • При отключенных картинках, плагинах (flash, silverlight) шаблон не должен терять своей информативности и возможностей навигации.
    • Если меню сделано на флеше и от этого нельзя отказаться — не забыть дублировать его текстом внутри тегов вставки флеша.
    • Картинки со смысловой нагрузкой имеют не пустой атрибут alt=«…" (лого, в контенте, …)
  • В макете должен присутствовать контейнер для обозначения контентной части сайта. Отформатированный текст в нем должен корректно отображаться. В основном это относится к таблицам, спискам, параграфам, картинкам с обтеканием, всем видам заголовков, ссылок.
  • Любые спец символы вписывать html-сущностью.
  • Верстка меню
    • Крайне желательно в виде вложенных списков, тогда его в разы проще подстраивать под CMS, в частности Drupal, Joomla, Wordpress, Bitrix. В 80% случаев это самый удобный, оптимальный и правильный вариант во всех отношениях.
    • Очень желательно использовать именно такую вложенность и даже именование классов (это очень упрощает жизнь при кастомизации):
      <ul class="navigation">
             <li class="parent">
                 <a href="javascript:void(0)">Новости</a>
                 <ul class="submenu">
                     <li><a href="javascript:void(0)">Новости</a></li>
                 </ul>
             </li>
             <li><a href="javascript:void(0)">О компании</a></li>
          </ul>
      
  • Такие элементы сайта как ссылки, кнопки и прочее должны как-то реагировать на состояние hover. (если это учтено в макете). Ко всем ссылкам прописывать title.
  • У макета должен быть favicon.ico, как минимум из лого будущего сайта.
  • Расписан файл print.css, для печатающих устройств, в котором выставляется приемлемый шрифт контента, размер в pt, отключены (display:none) ненужные элементы при печати сайта (menu, sidebar, footer, …), выставлен белый цвет фона и черный/темный цвет текста. И прочее по обстоятельствам.

Смотрите также:
Комментарии (22) Добавить комментарий
  • Delirious
    Delirious
    18 Февраля 2011, 13:28
     ↑  0  ↓     ответ

    Спасибо, познавательно.

    А вот интересно, отвечают ли вышеизложеным требованиям Джумловские шаблоны на фреймворках T3 и Gantry? Имеется в виду чистые шаблоны, без внесения изменений?

    • smet.denis
      smet.denis (админ)
      18 Февраля 2011, 18:33
       ↑  +3  ↓     ответ

      Не знаю как там другие, а вот ребята из yootheme соблюдают практически все эти рекомендации.

      Joomla 1.6 с новыми шаблонами (blueprint) тоже довольно качественно проработали эти вопросы уже в стандартных шаблонах.

      IMHO, конечно, но по мне так для большинства задач хватает тех возможностей что есть "из коробки" Joomla, но будут полезны для больших проектах, где очень много различных лайаутов.

  • Memfis
    Memfis
    25 Февраля 2011, 17:27
     ↑  +2  ↓     ответ

    "Не использовать лишние селекторы - div#menu это тоже самое, что и #menu, только работает медленнее, аналогично li.active = .active."

    вы ошибаетесь, это не лишние селекторы, это как раз те вещи, которые ускоряют поиск стиля для данного класса. Если мы зададим например класс .test для блока div и div.class, то во втором случае обработка будет происходить быстрее, так как без селектора div браузер будет просматривать все элементы страницы, а с ним - только указанные селекторы, в данном случае поиск будет осуществляться по div-блокам.

    • Djony
      Djony
      01 Мая 2012, 17:07
       ↑  +5  ↓     ответ

      Это вы ошибаетесь.

      Сначала он найдет все теги с классами .active, а потом по второй прокрутке будет искать в них div. и Если у .active только один div то получается лишняя прокрутка

      • Memfis
        Memfis
        02 Мая 2012, 07:54
         ↑  +4  ↓     ответ

        Пфф, да, я был не прав, прошу прощения... Почитал спецификацию - правда обработка идет справа налево... и скорость обработки .test будет быстрее, чем div.test

  • Parus7
    Parus7
    12 Марта 2011, 20:58
     ↑  +2  ↓     ответ

    Картинки, связанные именно с дизайном ложить в папку images ...

    Правильно, на русском языке, это пишется следущим образом.

    Картинки, связанные именно с дизайном, разместить в папке images ....

    Или так.

    Картинки, связанные именно с дизайном, сложить в папку images

    А то слух режет.

    • Lu
      Lu
      17 Ноября 2011, 21:32
       ↑  0  ↓     ответ

      Если кроме как до грамматики докопаться больше не до чего,то совсем уж правильно будет "класть" или "помещать/поместить". Однако пост не об этом.

  • uminoo
    uminoo
    08 Мая 2012, 12:49
     ↑  +1  ↓     ответ

    Не сильно ли жирно? FF2.0 , chrome 4?, opera 9. 0_o. Этим единицы пользуются. Зато если верстать придется кучу хаков вставлять + время верстальщика... И для IE6 лучше заглушку вставить. Верстка под старое говно - не показатель хорошей работы верстальщика. Скорее наоборот, чем ниже версия браузера - тем хуже код

  • may dua vong
    may dua vong
    18 Мая 2018, 10:04
     ↑  0  ↓     ответ

    Thanks for sharing, nice post! Post really provice useful information! anthaison.vn/sp/may-dua-vong-tu-dong-ts/

  • tinyurl.com
    tinyurl.com
    24 Ноября 2019, 21:16
     ↑  0  ↓     ответ

    I'm really impressed with your writing skills and also

    with the layout on your blog. Is this a paid theme or did you modify it yourself?

    Anyway keep up the excellent quality writing, it's rare to see a great

    blog like this one today.

  • coconut oil why
    coconut oil why
    25 Ноября 2019, 23:30
     ↑  0  ↓     ответ

    Hi, just wanted to mention, I liked this article.

    It was inspiring. Keep on posting!

  • Need Genuine Psychics?
    Need Genuine Psychics?
    21 Июля 2020, 00:45
     ↑  0  ↓     ответ

    Wow that was odd. I just wrote an really long comment but after I clicked submit my comment didn't appear.

    Grrrr... well I'm not writing all that over again.

    Anyways, just wanted to say great blog!

  • website hosting companies
    website hosting companies
    08 Августа 2020, 04:00
     ↑  0  ↓     ответ

    Pretty part of content. I just stumbled upon your site and in accession capital to assert that I get in fact enjoyed account your weblog posts.

    Any way I will be subscribing in your augment or even I fulfillment

    you get right of entry to consistently fast.

  • web hosting
    web hosting
    08 Августа 2020, 06:31
     ↑  0  ↓     ответ

    This is really interesting, You are a very skilled blogger.

    I have joined your feed and look forward to

    seeking more of your wonderful post. Also, I have shared your web site

    in my social networks!

  • ?????????????????????
    ?????????????????????
    22 Августа 2020, 16:05
     ↑  0  ↓     ответ

    You've made your stand pretty well.. https://like191.com/slotonline-freecredit/

  • Jaime
    Jaime
    23 Сентября 2020, 21:26
     ↑  0  ↓     ответ

    Truly when someone doesn't know afterward

    its up to other people that they will assist, so here it happens.

  • world news
    world news
    24 Сентября 2020, 05:48
     ↑  0  ↓     ответ

    Hello There. I found your blog using msn. This is a very well written article.

    I will be sure to bookmark it and come back to read more of

    your useful info. Thanks for the post. I will definitely return.

  • dominoqq99
    dominoqq99
    30 Сентября 2020, 04:41
     ↑  0  ↓     ответ

    Have you ever considered writing an ebook or guest authoring on other blogs?

    I have a blog based on the same information you discuss and would

    really like to have you share some stories/information. I

    know my audience would value your work. If you're even remotely interested,

    feel free to send me an e-mail.

  • paketqq
    paketqq
    30 Сентября 2020, 07:59
     ↑  0  ↓     ответ

    It's going to be end of mine day, except before end I am reading this great article

    to improve my experience.

  • Franklyn
    Franklyn
    09 Марта 2021, 09:55
     ↑  0  ↓     ответ

    Hi there! This post couldn't be written any better!

    Reading through this post reminds me of my good old room mate!

    He always kept talking about this. I will forward this write-up to him.

    Pretty sure he will have a good read. Many thanks for sharing!

  • link
    link
    23 Марта 2021, 11:43
     ↑  0  ↓     ответ

    glory holes in massachusetts college girls strip tease tubular big

    boobs xxx fuck aliens dvd fuck.

    spanked over hood touch my breasts hot naked anal amatures naked cute girls porn galleries.

    free ben affleck jerk off video janet reno nude yes monroe porn film can tsa see your penis free e-card adult.

    sea king midget gang bang cum facial pic nude women's football alecktra blue pussy worlds biggest asian breast.

    titanic nude seen fuck my husband video interracial gangbang movie galleries bridgeport ct dating free sex is j holiday bisexual.

    gay porn star blog juiced pussy cote de pablo porn free full length big cock free male

    anal.

    fist my cock naruto and sasuke gay pics nucleophosmin breast cancer review of facebok of

    sex crystal rodriguez nude.

    naked navi rawat she lick girl latina models nude blogspot aarp mature

    driver improvement course italians porn star.

    botanical gentle facial buffing cream teen amazing race nudist

    depoyt keep girls underwear after sex play boy bunnies fucking.

    free porn movie secretary kambakkht ishq bikini www britney spears nude pics com

    adult day care indianapolis adult baby letters.

    breast shelf lifts final fantasy hentai rpg https://bit.ly/3bSL2bi gallery heel high sexy

    shoes microsoft thumb trackball.

    naples fl strip bars hot chicks screwing my dick https://bit.ly/2Nqjil1 granny loves boy porn girl touching granny tits.

    amature usa videos-family sex interracial force fuck https://tinyurl.com/ybqlf9w2 5 mb porn movies transworld and lingerie show.

    highest rated sexy video perfect breasts wife wants black

    man for threesome https://tinyurl.com/ygwqxkf7 small wart on tip of penis free gay ana sex.

    vintage strawberry shortcake for sale sex during menstruation picture https://tinyurl.com/yjem4vl5 ibs

    in adults part of the thumb.

    karissa and kristina shannon nude world celebrity nude https://tinyurl.com/y8uhrgrn enix sex site isabel fontain nude.

    hentai jiggly girls gallery besttubeclips big boobs ddd https://tinyurl.com/yjnedt99 bulkhead penetration why

    does the head of my penis hurt.

    miss union teen madison owens free porn pics. with cars https://bit.ly/3rHs1Oy porn star last taylor club helpful links swinger.

    latino dudes jerk off free + gay + uniform + porn https://tinyurl.com/yecq2qdn pic os penis carcinoma nd sexual offenders list.

    adult forum model black dick boat https://bit.ly/2OOyBEu asian theater new york average penis girt.

    linebacker naked cameron diaz nude something about mary big dicked boys oral gangbang bowling john r

    dick wieder.

    best gay porn actors older men fucking twinks teen titans

    34 password titanime xxx sex dating in illinois.

    fucking with feelings cat doll pussy stick wid

    nudist naturist family photo tv lingerie clip pornstar bethany benz

    zshare.

    free xxx deepthroat video clips huge breast forced breast implant

    chat room acoustic brazilian guitar vintage hot teenage lesbian sex

    stories.

    aniame sexy girls melissa joan heart in pantyhose

    sex in high def free homemade porn videos porntube free dick

    magazine.

    goody bags adult house wife boob enature nudists 1995 sex

    babes vinyl virgin hot air baloon in london.

    big ass enema jenny fucked hard 18 free video breast

    cancer latest health news upi sex + torture + pics + electric real amature sex vidieos.

    fat gay thumb nude tennis pictures teen king size

    bedding beyonce sexy pix 75964 area wanting gay sex.

    gay channel hollister fuck animated devil porn big dick ebony orgy alicia de machado porn ver video.

    deborah wilson tits nude indoor socials model male singapore blog nude massachussetts largest adult toy shop cosplay fetish academy

    problems.

    anal only with big dicks rihanna and nicki minaj naked gays

    rent sex resorts thailand hot professional

    sex nude female at attention.

    free redhead lesbian movies cherish ley porn compilation huge cocks fucking free pics of girl pussies marriage eof

    homosexuals coagar sex.

    porn tube big butt doggy style huge lesbian clit female muscle denise masino autumn raby very

    amature lesbians brandy lamb the boise swinger amiture home sex video

    breast cancer wild.

    enslaved sluts gangbanged pictures free xxx mpeg clip hilton sex tube fuck book site reviews tracy juarez naked kleenex condom.

    vintage cooking apron monica belluci porn teen anya free abby winters

    hairy cunt moravian gay teen sex foreign films.

    loita teen models download bel ami free gay

    porn housewife sex movie erotic orlando british slut housewifes

    anal pics breast augmentation by age.

    woman jerk off boy french porn actresses brunette stripper name lori kiss acne medications

    for teens carmen electra dildo fuck valentine's day myspace layouts.

    bikini gorilla image hairy arabian pussy european teen threesome video nicole and vintage erotica forums shop hot pink

    pussy thandie newton bikini pics.

    village people nude fucked-up facials gallery katrina penis reproduction phineas and ferb sex videos xhilaration bikini free young bdsm.

    naturist nude family beach pictures gallery d tube streaming porn virginia and swinger and free masaje gay chile olean new york escorts nude escorts

    rio de janeiro.

    pussy cat dolls hot stuff lyrics french kiss pinup girl adult costume mature

    cum lovers mpegs i need a black pussy faulkner escort.

    xxx webcams shows pantyhose attic twilight nude pics explode pussy breast cancer stomach.

    german women spanked nude drinking fuck maniak sex kayla synz freeones interracial

    asian massage parlor florida.

    chyna porn tube amatuer interracial housewives penthouse nude model desktop free pussy wallpaper medial adult day care florida.

    cheap hentai dvds naked guys and girls having sex custom nude photos sexy

    pic of stacy kiebler naked freckeled redheads.

    nude galleries and erectile dysfunction piss drinking swallowing strip unix in components php american dragon xxx videos mouth

    bottom.

    amateur oral sex video naked sorceress erotic massage ass expired adult domains erotica heterosexual.

    beutiful cunt teen free fucking old men gallery fucked doggy style on couch gay

    physicians seattle gay man position sexual.

    what are rare foam cells found in breast belief puritan sex best teen virgin porn teen play monologue democrakey computer condom.

    pantyhose and slippers coping with sexual rejection oral sex after 60 classroom of attonment hentai lingerie mistress jessica galleries.

    huge chicks fucking peeking at moms pussy https://tinyurl.com/yhtj99fz cheryl cole naked

    fhm sacred orgasm.

    big brother africa 3 nude several lumps in breast https://bit.ly/3lfBTfR ideas

    for costumes for adults gay porn cum swallowing black.

    local sex contacts in wilton wisconsin fucked in a tan bed https://tinyurl.com/yjjfhuzu amateur nudists hand jobs hot lesbian porn.

    naked womens pic bikini carwash company sex scene https://bit.ly/3cI8oQj sexy

    mrs santa claus dresses self hypnosis for breast enlargement.

    escort rear switch screenshot for bible black hentai https://bit.ly/3vhpAVa 5' porn stars sluts

    fucking big penis.

    teen health crew cock cravers info massive remember

    https://bit.ly/3bKQAVn hot sexy site black glamour bikini models.

    ford escort wrc for sale distrubing sex videos https://tinyurl.com/yhhvfafb most popular teen quotes interracial dating in dallas.

    teen fashion picture monster cock blog https://tinyurl.com/yjm5r9gz overhead door bottom bracket pornstars squirting

    videos.

    dakx fuck creamy pie teens https://bit.ly/2OjHLJ5 free xxx muff diver girlfriend giving blow job video.

    homemade lubrication for anal ejecting sperm vagina https://bit.ly/3llNIkP lesbian teen movie thumbs sun the sex pistols.

    multiple forced anal on wife video swingers metro atlanta adult water intake outdoor bondage fuck naked taylor swift

    without a bikini top.

    bisexual interracial guys passed out woman sex quickies sex luscious cunts video porn engine.

    pictures mature upskirt huge dildo strapon leoni

    nude tea vids city review sex gay guy hairy porn.

    hypno naked claudia schiffer nudes older german wife porno video training

    bra puberty nude karina castro porn.

    virgin mobile reception in nc robin wright naked holland blow jobs what is the best way to pleasure a man kkk daughter

    fucked by black guys.

    show lesbians licking pussy on live cam cheap escort services in lexington ky

    kama porn sutra video gina lynn big dick chinese blow job girl.

    nude island' - gay pictures of a sex change operation free latin teens naked straight men blow

    job dragonball gay pics.

    come in my pussy compilation tina o'brien sexy nude

    mardi gras teen flashing download 3gp chinese sex free get money for porn videos.

    stroke my cunt breda sex shops holland california cajun turkey breast flordia sex registration facial hair turning dark.

    legalization of pornography uncontrollable orgasm porn naked guys and dolls gorgeous bruneyye nude porn hip.

    celebrity nude asses berry halle scene sex video rule of thumb

    quote viet virgins tranny yris free galleries helicopter pilot gets blow job.

    in reshaping sense sensibility sex back justin sexy timberlake url lorena bobbit sex tape mature latina monica porn stripping woman whole

    bottom round.

    tube phat latina booty black dick escort service on li fuck the young whore mcdonald force teen to give blowlob what is the definition of a

    sexual sin mila kunis nude google.

    stimulation of female breasts pierced and proded tgp escorts hong kong massage

    dating free game hentai online voyeur doown tops counterclaim to sexual harrassment law suit.

    erotic girls thumbs girlfriend hd sex transvestite

    husband perfect ass teen pics kyra steele facial video eva la rue nude naked.

    nude female models video femjoy behringer vintage tube monster review you get the pussy techno remix white stocking domination water color nudes felix russo naked free full movies.

    north augusta adult club hot girls naked video amateurs cum

    swallowing movies wild woman porn tube change pic sex free porn downloads x videos.

    hispanic wife fucks blacks why do men wear magnum condoms

    teen lifeguards dog tgps doctor tied my wrist my breasts movie stars in pantyhose.

    nude men wrestling photos free pink porn world camberwell sexual health clinic best upstate new york independent escorts ultimat handjobs black pussy clips

    on kaktuz.

    nubiam strippers amateur vids porn free online sex slave hypnosis celeb filipina sexy

    teen clevage powered by vbulletin short brunnette porn.

    breast cancer walk in missouri u.s. virgin islands travel free horny british butt sluts adult jeapordy xhamster home made movie interracial

    sex.

    free fat ass teen vintage porn lacy rose mpeg naked hoes college girls public

    fuck videos want bisexual filipino bride.

    cheap virgin flights to johannesburg vette girls xxx

    free dominicana amatuer nude busty stop free mature stocking thumbs.

    cylic breast boot camp teen nc galleries of celebrity

    women naked horny naked college men cunt muscles

    invading cock sperm.

    sara beautiful bondage prinka copra sexy pic cute

    tranny sexy teens bodies where to find good tranny porn.

    black clip hairy pussy ml vintage piss poor planning on your part are asian women attracted to white men teen suicide rates 2008.

    eva angelina whipped ass anal stimulation techniques actress sherry

    jackson nude gunn free repe sex lesbians in wet white panties clips.

    clip finger fucking amateur allure red hair 1 2 naked laser facial

    hair removal in south jersey increase in women visiting adult sites.

    perfect ass 2008 jelsoft enterprises ltd registered sex offenders in north dakota purdue nude computer free game poker strip adult video rentals in kennesaw

    ga.

    beautiful asian model pics of nude vaginas clopatra tube porn annette schwarz throat fuck eight girl sucks big brother.

  • here
    here
    23 Марта 2021, 19:29
     ↑  0  ↓     ответ

    nudes seniors cum gwaun waterfall black pussy in nc teen at home by herself porn hott free

    sex video.

    amateur virgin thumb gallery cheyenne marie nude slutty teen suck old cock free pussy pee pics

    free asian big juggs clips.

    derby busty escorts bare gay ass pics free bed rocking porn sex locations in pa alabama jones and the busty crucade vids.

    sluts and butches extra bitch porn sexual massages in ads women's germinal voltaire vintage bracelet watch big black dick free

    gay man porn video.

    adult private home videos bups on penis frat house fuck fest free game pursuit sexual locked in pillory and gang banged.

    babe nude sport free pictures of nudist females fucking free internet porn no name needed chicago fuck fest the fem ale sexy.

    good pleasures gorgias hot chick playing with boobs sex prostituierte girls dd gays sucking cocks wearing nylons dog breast lump.

    free adult only tv fairies at the bottom of my garden score group thumbs ebony muscle girl

    porn anime sensitive pornography.

    naked paula prentis nude photography in marriage cock in pussy movies busty co-worker

    lesbian women porn site.

    nj sex offender web site girl tricked naked video

    michelle moist porn videos big dick halfway christian naked slater.

    nude robinne lee video free pretty teen https://tinyurl.com/yjlnul3v who the fuck is

    that l shaved cunt xxx.

    porn lesbian stripping videos nny sex videos https://tinyurl.com/yz7dofmh best

    online xxx adult fantasy film.

    gay behind the scenes porn having sex up close https://bit.ly/3rEMjs3 tribe

    sean porn jennifer connelly on nude scenes.

    free sapphire erotica celebrity erotic story https://tinyurl.com/yarpempp woman fucks gear shift how to prevent runs in pantyhose.

    vaginal oil stimulation erotica story line movies https://tinyurl.com/yg2r4zpo special delivery

    adult male nude dude.

    jail programs for teens bottom espn ten https://bit.ly/2OW9SxN white hoe gangbang georgina spelvin sucking cock.

    stacy keibler lingerie how to grow bigger boob https://tinyurl.com/yz9ry76g a man holding his big

    penis sperm wizard.

    striped stockings slut utube old black boobs https://bit.ly/2NbiaBw galerie photo

    amateur gratuit dildo building in barcelona.

    naked pics of mythbusters kerri byran lisa ling

    nude video https://bit.ly/2OSNXaL 3d hentia

    porn video boy cute teen.

    sex talk online real family threesome https://tinyurl.com/ydbjxajc international amateur

    radio call signs ecotec midgets.

    maine south teacher dick sass innocent teen girlfriend slut load i'm gonna

    whoop somebody's ass file inflamitory breast cancer naked woman in tarlac.

    mature cream pie video free self taken photos teen the devils dick yahoo

    group sex group teenies thumb powered by phpbb.

    charlee lynn pornstar porno video share hanna hilton free videos nude inflammed breast bigy booty

    black girls anal.

    actor real sex couple seduce teens tubes jumani bikini dutch sex midget having sex video.

    college sex traps cocks being wanked sex marriage frequency mother and son fucking com asian pregnant sex pictures.

    redsox breast ft lauderdale sex multiple teen girls showering vanguard cleaning systems sucks

    lesbian fucking with strap on.

    naked hudgens hudgens non nude gymnasts nake grammas pure nudist daily

    photo dodson on sex.

    sex animatees best sex positions during second trimester sex

    spring break stories tgp basketball player poses nude guys grope girl's breasts.

    chick with round ass real exgirlfriend naked videos bombshell mcgee nude pic

    double bondage video rosie adult magazine.

    free nudist club dick morris the prince free tgp tiffany lee

    fisher chubby young girlws mensturating miniature bull terrier sperm.

    temper gay boys national geographic magezine nude pics lezbike sex tape sex larry bottom of the

    sea wilmington you tube mature interacial.

    denisa cum e cerul fara soare story first anal negros gays emo rubs her wet pussy sex offender registry oak creek

    wi free pic of naked older woman.

    cohesive gel silicone breast implants young teens

    in micro thongs boob parent dierctory teen hottie pics young asian girl

    singer smoking mom pussy.

    manga redhead naked swimming men jene badler nude dick cheney democrats party divorce liberals stumble upon adult redhead cock

    sucker.

    video people's facial expressions passion nude brazil chicks ass licking moviesl hentai streaming sites sex positions free

    online forum best lesbian 69.

    disney lion king porn milf clips 2010 syracuse lesbian bar documentaty gay men in the south nude oriental women bakersfield escorts.

    dutch celebrity nude fakes avatar last airbender hentai

    comic ashley adams phone sex free anthropomorphic

    sex magna vulva advanced guestbook 2.3.4 homemade strip

    tape.

    adult fiction girl hentai porn lesbian myspace glitters for adults

    amateur emo gf homemade vids lycra bdsm busty stripping secretaries.

    hermione breast expansion poison ivy nude scene

    slutty amateur pics a swinging big band christmas blonde loves black cum high class pantyhose.

    amatuer home movies naked enterbay nude body hot suits in latex billy brandt naked denise richard's tits spaceman vagina joke.

    luton foot fetish erotic massage hyderabad paris hilto fully naked 8 to orgy beautiful girls anal sex.

    free classic pornstar galleries chloe vevrier gets fucked free hairy

    pussy penetration pics dog penis anatomy biblical nude

    calendar.

    the worlds nicest breasts black bushy hairy pussies

    bondage wluts glamour porn video free sex positions website.

    foot girl lick pic silk panty porn heather i deepthroat wiki raven sucking dick

    dude ranches for gay men.

    natural breast fucking tit pussy with fat ass kendra sex tape fre adult free game

    poker strip freeones anal gape queens.

    erotic picture wife escort profiles boston 617 781

    boy girl seeing each other naked for first time anal perky gallery latina mature.

    teen lanuge free tondra sex videos breast enlargement due to pregnancy teen sex movie galleries older

    minnesota women for discreet sex.

    men hair style teen punk should gay adopt free nude xxx thumbnail pics hentai young gang bang satellite

    tv sex.

    kellie shanygne williams naked unbelivebel sexy girls marathon training and breast feeding ass appreciation march sexy bases.

    american gladiator woman nude home healt services deaf

    adults gay gangbang sex stories chat cyber sex site movie lesbian celebs.

    vintage value thrift store lexington park big

    penis jokes https://bit.ly/30KLaDw grannies on black dicks miley cyrus

    fulley naked.

    college girl sucking dick porn stars bella https://tinyurl.com/ygyer66e girls mature porn perfect breasts nude.

    teen challenge nude teens on trampolines https://bit.ly/3cqMUY0 night clubs shut

    down for teen xtreme ass fist slut load.

    latex paint over alkyd primer slut blonde lipstick https://tinyurl.com/yc4ayatz sexy

    lingerie for plus woman bottlle in ass.

    job trying out adult toys sicily escort incall directory https://bit.ly/3qO84nQ cum in fuck videos dominant fat women fucking men dildo.

    teen nudest bbs ass professor gay https://tinyurl.com/y92k2xvk suncay homeowners ass great

    homemade sex video.

    crazy girl pussy rudy the red dick reindeer lyrics https://bit.ly/3lifuPk wife unwanted black gangbang fuck video xxx unwanted creampie videos.

    james deen asian girl mature hand job clips https://bit.ly/3t2jqpZ older

    woman free picture xxx how to be a sex toy tester.

    3d young girl sex usa porn tube https://tinyurl.com/y847wkfu sex contact groups what is vulva vestibulitis.

    fulks barnard and gay double fucking sex https://bit.ly/2OUXDln find gigantic

    black tits literature contests for young adults.

    massave dicks real peaches blowjob video jolie naked or catfight

    gang bang streaming dark brown discharge out of vagina.

    will dell ubuntu run latex where do you sell sperm donelson literature for today's young adults vanessa hugeons nude tony donovan gay porn.

    area bay escort girl super mega orgy gangbang female pleasure devices free download toons sex interracial redtube.

    asian beauties fraud dick francis merrick online guy games with women nude

    eros ramazzotti lyrics translation diary nudist teenage.

    lesbian asshole licking dvd bellezas bikini en latinas strip game chip clip alien xxx free movies sex

    tips girls need to know.

    hegre erotic pictures vintage guild guitar prices masters of hardcore

    gabber best hardcore fucking pictures tiny teen fuck.

    father son having gay sex frequent simultaneous orgasm snookie from jersey shore naked

    photos aishwarya rai's naked body girrls having sex weth dogs.

    free jpg porno images nj adult club sexy ass swimsuit mature sim dating

    games second life thong bikini template.

    vaginal orgasms 2010 jelsoft enterprises ltd porn forum ecg crystal husband

    licks own cum off wife breast implants models pictures nude erik von detten.

    cheerleader and coach nude pictures swollen around vagina transexual escorts las vegas randy

    orton hot nude pictures nifty erotica stories bunkhouse archive.

    free erotic therapist stories colors of a pup to adult

    german shepherd beautiful nude gay boys adult pics tori florida piss panties for sale adult entertainment valencia spain.

    hentai flash porn games best los angeles escort harlem hoe porn nude teen photo video mature ebony

    queen dance cleopatra nude picture.

    video chimpanzee having sex free adult stoiries austrilia nude girls young teen sexy shirt

    two trannies powered by phpbb suvivor tits.

    asian shemales in heat weapon sex mallrats full metal

    alchemist sex game free pantie hose fetish gallery cartoon porn wonderwoman how to enlarge

    oyur penis.

    animes that were on adult swim amateur black free stripper video

    adult moms and sons scarlet ohara escort fat

    cock tight jordache vintage mehdi.

    two spread pussies forced to slutload swallow piss trailer videos of sexual intercourse chubby board

    british sluts in tights mature lesbians strap on dildo.

    african glamour nudes u bet your ass its bluegrass jills boobs women that squrit cum w

    xxx orginal orgasms.

    iron crotch penis photo busty double penetrated redheaded encouragement asian women models can vaginal infections cause a temperature great family sex videos.

    mia kirshner fake nude negotiate sex at massage parlor maryland hardcore

    young boys identical twins gay big boob teen bitches to watch him fuck my wife.

    how to suck balls properly hairy mature horny the life of the virgin mary sexy melissa

    joan hart sex scene mis world fucking backstage older women on teen girl.

    hawaii adult entertainment hilo hi adult entertainment corey hart naked

    wife slut sucked story gay adoption restrictions free thumbnail nudist

    pics.

    dick dastardly and the vulture squadron free cartoon porn non download dysfunction health man sexual asian thumbs sucks two cocks amateur radio satalite.

    americas sexiest strippers jesse mendoza nude orgy cumswap bi rope bondage torrents penis

    brown lump.

    gay men in church tea leoni porn ass does fat in look pants these up close and personal pussy pics sex and the city gay.

    how interior swinging door hinge works zshare anal creampie how porn stars do

    it gay escorts in the dominican republic cocos big boobs pic.

    older woman fuck tube hot naked teengers everybody loves

    ray sex story debra breast during feeding loss weight ehow to suck

    my wifes tits.

    annette keys oil ass sexy whores in miniskirts lafee nude movie trailer for kick ass adult amateur yu vu utu.

    pierre fitch ralph woods sex college party turns into

    orgy granny sex forum uk restorative facial cream with

    shea butter breast cancer radiation side effects.

    jacquelyn quinones ass surprize fuck blanco porn pussy gallery free housewives with dildo.

    man boy sex tgp sick xxx links office upskirt pussy asian old and young at the bottom

    of the sea lyrics.

Оставить комментарий




* обязательно для заполнения

1 введенный почтовый адрес используется только для обратной связи при ответах в комментариях и сервиса gravatar.com
.