Посты на Linked in be like
Показать полностью
1
0 просмотренных постов скрыто
Все привет
всем привет дорогие друзья. попрошу строго не судить я начинающий пикабушник. я хотел бы поделиться с вами интересной историей. сегодня я играл в cs2: go и я выбил из кейса вот такой калашик. это калашик statrak ar-47 | iHone 5s (прямос с завода). в общем попрошу оценить этот скинчик и сказать как он вам. ну типо понравился или нет. Как вообще день прошел? Что делали?
Нерассказанная история веб-разработки
1990: HTML придумали
1994: CSS придумали, чтобы пофиксить HTML
1995: JS придумали, чтобы пофиксить HTML/CSS
2006: jQuery придумали, чтобы пофиксить JS
2010: AngularJS придумали, чтобы пофиксить jQuery
2013: React придумали, чтобы пофиксить AngularJS
2014: Vue придумали, чтобы пофиксить React & Angular
2016: Angular 2 придумали, чтобы пофиксить AngularJS & React
2019: Svelte 3 придумали, чтобы пофиксить React, Angular, Vue
2019: React hooks придумали, чтобы пофиксить React
2020: Vue 3 придумали, чтобы пофиксить React hooks
2020: Solid придумали, чтобы пофиксить React, Angular, Svelte, Vue
2020: HTMX 1.0 придумали, чтобы пофиксить React, Angular, Svelte, Vue, Solid
2021: React Suspense придумали, чтобы пофиксить React, снова
2023: Svelte Runes придумали, чтобы пофиксить Svelte
2024: jQuery до сих пор используется на 75% сайтов
Что вы об этом думаете?
html,body{color:#CCC;background:#000;}
.story-block,.story__main,.profile__section,.profile__user,.profile__header,.section_padding_none,.header__main,.profile-series,.profile-series_empty,.feed-panel,.stories-feed__message,.stories-feed__message_show,.footer,.footer__main,.story__footer,.section-group,.section,.section_padding,.story-comments,.section-group,.story-comments__menu,.section_header,.story-comments__all,.section-group,.comments,.comment-reply__controls,.comments-part,.section-group,.comment__body,.hint,.hint_left,.user__nick,.input,.input_section,.comment__children::before,.story__read-more,.story__content-inner,.story__content-inner_slice-by-height,.player,.player__video,.story-image__image,.image-link,.player__preview,.comment__body::before,.comment__body,.comment__collapsing-area,.section_gray,.page-answers__filters,.story__author-panel,.popup__wrapper,.popup,.popup_animate,.popup_show,.popup__container,.popup__content,.popup__content>form,.company-blogs-info,.popup,.popup_animate,.popup_show,.profilem,.profile_short{color:#CCC;background:#030507;}
.pkb-normal-btn,.pkb-normal-btn_wide{color:#FFF;background:#231;}
.comment__rating-count,.player__video-loader,.avatar.avatar_large.image-lazy.avatar_level_1.image-lazy-processed{background:none;}
.story__read-more::before,.story-block,.story-block_type_video,.player__svg-stretch,.player__controls-wrapper{background:linear-gradient(#0000,#030507);}
.scroll-up-button,.scroll-up-button_mode-header-attached,.scroll-up-button_active,.scroll-up-button:active,.scroll-up-button_mode-header-attached:active,.scroll-up-button_active:active,.story__content,.story__typography,.story__bg-story-short{background:none;}
.input_editor{color:#638c47;background:#000;font-size:3em;resize:both;}
.input_editor,.input__input{line-height:1.2em;}
.comment__children,.comment__body_highlight_yellow{background:#000;}.comment__tool,.hint,.icon,.icon--ui__link,.icon--ui__link_comments{display:block;}
.comment__more,.comment__rating-up,.comment__rating-down{color:#CCC;background:#223813;}
.comment__more:hover,.comment__more:active{color:#DFE;background:#638c47;}
.section_warning,.section_warning>a{text-decoration:none;color:#FFF;background:#900903;}.section_warning>a{text-decoration:none;color:#0D0;padding:3px;}.section_warning>a:hover{text-decoration:none;color:#0F0;background:#0009;border-radius:9px;font-size:1.2em;}
.main,.background{width:100%;max-width:100%;}
.app__inner{width:90%;max-width:90%;}
.story__content,.comment__content{font-size:3em;line-height:1.2em;}
.story-block,.story-block_type_text,.story-block>*>a{font-size:1.4em;line-height:1.2em;color:#000;text-shadow:0px 0px 1px #DEF,0px 0px 2px #CDE,0px 0px 3px #BCD,0px 0px 5px #ABC,0px 0px 7px #9AB;}
.popup__wrapper,.section_warning>a:hover{border-radius:11px;box-shadow:0px 0px 1px #684,0px 0px 2px #684,0px 0px 3px #684,0px 0px 5px #684,0px 0px 7px #684,0px 0px 4px #684,0px 0px 6px #684,0px 0px 8px #684,0px 0px 9px #684,0px 0px 11px #684;}
.story-block.story-block_type_text>p>b,.story-block>*>a:hover,.comment__content>a:hover,.rv-comment>a:hover{color:#000;text-decoration:none;text-shadow:0px 0px 1px #89f540,0px 0px 2px #89e34b,0px 0px 3px #84d14f,0px 0px 5px #638c47,0px 0px 7px #4e6e39,0px 0px 10px #253d15,0px 0px 15px #1a300b;}
.story-block>*>a,.rv-comment>a{color:#638c47;text-decoration:none;text-shadow:none;}
.profile__header,.background__placeholder{background-repeat:both;}
.icon--ui__logo-text{color:#012345;}
::selection{background:#a9eb7c;color:#000;text-shadow:none;box-shadow:none;}
.story-block__title{color:#000;}
.comment__rating-count,.comment__rating-count.hint.hint_left{font-size:1.8em;line-height:.8em;}
Не пора ли гнать ссаными тряпками с пикабы тех, кому нужен тег <code>?
Показать полностью
Необходимый минимум для фронтендера
Скажите честно, что действительно необходимо для того чтобы стать джуном фронтендером. Нужно ли досканально изучать typescript и подобные темы или достаточно основ html/css/js? Расскажите по подробнее что конкретно вы знали, когда устраивались на своё первое рабочее место джуном
Стиль кнопки
Всем привет, столкнулся с проблемой в фронтед разработке с следующими стилями:
<style>
.container {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
max-width: 90%;
margin: 0 auto;
padding-bottom: -200px;
}
</style>
<style>
.video {
position: relative;
z-index: 1;
padding-bottom: -200px;
border-radius: 5px;
margin-top: -1px;
width: 100%;
height: 100%;
margin-bottom: -20px;
background: transparent url('/medio/free-icon-play-button-2765018.png')no-repeat center;
background-size: 20%;
padding-top: 56.25%;
}
.video:hover {
cursor: pointer;
}
</style>
<style>
.video iframe {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
width: 100%;
height: 100%;
}
</style>
<style>
.vol{
font-size: 30px;
margin-left: 99px;
margin-bottom: 10px;
}
</style>
<style>
.ready {
padding: 0px;
padding-bottom: -200px;
margin-top: 0px;
}
</style>
<style>
.video.ready{
padding-bottom: 0px;
}
</style>
<style>
max-width: 50%;
float: left;
margin-top: 50px;
margin-left: 90px;
}
</style>
<style>
.button1 {
width: 50%;
max-height: 100%;
min-height: 100%;
max-width: 10s0%;
margin-top: 0px;
background: green;
border: none;
position: relative;
z-index: 1;
}
</style>
<style>
.cen1 {
margin-bottom: 0px;
padding-bottom: 0px;
}
</style>
<div class="container">
<div class="video">
<center class="cen1">
<button ondblclick="toggleFullScreen()" id="play-button" class="button1"></button>
</center>
</div>
</div>
Кто сможет подсказать почему элемент с классом button1 не принимает значения height: 100%
для элемента container и video.
Кто подскажет большое спасибо.
Показать полностью
CS 2 (Counter Strike 2)
Возьмите в руки пульт управления и окунитесь в мир Counter-Strike 2. Это игра, которая вышла в 2023 году и стала настоящим прорывом в мире киберспорта.
История развивается в недалеком будущем, где CS 2 стала самой популярной игрой во всем мире. Глобальные турниры проводятся по всему земному шару, а профессиональные команды составлены из лучших игроков со всего мира.
Однажды произошло нечто удивительное. Во время одного из турниров в Лос-Анджелесе, главный герой игры, Максимус Стивенсон, обнаружил странную ошибку в программном обеспечении игры. Он был способен видеть внутреннюю структуру мира игры и связи между игровыми персонажами.
Максимус решил использовать это свое открытие для добра. Он создал новую команду, названную "Феникс", и стал бороться с читерами и хакерами, которые использовали недостатки игры для нечестной игры.
Команда "Феникс" прославилась своей честностью и мастерством игры. Они выиграли один за другим турниры, став любимцами миллионов фанатов по всему миру. Их борьба с недобросовестными игроками вдохновила многих, и киберспорт стал еще более популярным.
В итоге, Максимус и его команда "Феникс" смогли полностью устранить читерство и хакерство в CS 2. Их история стала символом чистоты и честной игры в киберспорте.
Эта история о CS 2 и команде "Феникс" стала легендарной сих пор вдохновляет новых игроков и профессионалов к достижению высот в мире киберспорта.
Показать полностью
1