Сохранен 82
https://2ch.hk/b/res/198942144.html
24 декабря Архивач восстановлен после серьёзной аварии. К сожалению, значительная часть сохранённых изображений и видео была потеряна. Подробности случившегося. Мы призываем всех неравнодушных помочь нам с восстановлением утраченного контента!

Хотел создать тред днем, но не удержусь Я сделал

 Аноним 27/06/19 Чтв 01:35:49 #1 №198942144 
245f6659c1046b39ad825e7d9b071f3d.jpg
Хотел создать тред днем, но не удержусь

Я сделал Tic Tac Toe на css и html

Рейт

Ссылка на сайт: https://vertically-challenged.github.io/tic-tac-toe/
Ссылка на репозиторий: https://github.com/vertically-challenged/tic-tac-toe


Алсо сразу вопрос, почему в safari все так плохо с блюром, почем такая задержка?
Как фиксить?

Алсо ссылка на мой сайт с контактной информацией и моими проектами, пока что там ничего нет, и выглядит он как кал, но позже доделаю и добавлю остальные проекты: https://vertically-challenged.github.io
Аноним 27/06/19 Чтв 01:36:28 #2 №198942171 
бамп
Аноним 27/06/19 Чтв 01:36:58 #3 №198942191 
бамп
Аноним 27/06/19 Чтв 01:37:21 #4 №198942210 
бамп
Аноним 27/06/19 Чтв 01:37:39 #5 №198942225 
бамп
Аноним 27/06/19 Чтв 01:37:55 #6 №198942241 
бамп
Аноним 27/06/19 Чтв 01:38:20 #7 №198942263 
бамп
Аноним 27/06/19 Чтв 01:38:35 #8 №198942277 
>>198942144 (OP)
Бля, ну с самим собой играть не комильфо. Алсо, ты вроде уже светился тут, не стыдно?
Аноним 27/06/19 Чтв 01:38:39 #9 №198942282 
бамп
Аноним 27/06/19 Чтв 01:39:52 #10 №198942336 
Ты шаришь ? Поясни как вкатываться во все эти ваши сайты. Вот знаю шо нужно html css js учить а шо еще ?
Аноним 27/06/19 Чтв 01:39:56 #11 №198942338 
>>198942277
>Бля, ну с самим собой играть не комильфо
Потом допилю ии, может на этой неделе, может хз

>Алсо, ты вроде уже светился тут, не стыдно?
Почему должно быть стыдно?
Аноним 27/06/19 Чтв 01:49:24 #12 №198942712 
>>198942336
>Вот знаю шо нужно html css js учить а шо еще ?
Этого должно быть достаточно, но я хз, может еще что-то надо.
Для начала зарегайся на гитхабе.

>Ты шаришь ?
Нет, я сам только начал вкатываться, еще нормально не освоил css и html, а js буду учить через месяц-два.

>Поясни как вкатываться во все эти ваши сайты.
Брешь и вкатываешься. Пробуешь что-то делать, знания сами прилипают.
Читай это:
https://html5book.ru/
https://learn.javascript.ru
Смотри всякое на ютубе:
https://www.youtube.com/channel/UCVswRUcKC-M35RzgPRv8qUg
Смотри, какую годноту заливают на https://codepen.io
Пробуй что-то верстать и заливай на гитхаб, параллельно разбираясь с ним

Хз что еще сказать, я нихуя не знаю
Аноним 27/06/19 Чтв 01:49:55 #13 №198942736 
бамп
Аноним 27/06/19 Чтв 01:50:13 #14 №198942753 
бамп
Аноним 27/06/19 Чтв 01:50:30 #15 №198942764 
бамп
Аноним 27/06/19 Чтв 01:50:51 #16 №198942780 
бамп
Аноним 27/06/19 Чтв 01:50:52 #17 №198942782 
ПРИВЕТ, ЛОВИ ЗАЛУПУ АНОН!
Аноним 27/06/19 Чтв 01:51:12 #18 №198942790 
PHP-Боярин 300к в наносекукнду врывается в тред
Ссыть на чмох
Уходит дальше серфить двощ
Аноним 27/06/19 Чтв 01:51:23 #19 №198942802 
>>198942144 (OP)
Ты молодец, к успеху идёшь. Учитесь, как вкатываться надо. И это я ещё крестики-нолики не открывал, чую там лютую годноту судя по прошлым твоим поделкам. Красавчик!
Аноним 27/06/19 Чтв 01:52:53 #20 №198942857 
Снимок экрана от 2019-06-27 01-51-50.png
>>198942144 (OP)
Хотя бля погоди, draw это ничья же? Тут то кресты победили, косяк.
Аноним 27/06/19 Чтв 01:53:34 #21 №198942890 
>>198942782
Ты можешь написать тысячи годных программ, но стоит один раз сделать залупу, и тебя запомнят как ловца залуп
Аноним 27/06/19 Чтв 01:53:59 #22 №198942905 
>>198942712
Ну просто я смотрел на доске про программирование, там пиздец, столько названий много. Я так понимаю с чистым js нужно еще разные библиотеки к нему учить ? Там jquery react там еще чо есть я просто не шарю... А для библиотек фреймворки особые не нужны ?
Аноним 27/06/19 Чтв 01:55:02 #23 №198942941 
Снимок экрана от 2019-06-27 01-54-31.png
>>198942782
Ну и чё, зато оригинально как! Годнота! На всю жизнь эту хуету с ловлей залупы запомню, а вот с крестиками-ноликами ты проебался, братишка,
Аноним 27/06/19 Чтв 01:57:07 #24 №198943009 
в смысле
я думал ты реально крестики нолики на ксс написал а ты только доску для них сделал
я такое за час накатаю и то в основном буду цвета подбирать и вспоминать ебучий ксс
напиши настоящие крестики нолики на джаваскрипте... у тебя теперь 10% скиллов которые нужно получить работу джуном
Аноним 27/06/19 Чтв 01:57:42 #25 №198943031 
>>198942857
>>198942941
Действительно, это из-за того, что заполнились все клетки.

