Тред 1, Тред 2 (этот), Тред 3 (следующий)


Ранее

Пишет Гость:
27.10.2018 в 10:18

Пока ЗФБ не началась, дорогие команды, просьба ко всем. Пожалуйста, проверяйте, как ваша вёрстка и ваши выкладки будут смотреться с мобильных устройств! Сейчас почти никто не читает ЗФБ из дома, а читают по дороге или ещё где-то, где есть возможность только со своего телефона выйти в интернет. И иногда с мобильных просто невозможно читать ваш контент. У меня, например, из-за этого ещё с прошлой зимы пара крутых команд не дочитана.

И ещё просьба: ставьте нормальные ссылки на скачивание текстов (не архивом и т.д.). Заливайте удобные для чтения форматы, опять-таки чтобы мобильным читателям можно было без проблем скачать и чтобы сделанные вами архивы с мобильных вменяемо читались. Неужели это так трудно?

У меня всё. Всем добра и удач на ЗФБ!

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



Треды реков и антиреков дизайна: 1, 2, 3

@темы: Визуал, Советы, Верстка и оформление

Комментарии
25.11.2018 в 12:05

Спасибо за ссылку!

другой анон с похожей проблемой
25.11.2018 в 15:05

спасибо, анончик!

первый анон с айфреймом
27.11.2018 в 20:19

аноны с айфремом, силь ву пле, два вопроса
1. как вставить код айфрейма, если в угловых скобках он режется и не выводит ничего, а в шорткоде приходится задавать фиксированную ширину?
2. можно ли вставить айфрейм с width=100% или это анриал?
27.11.2018 в 23:49

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

можно ли вставить айфрейм с width=100% или это анриал?
соответственно, нет, но попробуй его обернуть в div с display:flex - частично решает проблему)
28.11.2018 в 09:45

спасибо, анончик
24.12.2018 в 18:58

Принесу и в этом году:
HTML Academy в очередной раз проводит новогоднюю битву. В предыдущие годы участники на несколько дней получали бесплатный доступ к большинству платных курсов (которые нужно было проходить и получать за это баллы для своей команды). В этом году, полагаю, будет то же самое. Битва начнется в новогоднюю ночь.
Ссылка

24.12.2018 в 19:11

Спасибо, что напомнил, анончик!
Попал в команду агента Джонса, как и хотел :smirk:
24.12.2018 в 19:14

Спасибо, анон!
24.12.2018 в 19:17

Да не за что)
Попал в команду агента Джонса, как и хотел
:friend2: И я в ней. Тоже как хотел.
27.12.2018 в 15:47

Спасибо за ссылку на HTML Academy!
Аноны, а кто-нибудь брал у них курсы, как вам? Сейчас смотрю на сайт, там, вроде, есть бесплатные и платные. Бесплатные, понятно, можно попробовать самому. А платные кто-то брал?

27.12.2018 в 15:53

А платные кто-то брал?
имхо любые платные курсы html нахер не нужны, потому что их бесплатных как грязи, в том числе хороших
27.12.2018 в 16:55

их бесплатных как грязи, в том числе хороших
А есть где-нибудь информация о том, какие из множества курсов хорошие? Новичок сам не разберется, да и сами они рекламируют будь здоров.
27.12.2018 в 17:22

Имхо, лучше начать с основ html у них. Там уже поймёшь, что тебе нужно подкачать, на что подзабить и что реально интересно именно тебе.
27.12.2018 в 17:44

Аноны, а кто-нибудь брал у них курсы, как вам?
Анон проходил у них интенсивы по верстке, анону очень понравилось. Пришел туда с кашей в голове, ушел с четко выстроенной системой и умением применять кашу на практике. Особенно понравилось, что знания дают современные, показывают лучшие практики и задания усложняются постепенно, а не "вот это молоток, вот это доска, а это гвоздь - смотрите, вот так можно собрать ящик для продуктов; а теперь сами: вот вам чертеж шкафа, вот ссылки на сайты с материалами и инструментами - чтоб через неделю шкаф уже был готов". Хз, как будет совсем новичку, но у нас на потоке и такие были - вроде, защитились неплохо.

Анон еще и по javasсript брал интенсив, но там меньше понравилось - багов многовато для такой стоимости, да и с наставником не повезло. Баги, конечно, быстро исправляли и все такое, но осадочек остался. Потраченных денег не жалко, кашу я в итоге уложил и своих целей достиг, но вот второй уровень js я пока брать не хочу, подожду, когда они обкатают интенсивы получше.

А курсы по подписке у них такие же, как бесплатные - в смысле, по подаче, форме и прочему, просто темы другие. Если тебе понравились бесплатные - бери :) Но учти, все курсы и справочники просто дают знания, лучшим практикам они не учат - это тебе надо либо на работу устраиваться в нужной сфере, либо брать наставника, либо те же платные интенсивы (они не только у htmlacademy есть).

