Нужно запилить новую шапку
Почти два года назад, раздел начал увеличиваться и расти. Появилась нормальная не вырвиглазная шапка основного треда. Но прошло время, и она изжила себя А ещё я её недавно чуть не наебнул В связи с этим необходима новая, не менее хорошая шапка. Так как программист из меня ни какой, я обращаюсь к анонам, которые в этом разбираются.
Как вы уже наверное поняли, нужно написать шапку, вроде той, что висит здесь
Код этой шапки
pastebin.com/GV7KxRzb
Шапка должна быть: 1. Удобной. Все основные треды должны сразу бросаться в глаза. Здесь- всё смято, и всё какое-то очень уж маленькое. В глаза ни чего не бросается 2. Красивой. Просто синие ссылки не подходят. Нужно приятное глазу оформление и анимация при наведении мыши. В этой шапке всё очень не красиво. Какая-то анимация наведения вроде есть... И даже цвет зелёненький, но тем не менее хрень какая-то 3. Чётко структурированные столбики. Три, или четыре. На определённом расстоянии друг от друга. Пожалуй основная причина, по которой эта шапка меня бесит. При уменьшении текста в ссылках, они съезжают влево, что выглядит крайне уёбищно. Если ни чего не поняли, то поэкспериментируйте с тем кодом, который я оставил выше. 4. Дополняемой. Если она будет рассчитана на определённое количество ссылок, то будет очень плохо. Нужно, чтобы в неё в любое время можно было добавить новую строчку Здесь меня всё устраивало.
На какие разделы стоит равняться: /mg/ - Прекрасная шапка, удобная, чтабельная /pr/ - Красивая и минималистичная. /ra/ - Удобная, но не очень красивая
Если здесь имеются кодеры, то прошу отклинуться и помочь в написании
>>70913 >Нужно приятное глазу оформление и анимация при наведении мыши >На какие разделы стоит равняться Да просто текущая шапка намного симпатичнее, чем в pr и mg. В ra вообще просто вырвиглазный список с угрёбищным шрифтом. Это только тут она минималистичная и симпатичная, зелёненький очень хорошо сочетается. В mg очень медленная неотзывчивая анимация (зачем вообще она нужна), например, и читабельность нулевая - одинаковый шрифт без пробелов, никакого разбиения на категории. Не представляю как это может нравится.
Идеал как по мне - в hw. Лаконичный список разбитый по категориям, который удобно читать (в mg ощутимо неудобнее читать по столбцам), и который у каждого будет выглядеть в соответствии с его css предпочтениями. Нормально работает с андроид-приложения (пик 2 из mg, для сравнения - мелочь, но всё-таки).
>>70969 > В ra вообще просто вырвиглазный список с угрёбищным шрифтом. > Это только тут она минималистичная и симпатичная, зелёненький очень хорошо сочетается. Шрифт везде одинаковый. Зелёный цвет- не проблема сделать и в новой шапке. А в /pr/ как по мне, шапка почти такая же как в hw > Да просто текущая шапка намного симпатичнее, чем в pr и mg. Знал бы ты, как херово её редактировать
Ну и собственно про /mg/. Я такой фигни не вижу. Это у тебя что-то с дэшкой
>>70970 >шапка почти такая же как в hw Да, нормально, но всё-таки больше в четыре раза. >Шрифт везде одинаковый. Нет, в ra и mg явно какая-то неадекватная дичь. В остальных местах стандартный, как обычный текст в постах.
>Знал бы ты, как херово её редактировать А это для этого требуется? Вроде бы простейший код через ctrl+c/ctrl+v. Я попробовал, всё добавляется нормально, просто скопировать две строчки в нужном столбце и ссылку подменить, html как html. Я бы откликнулся, правда, но никогда не сталкивался с HTML и CSS, минимальные знания.
>>70971 >А это для этого требуется? Вроде бы простейший код через ctrl+c/ctrl+v. Я попробовал, всё добавляется нормально, просто скопировать две строчки в нужном столбце и ссылку подменить, html как html. Да, со стороны всё выглядит именно так, но есть такая вещь как выравнивание. Если сделать название слишком коротким, то соседний столбик съедет влево, и получится не очень красиво. Так же надо смотреть, чтобы текст в одной ссылке в две строки не выстраивался, иначе будет крайне херово Поэкспериментируй как-нибудь
Привет, анон! Можете посмотреть и оценить, что сделал - https://jsfiddle.net/Enriki/076m918g Если надо, могу подправить по вашему желанию. Или нарисуйте свой примерный дизайн, а я сверстаю. Не копируй код с jsfiddle. Лучше отпишись в тред и я скину в pastebin, например.
>>71018 Мне нравится. Только вопрос в том, смогу ли я менять цвета. Вот например сейчас методичка помечена красным, чтобы привлекать больше людей к её написанию. Я это и дальше собираюсь практиковать, но как я понял из своих скудных знаний по CSS, сделать это будет проблематично, т.к для этого придётся писать отдельный блок кода, и отдельно его применять на отдельно взятую кнопку (ХЗ как). Это можно реализовать более глобально? Ну то есть например вывести цвет кнопки как переменную и для каждой кнопки его менять отдельно? И, толи это сайт глючит, то ли анимация треугольника какая-то рывковатая
>>71027 >>71018 У меня есть идея, почему треугольник так рывковато идёт. расстояние (в пикселях) он проходит маленькое, а скорость достаточно низкая. И плавнее отобразить его просто невозможно. Можно увеличить его вылет (Чтобы он например на половину всей кнопки вылетал), а не только перед самим текстом
>>71029>>71018 Мне всё ещё кажется, что без анимации выглядит намного лучше.
>И плавнее отобразить его просто невозможно. Может быть можно заранее гифку отрендерить с плавной анимацией, если эта дичь только с точностью до целого может двигать треугольник.
>>71027 >сделать это будет проблематично Просто в одном месте перед ссылкой заменить class="se-tags-link" на class="se-tags-link-red", а сверху откопировать этот css-"класс" с переназначенным цветом, по идее. Методом тыка у меня вот так получилось: https://jsfiddle.net/076m918g/31/ - в таблице весьма лаконично, но в css какая-то дичь разводится на каждый новый цвет. По идее там должно быть некое наследование стилей, когда можно написать что стиль .se-tags-link.blue это копия стиля .se-tags-link, но с изменённым цветом, а в таблице поверх se-tags-link нужно будет навесить стиль blue. Но я не смог этого нагуглить или подобрать нужный код, наследовать можно только отдельные явно указанные пункты.
>>71030 >вывести цвет кнопки как переменную >в css какая-то дичь разводится на каждый новый цвет. Нашёл как пофиксить немного, почти как с переменными - https://jsfiddle.net/076m918g/35/ Странно, что нужно на каждую строчку отдельно прописывать class="se-tags-link" tip="def" и никаким очевидным способом нельзя применить его ко всем сразу.
>>71031 Да, такая схема вполне себе ничего. Если что я потом сам добавлю нужный тег по принципу этого .se-tags-link[tip="green"] { color: #00aa00; } >>71030 >Может быть можно заранее гифку отрендерить с плавной анимацией, если эта дичь только с точностью до целого может двигать треугольник. Можно, но у меня есть опасения. Во первых, я хз, можно ли её будет сюда загрузить. А здесь сторонние ссылки использовать нельзя (На тот случай, если всё таки нельзя, картинкохостинг тоже пролетает)
Ну и давай всё таки со стрелочкой, выезжающей на половину кнопки. Хотя бы попробуем, и посмотрим как это выглядеть будет
>>71034 Так, я запутался. Ты это этот >>71018>>71030>>71031 анон, или какой-=то другой? Если да, то сделай стрелочку выезжающую на середину кнопки. я ж писал здесь >>71033
>>71036 Понял. Вооот. Стрелочка как-то рывковато выезжает. Почему- я вычислил, выезжает она буквально на три- четыре пиксел. А выезжает очень медленно.
Плюс можно поэкспериментировать, и сделать по разному. Я выше предлагал, чтобы этот треугольник, который появляется слева, выезжал не на четыре пикселя, а на середину кнопки, или всю кнопку вообще. Проще говоря, поиграть с этим и попробовать по разному
Вот что получилось у меня. С цветами можно будет уже потом поиграться, главное я думаю формы и анимации. В моём примере, половина уже стоит на месте, а другая половина как бы наезжает при наведении курсовра. Можно сделать так, чтобы их вообще изначально не было, и они "наезжали с двух сторон
А нужно ли кнопки? Можно ведь и просто ссылки. Да и смысл в этом если на доске никто не сидит... Заходили, конечно, но тут ничего нет, никто не хочет развиваться.
>>71125 Не согласен. На доске люди сидят. И их становится больше. Понятное дело, что до /vg/ и /soc ещё далеко > А нужно ли кнопки? Можно ведь и просто ссылки. Да и смысл в этом если на доске никто не сидит... Это делается для тех, кто на ней всё-таки сидит, и для тех, кто сюда когда-нибудь зайдёт
>>71138 Да, мне нравится. Пожалуй лучший вариант. Как я понял- там обводочка текста сделана через тени, Наверно последнее. Обводочка текста. Может её убрать и сделать простыми тенями? Не знаю как это будет выглядеть, поэтому этот вариант сохраняю Может можно её убрать, и сделать простые красивые тени?
>>71140 Да, ты правильно понял. Сделано через тени. Можно через JS, но это будет тормозить загрузку. Могу заменить на что-то другое или изменить цвет шрифта, если есть предложения.
>>71154 Убрал обводку, попробовал поставить тени, но получилось не читабельно из-за цвета. Сейчас изменил цвет на серый, мне кажется он неплохо смотрится - https://jsfiddle.net/Enriki/oukLfyrm/
Выглядит красиво. Наверно без обводки и теней и правда лучше. Ещё хотел бы попросить- может эти кнопочки чуток поменьше сделать? Какие-то они уж слишком огромные получились
>>71175 Теперь отлично. Остался только заголовок. Он по какйо-то неведомой причине уехал вправо и сместился вниз. Если не трудно, поправь пожалуйста А если свосем хочется, то можно и сделать его красиво. Но это, если прямо совсем-совсем хочется
>>70825 (OP) шапка магии https://2ch.hk/mg/res/393465.html и вот эта https://2ch.hk/se/res/53058.html - единственные адекватно красивые В магической уёбищный шрифт- всё сливается, с моей близорукостью приходится увеличивать зум; короч, я просто ненавижу её за аутизм создавшего и всё из-за поганого шрифта Ещё серый мне не нравится. Иди нахуй. Просто иди нахуй
>>70825 (OP) Нашел энциклопедии которые мне в детстве привозил батя, вроде все их тогда прочитал а нихуя не помню и нихера не знаю, теперь вот буду заново их читать и подтягивать знания до уровня детсадовца.
>>71323 Монитор нормальный купи. А аватаркодебил пусть CSS дальше учится, либо ОП-пикчу тогда уже убирать - она в любом случае ужасная. (Автор этого поста был предупрежден.)
Как называется противоположность рассеянности в обыденной жизни? То есть идя куда-то не врезаться в стену, удачно балансировать ощущая своё тело, замечать многие вещи в прямом смысле и прочее? Собранность это скорее о конкретных целях, на счёт осознанности сомневаюсь. Может есть какие-то тренировки у военных, например, или это всё может само собой происходит?
Привет, не хочу засорять доску бесполезным тредом, поэтому пишу сюда.
Начну с того, что я нихуя не умею вообще, образования нет, все проебал в свое время, просиживать несколько лет штаны в шараге считаю нерациональным, деньги нужно заработать здесь и сейчас. И у меня есть 2 пути: пройти курсы электрика, получить сертификат по энергобезопасности 2 уровня и там даже возможно меня устроят куда-нибудь опыта набираться; или идти эникейщиком, помощником компьютерного мастера по сборке/диагностике/ремонту компуктеров, хочу отдельно оговорить это, как таковых помощников/учеников нет, или я не нашел, предлагают только обучение, либо младшим системным администратором с последующим перекатыванием в программисты. Понятное дело, что сейчас мне дрочить код нет смысла, т.к. время поджимает, а устроиться на работу, желательно/если приближенной к IT нужно до лета, поэтому только так, но и там надо что-то уметь, протоколы хуе-мое, на которое время нужно, чтобы хотя бы базу уметь.
На самом деле я хз зачем эту простыню катаю, крик души наверно, друзей/знакомых нет, чисто аутяга и сыч. Проснулся от криосна и понял, что надо что-то уметь делать и зарабатывать.
Кто-нибудь был в похожей ситуации, когда с нуля с помощью самообразования пробивался на должности помощников/младших системных администраторов, джуниоров программистов?
И еще одно, мне кажется или я слишком мнительный? Потому что смотрю вакансии на всяких учеников компьютерных мастеров или просто с обучением, гуглю отзывы о компании, а там сплошное поливание говном, какие они пидоры, кидалы и прочее, что естественно меня отпугивает и без того зашуганный, а тут еще нагнетают.
Не знаю куда податься, в растерянности жуткой, электрик это самый крайний вариант, но самый надежный. Хочу все-таки как можно ближе к IT быть, хотя бы с аппаратной частью компов работать/эникейщиком сис.админов, а когда деньги и опыт появятся, то и язык дрочить, на фронтэнд желательно.
Есть ли вообще какие-то шансы выучиться на это и встать на путь самообеспечения? Листаю вакансии и просто волосы дыбом встают от страха.
>>72961 >выучиться на это вполне, я так к суду с военкомом подготовился и в дизайн вкатился.
ищешь что тебе надо, составляешь план-график, качаешь материал и все, садишься зубрить.
но раз тебе деньги нужны, я бы посоветовал тебе вкатиться в электрики, дабы копеечка была, а в свободное время учить то, что тебе нравится. а как на самообразование опыта наберешься, помогай людям на различных форумах, решать их проблемы, набивай скилл. как набьешь, можешь вкатываться в помощники уже с опытом и со знаниями.
>>72969 Да, я тоже так думаю теперь, до апреля время есть еще, так что буду готовиться пока что, программа обучения есть, по ней и пройдусь сначала, а потом уже на курсы, чтоб хоть как-то полегче было усвоить материал, а то приходить на курсы с пустой головой так себе затея. Спасибо.
>>72961 >Листаю вакансии и просто волосы дыбом встают от страха. >то и язык дрочить, на фронтэнд желательно. Как будто это поможет. Кодю лет десять совсем со школы, из которых прям совсем активно около трёх, субъективно кажется что уже почти всё могу и почти всё знаю, а волосы всё-равно дыбом встают - так и представляю как я прихожу туда - а там спрашивают: знаю ли я люникс, на каком уровне знаю английский, какой опыт работы, где гитхаб и прочие неудобные вопросы. Вот бы где-то можно было взять сложное тестовое задание на несколько недель, и на работу принимали по результатам его выполнения. А вот все эти резюме и консультации пугают до дрожи - не могу даже просто пошевелиться уже несколько месяцев в этом плане.