Чему так? Почему он пишет ничью? В чем проблема?
Аноним 27/06/19 Чтв 01:57:55 #26 №198943040 
Снимок экрана от 2019-06-27 01-57-14.png
Чини-чини, это нихуя не ничья.
Аноним 27/06/19 Чтв 01:58:07 #27 №198943051 
>>198942890
Да, как в том анеке
Аноним 27/06/19 Чтв 01:58:36 #28 №198943064 
>>198943009
>а ты только доску для них сделал
Ну так крестики есть, нолики тоже, понажимай там
Аноним 27/06/19 Чтв 01:58:37 #29 №198943065 
>>198943031
Не знаю уж, я вообще удивлён, что на ксс+хтмл можно какой-то код писать, лол. Но ты всё равно молодец, добра, слежу за твоими тредами.
Аноним 27/06/19 Чтв 01:59:07 #30 №198943076 
>>198943064
ну это и есть доска
Аноним 27/06/19 Чтв 01:59:29 #31 №198943087 
>>198943031
>>198943040
Это называется костыль. Не подумал пацан и ебанул ничью на заполнение всего поля.

Не беда, на предпродакшене такое и ловится.
Аноним 27/06/19 Чтв 01:59:53 #32 №198943099 
>>198943076
Ну так это вся игра, ставишь крестики, ставишь нолики, играешь
Аноним 27/06/19 Чтв 02:00:50 #33 №198943133 
>>198943065
какой нафиг код он обещал код и обманул
поменять цвет или прозрачность или видимость на клик это не код это декларативная дрысня
Аноним 27/06/19 Чтв 02:01:38 #34 №198943160 
>>198943087
Самый прикол, что я по профе тестировщик, так что всё логично, ломать программы это профдеформация.
Аноним 27/06/19 Чтв 02:02:51 #35 №198943201 
>>198943133
Ну так там запоминает, где крестики, а где нолики, алсо как-то определяется, кто победил, что тебе еще надо?
Аноним 27/06/19 Чтв 02:05:29 #36 №198943284 
>>198943009
Иди нахуй. На жс и я напишу крестики нолики минут за 10. А тут больной псих сделал логику на декларативном языке.
Но ОП тот еще участник специальной олимпиады. Мое уважение/соболезнование.
Аноним 27/06/19 Чтв 02:05:54 #37 №198943297 
>>198943201
ну ок, сложнее чем просто доска но все равно фигня
надо чтобы играла сама и никогда не проигрывала т.к. крестики нолики такая игра что в ней при правильной игре нельзя проиграть
Аноним 27/06/19 Чтв 02:06:54 #38 №198943327 
>>198943160
Еще бы человечка, который чинит программы, чтобы понять, что тут можно сделать, кроме варианта прописывать все комбинации для ничьи
Аноним 27/06/19 Чтв 02:08:13 #39 №198943365 
>>198943327
Да очевидно, если сейчас ход крестиков и одна свободная клетка осталась, то они выиграли.
Аноним 27/06/19 Чтв 02:08:36 #40 №198943380 
>>198943284
у нас тут угадай мелодию чтоле