имхо любые платные курсы html нахер не нужны, потому что их бесплатных как грязи, в том числе хороших
Анон, вот ты не прав сейчас. Смотря для чего человек хочет курсы - если просто для кругозора или для командочки поверстать, тогда да, нахер не надо, а если работать потом в этой сфере - имхо, это просто мастхэв. Во-первых, хорошие курсы - это быстрее, чем самому рыться в огромном потоке информации. Во-вторых, это сразу пинок в нужном направлении, ты сразу делаешь как надо, а не через жопу. А в-третьих, хорошие курсы иногда - это еще и полезные знакомства, некоторые компании помогают потом с трудоустройством) Это как вышка - хорошая всегда полезна, если хочешь работать по специальности.
28.12.2018 в 16:56

Спасибо всем ответившим. Особенно анону с интенивами за то, что поделилися опытом.

а если работать потом в этой сфере - имхо, это просто мастхэв. Во-первых, хорошие курсы - это быстрее, чем самому рыться в огромном потоке информации. Во-вторых, это сразу пинок в нужном направлении, ты сразу делаешь как надо, а не через жопу.
Это, потому и смотрю сейчас на это все.
01.01.2019 в 18:58

друзья, напомните, какая максимальная ширина поста на зфб?
01.01.2019 в 20:19

На комбат или на баттл?
01.01.2019 в 22:40

на комбат. в правилах есть ширина заглушки, а про пост что-то туплю.
01.01.2019 в 23:03

А про пост в правилах вроде бы нигде и нет. Я буду верстать равно ширине заглушки или чуть уже даже.
02.01.2019 в 08:06

Я буду верстать равно ширине заглушки или чуть уже даже.
Ээээ... Подумай ещё раз, пожалуйста. Получится рулончик туалетной бумаги. И так с дайри-ограничением в 800 с чем-то там получается узко, особенно, когда всякие бордюрчики, рамочки и прочие бантики. Будь другом, пожалей мои глаза:small:
читатель

ЗЫ. Максимальная ширина поста 888 пикселей *вспомнила это демонское число* Причём, в натуральном виде (без стайлиша и ему подобных штук), дайри сам ограничит эту ширину, то есть, всё, что шире — обрежется или выползет за край поста. Не знаю, как это правильно называется, но надеюсь верстальщики поймут по описанию.
02.01.2019 в 14:20


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

Я нуб, но больше некому да :(
02.01.2019 в 15:50

Не в шапке дело. У тебя оба изображения внутри div'ов, чья ширина меньше 100%.
Были бы мы в рамках нормального html и css, проще было бы расшить div и прописать img position и margin, но это дайри.
Попробуй прописать margin (если ширину не хочешь к 100% тянуть) у div'a с изображением.
02.01.2019 в 15:51

width: 100% нада добавить.
02.01.2019 в 16:03

К посту про узость выше.
Ребят, мне искренне доставляет удовольствие читать старые ФБ, где верстка надеялась на то, что "все лишнее обрежется и ужмется". В половине постов там теперь обрезы на слово, а то и на два. Очень классно это читать, вытиратя кровавые слёзы.

Второе, за узкий рулон.
Я, опять же рада, за возможность у читателей наслаждаться ЗФБ с экраном больше 800px по ширине, но у нас как бы треть читателей будет сидеть со смартфонов и там эти 800+ будут выносить нахер мозг, потому что дайри выдаст под постом скролл прокрутки (в лучшем случае), а в худшем - все или обрежется, или поедет.
Последнее, что мне интересно в моей жизни переверстывать пост выкладки, когда ко мне придут с закономерным вопросом - почему не открывается?

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

верстальщик
02.01.2019 в 16:42

Верстальщик, а что мешает прописать максимальную ширину 100%, ширину в 800 и плясать от этого? Для мобилок ширина ограничится 100%, а у широких не будет рулончика. Или я что-то не так понимаю?

Мне нужно, чтобы пост был читабелен и доступен с большинства экранов и браузеров.
А разве читабельность — это не про удобство чтения?
02.01.2019 в 16:44

width: 100% нада добавить.
куда именно надо это вписать в код строки, можешь на моем примере поставить?
02.01.2019 в 17:02

Максимальную ширину можно сделать и больше 888, если прописать минимальную.

02.01.2019 в 17:09

У широких будут все те же 800.

Мне нужно, чтобы все элементы верстки были удобны, понятны и видимы (узнаваемы) со всех возможных устройств, при этом желательно, без доп.геморроя по прописке кросс-браузерной верстки.
В идеале, пост должен нормально и пропорционально смотреться и со смартфона, и с десктопа.
Так что считай "читабельность" в данном случае сиамским близнецом юзабилити.
Согласись, это делать сильно проще, задав строгую ширину поста, а не резиновые 100%.
02.01.2019 в 17:10

Максимальную ширину можно сделать и больше 888, если прописать минимальную.
не знаю для кого это, но мне надо просто прижать картинку к краю поста, чтобы не было большого отступа, как у меня сейчас :(
02.01.2019 в 17:43

Анон с шириной, присмотрелась к твоему коду. У тебя не ширине косяк, у тебя div style="padding: 0% 10%"
Эти 10% и дают тебе отступ у края.

Попробуй так:

В этом варианте нет div'a с отступом и убит div с выравниванием по левому краю у изображения.


или так

Здесь отступ сохранен и он компенсируется прописыванием margin внутри стиля самого изображения (можно этот же margin прописать div, в который как бы обернуть изображение - результат будет одинаковый). Поставила -10%, но нормально к краю клеится только при -12, -13 - хз почему.