23:09 

Не волшебник, но хочу научиться

Котики Инсайда
Ешь, молись, собирай ссылки.
Понятия не имею, можно ли такое спрашивать, но просто крик души:

Мастера-верстальщики, нужен ваш совет.
Я из мелконеха, в команде три калеки, но упарываемся славно, пишем тексты, рисуем арты и все в таком духе. Вот идем на битву. Но проблема в том, что верстальщика нет и не предвидится. Может, занесет кого, но фандом малюсенький, нас там мало, так что шансы крошечные. Поэтому я решил попробовать научиться верстать, хотя в этом ни в зуб ногой, вообще. Верстальщики, миленькие, посоветуйте, с чего начать! Онлайн-курсы, книги, что угодно сгодится. Вроде бы не глупый, за четыре месяца до битвы возможно научиться так, чтобы не слишком позорно?

URL комментария

@темы: Верстка, Вы хотите об этом поговорить?, Нам бы твои проблемы, Николай, Ньюфаг, Прошу совета, ФБ-2017

Комментарии
2017-03-06 в 23:15 

Скопируй чужой пост с несложной версткой, посмотри, в какие теги поставлен текст, сравни вид поста в редакторе и в готовом виде - многое станет понятно и так. По крайней мере, общее представление уже будет.

URL
2017-03-06 в 23:17 

Онлайн-курсы
htmlacademy.ru/ - частично платные, но для верстки на дайри с лихвой хватит бесплатных
Интересно, познавательно, доступно)

URL
2017-03-06 в 23:17 

Элементарным вещам можно научиться, просто разбирая чужую верстку.

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

URL
2017-03-06 в 23:18 

смотри, анон, есть пост длч самых маленьких верстальщиков, он частично устарел, но вполне годится для начала.
я бы посоветовал начать с htmlacademy.ru/ там совсем с нуля объясняют.

URL
2017-03-06 в 23:18 

забыл ссылку на пост:
arhivach.org/thread/132180/

URL
2017-03-06 в 23:21 

На зимнем инсайде советовали вот это anon-html.diary.ru
Но вообще если кинешь клич, может придёт какой-нибудь верстальщик не из фандома

URL
2017-03-06 в 23:23 

котик, я сам такой же, как ты был, учился воруя чужую верстку))) за сутки разобраться можно, но с матом :gigi:
ты главное не лепи чего-нибудь дико сложного, поверь котику-идиоту, не надо!

пысы я работал с этим htmlbook.ru, больше ничего не помню, все ссылки удалил, ибо "никогда больше".
а также просто в гугл забивай "как сделать так-то html" и будет тебе счастье)

URL
2017-03-06 в 23:24 

и всегда проверяй, чтобы теги были закрыты. 99% косяков из-за блядских скобочек. :lol:

URL
2017-03-06 в 23:32 

Или можно например без верстки выкладываться. Сделать хорошие баннеры и заглушки. И на том успокоиться.

URL
2017-03-06 в 23:58 

Выбери верстку, которая нравится, но лучше попроще, из соо битвы, нажми "поделиться" и в черновике, стерев репост и тег , посмотри на код. Потом смотри, что означают разные теги, параллельно гугли их и пробуй изменять значения, и смотреть в предпросмотре, как оно выглядит. И так повтори еще с рядом версток, погляди чем они отличаются. Главное, как сказал анон выше, не забывать закрывающие теги. Вообще, главное понять принцип теговости в принципе, а потом уже вопрос заучивания этих самых тегов.
Я сам так на той летней битве с нуля за месяц освоил верстку, а теперь, значит, силы почувствовал, уже сайты пишу, правда в html5 и на дримвивере, ну там писать читерски просто после битвенной верстки, в которой кучу всего нельзя делать.

URL
2017-03-07 в 00:00 

Лол, я написал тег i (но на самом деле я ошибся, в перепосте будет тег и класс blockquote), и он автоматически закрылся) До чего техника на дайрах дошла!)

URL
2017-03-07 в 00:29 

А еще хорошо не забывать проверять, как отображается код, с разных браузеров и с разных устройств, типа планшетов или мобильников. На мобильниках особенно хорошо проверять, "едет" верстка или нет.