вообще я бы посадил тебя с секундомером за десять минут написать рабочие играющие по нормальному крестики нолики
Аноним 27/06/19 Чтв 02:10:17 #41 №198943438 
>>198943380
На питоне с консольной графикой напишу за 5.
Аноним 27/06/19 Чтв 02:12:00 #42 №198943502 
>>198943365
Но тогда крестики будут побеждать, когда в действительности будет ничья
Аноним 27/06/19 Чтв 02:13:54 #43 №198943564 
>>198943297
>никогда не проигрывала
Кому такое нужно?
Аноним 27/06/19 Чтв 02:19:38 #44 №198943732 
>>198942905
Хз, посмотри по вакансиям, что требуют от front-end джуна.

Я просто учусь без задней мысли.
Много всего нужно знать, но люди же как-то учат, усваивают все это, почему бы не попробовать, все же лучше, чем просто нихуя не делать?
Аноним 27/06/19 Чтв 02:40:14 #45 №198944270 
>>198943502
Нет, почему?
Аноним 27/06/19 Чтв 02:40:35 #46 №198944280 
>>198943502
А, точняк.
Аноним 27/06/19 Чтв 02:55:39 #47 №198944658 
>>198943040
>>198942941
>>198942857

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

Можно было добавить !important, а можно просто стереть

input:checked ~
input:checked ~
input:checked ~
input:checked ~
input:checked ~
input:checked ~
input:checked ~
input:checked ~
input:checked ~
aside > #game_over_message >

оставив

#message::before {
content: "Draw";
}

Я просто не знал, что присвоится нужный контент в случает победы из-за более высоко приоритета, я думал, что если так написать, то сначала добавится Draw а потом перед ним Player 1 wins
Аноним 27/06/19 Чтв 02:58:14 #48 №198944707 
>>198944658
Извиняюсь за сумбурность и проебанные запятые, просто уже спать хочется
Аноним 27/06/19 Чтв 02:59:49 #49 №198944740 
Снимок экрана 2019-06-27 в 2.59.12.png
>>198944658
Аноним 27/06/19 Чтв 03:07:32 #50 №198944871 
>>198944658
Вот теперь заебись, красавчик. Но лучше бы ты логику на языке программирования писал, а не на хтмл+ксс, охуенно, конечно, что ты смог так сделать, но вообще нихуя не понятно. Пора уже js осваивать, тебе не кажется?
Аноним 27/06/19 Чтв 03:13:43 #51 №198944987 
>>198944871
>Пора уже js осваивать, тебе не кажется?
Ну я еще много чего из css не знаю, может через месяц уже и начну учить js
Аноним 27/06/19 Чтв 03:17:04 #52 №198945069 
>>198944987
Ну бля, ты на кссе нахуевертил крестики нолики, ебать! Да, исходники выглядят как понос какой-то, но ебать! На ксс! Крестики нолики! По моему это уже достаточный уровень, чтобы переходить к программированию непосредственно, а остальное уже догуглишь по надобности. Ладно, я спать, удачи.
Аноним 27/06/19 Чтв 03:20:02 #53 №198945139 
wpss201906270001.png
>>198942144 (OP)
Не работает.
Аноним 27/06/19 Чтв 03:21:19 #54 №198945174 
>>198945139
Что за телефон?
Аноним 27/06/19 Чтв 03:23:51 #55 №198945215 
>>198942144 (OP)
>css и html
Сколько учишь по вермени?
Аноним 27/06/19 Чтв 03:24:15 #56 №198945226 
>>198945174
lumia 635.
Аноним 27/06/19 Чтв 03:26:19 #57 №198945256 
>>198945069
>удачи
Спасибо :3

>достаточный уровень
Я не знаю, что там с анимацией, 3d трансформацией, переходами, градиентом ... алсо я еще ничего не сверстал из psd

>я спать
Сладких снов, анончик
Аноним 27/06/19 Чтв 03:28:24 #58 №198945294 
>>198945256
>я еще ничего не сверстал из psd
Зато ты сам из неё свёрстан.
Аноним 27/06/19 Чтв 03:32:56 #59 №198945370 
>>198945226
Видимо браузер не поддерживает гриды или флексы, хз.
Сейчас попробовал зайти с ipad 4, который не поддерживается уже несколько лет, все работает, но как-то коряво
Аноним 27/06/19 Чтв 03:33:39 #60 №198945382 
>>198945370
Опять проебал запятые
Аноним 27/06/19 Чтв 03:37:35 #61 №198945462 
>>198945215
От 2 до 12 часов в день, где-то недели две-три, не больше, если считать только дни, когда я что-то учил
Аноним 27/06/19 Чтв 03:41:09 #62 №198945537 
>>198945462
Обычно или 2, или 12
Аноним 27/06/19 Чтв 03:43:18 #63 №198945569 
>>198945370
>браузер
Это не браузер. Знакомься, Edge. Пережевал и выплюнут твою страницу как нехуй. Можешь слепить что-нибудь покрепче, чтобы после жевания эджем хоть что-то осталось?
Аноним 27/06/19 Чтв 03:51:58 #64 №198945718 
>>198945462
Быстр ос html на css перешел?
Аноним 27/06/19 Чтв 03:52:07 #65 №198945722 
>>198943133
Может императивная все-таки?)
Аноним 27/06/19 Чтв 03:57:05 #66 №198945803 
>>198942336
С этими навыками максимум можно в верстальщики пойти. Frontend же больше программирование чем верстка сайтов. На джуна требуют знать от ES5 до ES9 + на выбор фреймворк Angular/React/Vue
Аноним 27/06/19 Чтв 03:59:15 #67 №198945843 
>>198942712
>>198942905
>>198943732
Отличный гайд по фронтенду https://github.com/kamranahmedse/developer-roadmap
Аноним 27/06/19 Чтв 03:59:27 #68 №198945846 
>>198945718
На следующий день.

