Требования к верстке HTML-шаблонов для сайта
...или что нужно учесть при создании качественных html-шаблонов
рейтинг: 7.9/10, голосов: 13
На первый взгляд, верстка - это один из самых простых этапов создания сайта. В небольших студиях на неё не любят уделять большое количество времени и стараются сделать как можно быстрее, не заботясь о последствиях.
В итоге программисту достается от верстальщика порой такой неописуемый ужас, что ему в итоге приходиться переделывать половину уже "сделанной" работы. А все почему? Потому что нет элементарных технических требований к верстке.
В одной из веб-студий это проблему решили ребром — составили список требований к 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 -->
- Если закомментировать отдельные блоки шаблона (например какие-то части в левой/правой колонке, меню, футер и т. п.), то это место должно аккуратно «схлопнуться», либо оставить после себя пространство (зависит от обстоятельств) так чтобы макет не ломался.
- Приветствуется блочная (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, …), выставлен белый цвет фона и черный/темный цвет текста. И прочее по обстоятельствам.
Спасибо, познавательно.
А вот интересно, отвечают ли вышеизложеным требованиям Джумловские шаблоны на фреймворках T3 и Gantry? Имеется в виду чистые шаблоны, без внесения изменений?
Не знаю как там другие, а вот ребята из yootheme соблюдают практически все эти рекомендации.
Joomla 1.6 с новыми шаблонами (blueprint) тоже довольно качественно проработали эти вопросы уже в стандартных шаблонах.
IMHO, конечно, но по мне так для большинства задач хватает тех возможностей что есть "из коробки" Joomla, но будут полезны для больших проектах, где очень много различных лайаутов.
"Не использовать лишние селекторы - div#menu это тоже самое, что и #menu, только работает медленнее, аналогично li.active = .active."
вы ошибаетесь, это не лишние селекторы, это как раз те вещи, которые ускоряют поиск стиля для данного класса. Если мы зададим например класс .test для блока div и div.class, то во втором случае обработка будет происходить быстрее, так как без селектора div браузер будет просматривать все элементы страницы, а с ним - только указанные селекторы, в данном случае поиск будет осуществляться по div-блокам.
Это вы ошибаетесь.
Сначала он найдет все теги с классами .active, а потом по второй прокрутке будет искать в них div. и Если у .active только один div то получается лишняя прокрутка
Пфф, да, я был не прав, прошу прощения... Почитал спецификацию - правда обработка идет справа налево... и скорость обработки .test будет быстрее, чем div.test
Картинки, связанные именно с дизайном ложить в папку images ...
Правильно, на русском языке, это пишется следущим образом.
Картинки, связанные именно с дизайном, разместить в папке images ....
Или так.
Картинки, связанные именно с дизайном, сложить в папку images
А то слух режет.
Если кроме как до грамматики докопаться больше не до чего,то совсем уж правильно будет "класть" или "помещать/поместить". Однако пост не об этом.
Не сильно ли жирно? FF2.0 , chrome 4?, opera 9. 0_o. Этим единицы пользуются. Зато если верстать придется кучу хаков вставлять + время верстальщика... И для IE6 лучше заглушку вставить. Верстка под старое говно - не показатель хорошей работы верстальщика. Скорее наоборот, чем ниже версия браузера - тем хуже код
Thanks for sharing, nice post! Post really provice useful information! anthaison.vn/sp/may-dua-vong-tu-dong-ts/
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.
Hi, just wanted to mention, I liked this article.
It was inspiring. Keep on posting!
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!
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.
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!
You've made your stand pretty well.. https://like191.com/slotonline-freecredit/
Truly when someone doesn't know afterward
its up to other people that they will assist, so here it happens.
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.
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.
It's going to be end of mine day, except before end I am reading this great article
to improve my experience.
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!
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.
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.