URL
2017-03-07 в 01:10 

И ещё вёрстке надо давать "вылежаться", если число символов в посте близко к лимиту. Потому что дайрь добавляет символы и рубит хвост.

URL
2017-03-07 в 06:27 

А был же где-то пост "не дадим вытечь читательским глазам"

URL
2017-03-07 в 06:39 

Вёрстку хорошо бы масштабировать.

Вынесу-ка я из сообщества то, что написано для сокомандников, которым летом без меня, скорее всего, верстать.

читать дальше

 

URL
2017-03-07 в 07:45 

был же где-то пост "не дадим вытечь читательским глазам"
Вот же он!
Оттуда же прекрасное:

читать дальше

URL
2017-03-07 в 10:09 

Черт, а ведь и мне этот пост может пригодиться. Есть страшное подозрение, что, не смотря на крупный фандом, выкладки придется закрывать в два рыла. То есть не просто закрыть собой весь визуал, так еще и верстать, и отрисовывать дизайн:horror2:

URL
2017-03-07 в 10:40 

анончики, милые, спасибо!!!:heart::gh: Все ссылки унесла в копилку, советы записала:write2:

URL
2017-03-07 в 14:26 

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

URL
2017-03-07 в 14:46 

В смысле вообще ничего картинками в верстку не вставлять
зыс

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

URL
2017-03-07 в 15:29 

очень многие вещи можно сделать силами кода
При этом надо помнить про лимит знаков в посте и не слишком увлекаться.
Вообще, минимализм и функциональность - золотое сочетание.

URL
2017-03-07 в 16:37 

векторная графика
аа я просто арты имел в виду, которые ставят в шапку и низ верстки. Их ведь кодом не сделаешь.
а про развертку никто не скажет? А то я привык картинки сохранять как раз в пнг, а тут попросили оформление нарисовать.

URL
2017-03-07 в 17:03 

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

URL
2017-03-07 в 17:08 

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

А также о том, что какие-нибудь красивости могут не работать на старых версиях браузеров, а картинки будут везде отображаться одинаково.

URL
2017-03-07 в 18:28 

градиент, например, в старых браузерах и на многих мобильниках не пашет

URL
2017-03-08 в 14:30 

Или можно например без верстки выкладываться. Сделать хорошие баннеры и заглушки. И на том успокоиться.
+1

URL
2017-03-08 в 14:42 

Я учился html и css здесь www.w3schools.com (сайт на английском). А в применении к дайри - на чужих выкладках :D

URL
2017-03-08 в 14:50 

www.w3schools.com
+ 1. очень годный сайт. даже с совсем паршивым английским все понятно.

URL
2017-03-08 в 15:08 

еще очень годный сервис, заточенный под тумблер, но html, css и ява-скрипт там общечеловечески, - dash.generalassemb.ly/tumblr
сделано талантливо, с юмором и затягивает, как игрушка. для начинающих - бесценно! и еще один огромный плюс - приучает не копировать код из интернета, а писать его ручками. настоятельно рекомендую!

URL
2017-03-09 в 04:14 

самый главный совет - никогда и ни за что не работай с визуальным редактором, он пожирает код и заблевывает верстку бесконечным количеством br-ов.

URL
2017-03-09 в 07:38 

Меня в этом посте смущает жпег с качеством 55. Это же адовая грязь. Не 95?

URL
2017-03-09 в 09:13 

на старых версиях браузеров,

То есть, на старых версиях ИЕ. А кто пользуется этим говном мамонта, тот сам себе дурак. Обязанность верстальщика, максимум, - расставить префиксы, а если у тебя и с префиксами не отображается - ну упс, обнови браузер.

URL
2017-03-11 в 12:25 

Вдруг кому-нибудь понадобится: простой шаблон для текстовой выкладки, без красивостей, "резиновый".



Цвет фона: белый (ffffff)
Цвет текста: темно-серый (404040)
Цвет рамки: серый (808080)

URL
2017-03-20 в 14:31 