Атрибуты учить не нужно, просто ознакомься с основами и сразу переходи к css.
В css тоже все зубрить не нужно, запомни, что запоминается, главное, чтобы спокойно мог сверстать какой-нибудь макет из psd, желательно понимал, как примерно работают крестики-нолики ОПа, мог сделать какую-то анимированную кнопку, и можно переходить к js
Аноним 27/06/19 Чтв 04:00:53 #69 №198945872 
>>198945846
Спасибо, анон
Аноним 27/06/19 Чтв 04:05:01 #70 №198945936 
>>198945843
Ничего не понятно, но спасибо, потом разберусь
Аноним 27/06/19 Чтв 05:01:11 #71 №198946710 
>>198942144 (OP)
Ебать ты аутиаист!
Я тоже дохуя своих виджетоконтролов сочинил, но до такой степени не увлекался.
Пиздец конечно, это всеравно что мопед из миксера сделать.
Аноним 27/06/19 Чтв 09:26:33 #72 №198952078 
>>198942144 (OP)
Сверстал кучу крутых адаптивных сайтов, но не представляю как можно запилить это без JS. В чем секрет братишка?
Аноним 27/06/19 Чтв 09:32:55 #73 №198952297 
>>198952078
>В чем секрет братишка?
В css
Аноним 27/06/19 Чтв 09:34:57 #74 №198952353 
Tic-Tac-Toe.jpg
Немецкие лесбухи врываются в тренд с возгласом "у варум!?"
sage[mailto:sage] Аноним 27/06/19 Чтв 09:41:08 #75 №198952580 
>>198945069
ты ебанутый?

Он просто наспамил комбинации при которых побеждаешь и все

хотя равно обосрался

на css писать что-то подобное - желание поебаться
sage[mailto:sage] Аноним 27/06/19 Чтв 09:42:20 #76 №198952624 
>>198952078
в том, что ты примитивное тупое хуйло

мог бы хоть в исходники залезть, чтобы глянуть что там и как
Аноним 27/06/19 Чтв 10:07:27 #77 №198953675 
>>198952624
Зачем мне копаться в коде, когда можно просто спросить человека?

>>198952297
Если коротко, как это работает?
Аноним 27/06/19 Чтв 10:11:12 #78 №198953830 
>>198952580
>>198952624

Пиздец ты токсичный чорт, нет бы порадовался за ОПа
Аноним 27/06/19 Чтв 10:26:06 #79 №198954394 
>>198953675
Грид сетка, в ней лежат лейблы, ссылающиеся на radio
В каждой клетке 2 лейбла с разным z-index, каждую клетку контролируют два radio, один отвечает за кружок, второй за крестик
В зависимости от количества активированных radio повышается z-index у лейблов, отвечающих за x или o, это позволяет чередовать x и o

По сочетанию одновременно активных radio проверяется, кто победил.
Аноним 27/06/19 Чтв 10:44:56 #80 №198955078 
>>198954394
Суть в том, что используя сестринские селекторы, селекторы атрибутов, дочерние селекторы, можно сделать такое без js.

Типа ты просто для div, вложенного в сестринский для input, можешь присвоить значение x или o
Аноним 27/06/19 Чтв 11:09:23 #81 №198956091 
>>198954394
Понял, спасибо. С помощью JS это конечно проще делается, поэтому советую осваивать этот язык.

Если будешь, то начинай лучше с зарубежных курсов, например от Udemy, где минимум воды и работа над реальными проектами.
Аноним 27/06/19 Чтв 11:12:15 #82 №198956197 
>>198956091
>Если будешь
Буду конечно. Кому я нужен без js?

>то начинай лучше с зарубежных курсов, например от Udemy, где минимум воды и работа над реальными проектами
Спасибо за совет, посмотрю этот курс
comments powered by Disqus

Отзывы и предложения