ТС, лучше не увлекайся разбором чужих выкладок. Дайри-верстальщики в массе такие же, как ты, пытались что-то уловить, копируя чужую вёрстку и таща за собой и ошибки такого же новичка, и костыли от опытных, дайри давно не падают на целые дни после дня выкладок, те подпорки уже не нужны. Разбор чужого кода хорош, когда разбираешь заведомо качественный код. htmlacademy, w3schools или htmlbook - тебе, как новичку, хватит сверх меры. Бегать по куче ресурсов тоже нехорошо, тебя просто растащит.
И обязательно - ОБЯЗАТЕЛЬНО - не пропускай введение, почитай, как работает веб-страница, что такое поток и т.д. Часик твоего времени будет стоить тебе крепкой основы и сохранённых нервов. Пока другой новичок будет путаться, будешь знать, в каком порядке что происходит и почему, избежишь массы ошибок, те же заборы из дивов. Большой плюс тебе будет, когда ваша выкладка будет быстро грузиться и отображаться без косяков. Ещё учебник - не пугайся, что js, загляни во 2 часть 1 главу, как раз основы, ниже есть css. И ещё справочник (есть русский, но попадается инглиш). Не пропускай css, как некоторые делают, то, что ты прописываешь в style - css и есть. И смотри комменты, к ним нужно относиться критичнее, но можно встретить ответы на вопросы. Пользуйся средствами браузера, смотри в инспектор объектов, если что-то не так работает, появились странные отступы и т.д.

И просто советы личного характера, к ним можно не прислушиваться, если нет желания.
Так называемая вёрстка всё больше раздражает и отвлекает от содержимого. Надо помнить, что дизайн и вёрстка для удобства чтения, а не соревнования красоты. Куча ненужной фигни отвлекает, не говоря уже про контраст с основным дизайном. Мне раньше тоже нравилось, а потом всё больше стало понятнее, что самое лучшее - это баннер, выравнивание и ширину можно задать для удобства. Лучше баннер покрасивее, чем вёрстка поцветастее.
Самые страшные люди - дайри-дизайнеры и кто делает "необычный контент" для визитки. Просто имей в виду, когда соглашаешься запилить какую-нибудь ненужную ерунду для красоты или впихнуть таблицу в двадцать колонок, хотя понимаешь, что это бред, что для читателей будешь козлом ты, даже если сделаешь всё красиво и валидно, сделаешь кучу опилок хотя бы немного читабельнее, даже деанон может не помочь (а до него ещё ого-го, а на верстальщика уже ведро помоев вылито), твои часовые усилия (не считая обучения) могут стать для тебя не очень приятным воспоминанием. Страшные люди потом и сами не рады, потому что понимают, кого всё-таки читатель имел в виду, так что могут тебе и спасибо не сказать. Не надо так.

URL
2017-03-20 в 14:33 

Ещё учебник - не пугайся, что js, загляни во 2 часть 1 главу
Что-то дайре отказывается эту ссылку отображать.
Гугли просто "учебник Ильи Кантора".

URL
2017-07-06 в 20:02 

Котики Инсайда
Ешь, молись, собирай ссылки.
Из треда про визитку

Пишет Гость:
06.07.2017 в 12:29

Оо а чего так накинулись на анона с ссылками. Как будто это какая-то запредельная просьба, пол строчки кода, почему бы и не прописать?
Видимо, считают, что я доебался до мышей, хотя такая реакция меня удивляет, ведь в том же соо выкладки ссылки точно также будут цвета, заданного стилем соо. Я тоже не вижу проблемы прощелкать код с ктрл+ф и копипастой дописать строку стиля, но, видимо, проще сказать мне, что я тупой, ленивый и вообще охуел, чем выдержать свой собственный стиль. Ну ок, чо.

а зачем это? *анон-нуб в верстке*
Alt считается обязательным атрибутом, по той причине, что позволяет, если картинка не подгрузилась (упал хостинг, скажем, как случилось с тем же фаерпиком или как случается с имгуром, или у пользователя проблемы с интернетом) показать вместо нее альтернативный текст типа "заглушка" или хотя бы, при пустом заполнении альта, квадратик, который обозначит, что картинка тут была. Если его не прописать, то на месте неподгрузившейся картинки будет тупо пустота. Впрочем, некоторые современные бразузеры и компиляторы подставляют к картинкам такое значение автоматически, но далеко не все. Также, это не важно в контексте фб, но важно при написании сайта, альты у картинкам помогают поисковикам находить релевантную информацию.

URL комментария

2017-07-06 в 23:14 

Котики Инсайда, спасибо )

URL
2017-07-08 в 18:17 

Хочу сделать вылупляшки, но не совсем понимаю, как. Читал советы, где говорят "используйте хостинг, который позволяет перезаливать картинку без замены ссылки". Неужели в самом деле те, кто их делают, в ночь перед назначенным временем перезаливают картинку на хостинге? И где найти такой волшебный хостинг, который меняет картинку, не меняя ссылку?

URL
2017-07-08 в 19:50 

Нигде.) Только вручную

URL
2017-07-08 в 20:19 

И где найти такой волшебный хостинг, который меняет картинку, не меняя ссылку?
У них просто имена должны быть одинаковые (у картинок). Удаляешь старые, заливаешь новые с теми же именами. Если хостинг не из тех, что принудительно меняют имена (типа imgur), то все ок будет.

URL
2017-07-08 в 20:35 

Удаляешь старые, заливаешь новые
Ага, и он тебе создаст новые ссылки на новые картинки.

Я юзаю дропбокс. Заливаю первую часть картинок, в нужный день, не трогая первые (!), вручную заливаю вторую часть картинок с теми же именами. Дропбокс обновляет файлы, не меняя ссылок.

URL
2017-07-08 в 20:56 

Ага, и он тебе создаст новые ссылки на новые картинки.
Photobucket не создавал. (Обновлялся по три часа, правда.)
Но, говорят, там теперь ссылки платные.

URL
2017-07-08 в 21:27 

Photobucket не создавал
А) Ну, значит, этот момент нужно отдельно для используемого хостинга проверять.

URL
2017-07-08 в 23:25 

я в прошлом году намучилась с этими вылупляшками, чуть все не запорола )))
меняются файлы только вручную и только на дропбоксе, причем там нужно хитро писать ссылку на картинку, потому что обычной ссылкой он ее не вставит картинку и я испробовала кучу сервисов, везде названия меняются автоматически и на photobucket в том числе

URL
2017-07-08 в 23:30 

причем там нужно хитро писать ссылку на картинку
а хитро - это как?

URL
2017-07-08 в 23:40 

и на photobucket в том числе
А потому что галочку scramble names в настройках снять надо было.

URL
2017-07-09 в 00:03 

причем там нужно хитро писать ссылку на картинку
а хитро - это как?

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

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

URL
2017-07-09 в 16:32 

я там галочек никаких не находила, подскажите где именно ее искать?


URL
2017-07-09 в 16:37 

я там галочек никаких не находила, подскажите где именно ее искать?



сорри

URL
2017-07-09 в 16:55 

О, спасибо анон с галочками, пойду искать )

URL
2017-07-10 в 02:10 

причем там нужно хитро писать ссылку на картинку
а хитро - это как?


Ну примерно так https://dl.dropboxusercontent.com/s/ydaf7e31mcm178b/имякартинки.jpg

URL
2017-07-10 в 06:04 

Где-то видел, как прописать код для моря, чтобы кнопка оставалась и закрывала море по клику. Казалось, что здесь. в итоге - потерял. Не подскажете, аноны?

URL
2017-07-10 в 09:27 

URL
2017-07-10 в 14:33 

Анон в 09.27 - огромное спасибо! :heart::heart::heart:

URL
2017-07-12 в 01:11 

аноны, может кто подскажет, как сделать, что бы ссылка имгура вела именно на картинку, а не на сайт?

URL
2017-07-12 в 01:22 

что бы ссылка имгура вела именно на картинку, а не на сайт?
Никак, насколько я понял.
Т.е. если нажать на картинку правой кнопкой и выбрать "открыть изображение", оно потом всё равно на сайт закинет или вообще не откроется.

URL
2017-07-12 в 01:29 

Никак, насколько я понял.
мне казалось что есть какая-то хитрость (
а то пишешь ссылку формата i.imgur.com/***.jpg, а он то картинку на сайте открывает, то прямую ссылку

URL
     

ФБ: Инсайд

главная