Перейти к публикации
Прикиньте они там в мафию играют, эльфами себя представляют и пиратами

  • Сейчас на странице   Всего пользователей: 1   (0 пользователей, 1 гость)

Hed-kun

Программирование, т. 6

Автор: Hed-kun, в Мастерская

Рекомендованные сообщения

Lionell   

Lionell

Такие стили практически нереально править/переопределять. Сам подумай, сел другой чел что-то допиливать отдельное и ему надо добавить к элементу класс, который будет менять свойства. Добавляет - нихуя не пашет. Лезет в стили, а там блядь 8уровневое вложение. То есть ему надо либо повторять все уровни/создавать большую специфичность с помощью костылей в виде #, либо юзать богомерзкий !important (который на самом деле можно юзать по нормальному, но это немногие умеют). И вот появляется первый !important.

Зачем? Ну поставит он &.my-new-style { .... }, где надо и дело с концом

Поделиться сообщением

Ссылка на сообщение

Fiend.Jackson   

Fiend.Jackson

чет в голос про импотант

 

А поделитесь плиз знанием с нубом, вот хочу я полностью переделать CSS проекта, как мне это сделать, с чего начать? Если сайт на CMS офк и тд. Как мне грубо говоря отследить все случаи на сайте, где встречается класс?

 

 

00_Netflix_seriesexo_H.jpg

 

 

Поделиться сообщением

Ссылка на сообщение

suez   

suez
(изменено)

https://viget.com/in...-and-transforms

 

Годная статья по косым секциям. Может суез подскажет как можно еще делать и что б было адаптивным

Я только недавно кстати пилил скошенные секции по работе. Заказчик в итоге отказался от этой затеи, ибо у него было слишком много текста, который не влезал полностью из-за скошенных кусков. http://codepen.io/suez/pen/gadLre - в итоге чтобы добро не пропадало, запилил демку. Она работает на css transform: skew, отлично скейлится, но запихивать туда можно только декоративные вещи. Отлично подходит для всяких креативных сайтов, где по центру секции должен быть лишь заголовок, а по клику все должно эффектно раскрываться, показывая человеку полноценную страницу.

Сам я юзал все варианты и даже там в комментах к этой статьей ты можешь найти мой про svg clipPath https://viget.com/in...ment-2336721085

Буквально через 2 дня после этой статьи где-то вышла другая, тоже про скошенные секции, где описывались все эти варианты, и чувак остановился на svg clipPath, ибо браузерная поддержка самая мощная, и качество крутое.

Я в марте пилил вот такую демку с svg clipPath, в которой даже был параллакс - http://codepen.io/suez/pen/QwoLBZ

Правда он там к сожалению тормозной (если ползунком скроллить, то на моем слабом компе фпс 20-35) и сила смещения не особо большая (я там заебался с размещением картинок, в этом плане в свг не все просто, когда ты начинаешь это сочетать с адаптивностью и атрибутами viewBox/preserveAspectRatio).


Изменено пользователем suez

userbar-53933.png

http://codepen.io/suez/ - they see me bydlocoding, they hatin.

Поделиться сообщением

Ссылка на сообщение

.felix   

.felix

Кароч допилил с помощью rotate косые секции, обрадовался что все норм. Захожу такой в фаерфокс, а там этот блок моргает, появляются черные полосы и вообще такое ощущение что монитор ща взорвется :lol: . Бладж, наверно из-за того что там 3д анимация используется тоже на rotate. Сук, ща почитаю че там в статье пишут.

Поделиться сообщением

Ссылка на сообщение

suez   

suez
(изменено)

У фф очень много проблем с трансформами, особенно с 3д.

Можешь ссылку кинуть, гляну чо как.


Изменено пользователем suez

userbar-53933.png

http://codepen.io/suez/ - they see me bydlocoding, they hatin.

Поделиться сообщением

Ссылка на сообщение

suez   

suez

Разъяснял сейчас феликсу про то, что всякие штуки параллаксовые лучше двигать с помощью tranlate трансформаций, ибо всякие top/left/background-position хуево дружат с производительностью. Не буду вдаваться во все подробности, линкану лишь сайтец http://csstriggers.com/ на котором можно увидеть, изменение каких свойств что триггерит. Composite (только его триггерят трансформы) самая быстрая часть рендеринга. Затем идет paint и самое хуевое - layout (top/left как раз триггерят лэйаут).

Если кому-то интересна тема вебперфа, то вот есть ахуительный курс от гугла - https://www.udacity.com/course/browser-rendering-optimization--ud860 (бесплатный офк). Там материала примерно на десяток-полтора хороших статей (я перед курсом как раз и читал тонны статей, а курс уже для закрепления материала ебашил + там практические задания хорошие, научитесь таймлайном в хроме пользоваться нормально).

userbar-53933.png

http://codepen.io/suez/ - they see me bydlocoding, they hatin.

Поделиться сообщением

Ссылка на сообщение

.felix   

.felix
(изменено)

а че transform нельзя анимировать? Чет пишу 1 строку, он даже style элементу не прописывает, а со второй все норм

   microphone.animate({"transform": "translate3d(0, "+value+"px, 0)"}, 200);
   microphone.css("transform", "translate3d(0, "+value+"px, 0)");


Изменено пользователем .felix

Поделиться сообщением

Ссылка на сообщение

suez   

suez

Jquery вроде не умеет в анимацию трансформов. Там можно вручную анимацию прописать, но это хуевый вариант. Трансформы надо анимировать с помощью css transitions. Или подрубай штуку типа гсапа. TweenLite + css плагин к нему, весить в сумме будет 10-20 кб, умеет делать дохуя и намного быстрее/круче чем топорные анимации в jQuery, которые работают не на requestAnimationFrame, а на setInterval (rAF в jQ только в 3 версии завезли, которая еще в альфе).

http://greensock.com/gsap - тут можно щелкнуть по download и выбрать нужные куски, либо можно качать фулловый твинмакс. Так же он на кодпене в списке дефолтных либ подключаемых есть.

userbar-53933.png

http://codepen.io/suez/ - they see me bydlocoding, they hatin.

Поделиться сообщением

Ссылка на сообщение

Still+4   

Still+4
(изменено)

короче гайз.

допустим есть таблица.

YsvFq3M.png

 

Написанная на хтмл+ксс

 

Далее. Надо в таблицу вставить вместо месяцев турниров и всего другого данные из базы данных (которые уже есть)

чтобы сохранилась первая строка таблицы. это реально вообще сделать? подскажите как плез. получается хуета какая то

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

 

я рак полный. в универе задание дали хызы чё делать

такая херня выходит

aDzAl52.jpg

 

 

подскажите кто чем может(

повторюсь что я рак, более менее доступным языком плез(


Изменено пользователем Still+4

 

 

cbfe66cd876f.png

 

Поделиться сообщением

Ссылка на сообщение

fessnik   

fessnik

короче гайз.

допустим есть таблица.

YsvFq3M.png

 

Написанная на хтмл+ксс

 

Далее. Надо в таблицу вставить вместо месяцев турниров и всего другого данные из базы данных (которые уже есть)

чтобы сохранилась первая строка таблицы. это реально вообще сделать? подскажите как плез. получается хуета какая то

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

 

я рак полный. в универе задание дали хызы чё делать

такая херня выходит

aDzAl52.jpg

 

 

подскажите кто чем может(

повторюсь что я рак, более менее доступным языком плез(

 

Офк реально ,тебе первую строку вообще ненужно трогать

у тебя идет чтото типа :

<tr>

<td> Start Month

<td>Tournament

</tr>

Это твоя первая строка,после нее делаеш цыкл и начиниаеш выводь даные из бд ,типа

for (i=0;i<5;i++){

<tr>

<td>месяц из бд

<td> турнир из бд

</tr>

Поделиться сообщением

Ссылка на сообщение

Still+4   

Still+4
(изменено)

короче гайз.

допустим есть таблица.

YsvFq3M.png

 

Написанная на хтмл+ксс

 

Далее. Надо в таблицу вставить вместо месяцев турниров и всего другого данные из базы данных (которые уже есть)

чтобы сохранилась первая строка таблицы. это реально вообще сделать? подскажите как плез. получается хуета какая то

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

 

я рак полный. в универе задание дали хызы чё делать

такая херня выходит

aDzAl52.jpg

 

 

подскажите кто чем может(

повторюсь что я рак, более менее доступным языком плез(

 

Офк реально ,тебе первую строку вообще ненужно трогать

у тебя идет чтото типа :

<tr>

<td> Start Month

<td>Tournament

</tr>

Это твоя первая строка,после нее делаеш цыкл и начиниаеш выводь даные из бд ,типа

for (i=0;i<5;i++){

<tr>

<td>месяц из бд

<td> турнир из бд

</tr>

ну у меня первая строка дивом прописана, а в кссе уже расписывал всё.

блять я не знаю как доступно объяснить)

 

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

 

 

upd.

вобщем вот так у меня див 

<div class="tabl">
<div class="tab-head">
	<div class="month">Start Month</div>
	<div class="tour">Tournament</div>
	<div class="series">Series</div>
	<div class="prize">Prize Pool</div>
	<div class="win">Winner</div>
	<div class="lose">Runner-Up</div>
</div>

 

вот так я из бд вытаскивал данные 

$s='<table>';
for($i=0;$i<mysqli_num_rows($q);$i++){
	$res = mysqli_fetch_assoc($q);
	$s=$s.'<tr>';
	$s = $s.'<td>'.$res['data_begin'].'</td>';
	$s = $s.'<td>'.$res['name'].'</td>';
	$s = $s.'<td>'.$res['name_img'].'</td>';
	$s = $s.'<td>'.$res['series'].'</td>';
	$s = $s.'<td>'.$res['series_img'].'</td>';
	$s = $s.'<td>'.$res['winner'].'</td>';
	$s = $s.'<td>'.$res['winner_img'].'</td>';
	$s = $s.'<td>'.$res['runner'].'</td>';
	$s = $s.'<td>'.$res['runner_img'].'</td>';
	$s = $s.'<td>'.$res['money'].'</td>';
	$s=$s.'</tr>';
}
return $s.'</table>';

 

реально ли с тем что есть сделать? или прётся дивы нахуй слать и переписывать всё через тдшки? (если переписывать то можно ли будет всё это красиво сделать как было?)


Изменено пользователем Still+4

 

 

cbfe66cd876f.png

 

Поделиться сообщением

Ссылка на сообщение

1love_masha   

1love_masha

Почекал я тут биржи фриланса, самый низкооплачиваемые это landing page(тут как бы ясно, что такое) и делать странички для эмаил рассылки, вот тут я что то не в курил? Грубо говоря нужно верстать самую обычную страничку без выебосов и всовывать туда что клиент скажет? Или что?

378846.png

Поделиться сообщением

Ссылка на сообщение

fessnik   

fessnik
(изменено)

короче гайз.

допустим есть таблица.

YsvFq3M.png

 

Написанная на хтмл+ксс

 

Далее. Надо в таблицу вставить вместо месяцев турниров и всего другого данные из базы данных (которые уже есть)

чтобы сохранилась первая строка таблицы. это реально вообще сделать? подскажите как плез. получается хуета какая то

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

 

я рак полный. в универе задание дали хызы чё делать

такая херня выходит

aDzAl52.jpg

 

 

подскажите кто чем может(

повторюсь что я рак, более менее доступным языком плез(

 

Офк реально ,тебе первую строку вообще ненужно трогать

у тебя идет чтото типа :

<tr>

<td> Start Month

<td>Tournament

</tr>

Это твоя первая строка,после нее делаеш цыкл и начиниаеш выводь даные из бд ,типа

for (i=0;i<5;i++){

<tr>

<td>месяц из бд

<td> турнир из бд

</tr>

ну у меня первая строка дивом прописана, а в кссе уже расписывал всё.

блять я не знаю как доступно объяснить)

 

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

 

 

upd.

вобщем вот так у меня див 

<div class="tabl">
<div class="tab-head">
	<div class="month">Start Month</div>
	<div class="tour">Tournament</div>
	<div class="series">Series</div>
	<div class="prize">Prize Pool</div>
	<div class="win">Winner</div>
	<div class="lose">Runner-Up</div>
</div>

 

вот так я из бд вытаскивал данные 

$s='<table>';
for($i=0;$i<mysqli_num_rows($q);$i++){
	$res = mysqli_fetch_assoc($q);
	$s=$s.'<tr>';
	$s = $s.'<td>'.$res['data_begin'].'</td>';
	$s = $s.'<td>'.$res['name'].'</td>';
	$s = $s.'<td>'.$res['name_img'].'</td>';
	$s = $s.'<td>'.$res['series'].'</td>';
	$s = $s.'<td>'.$res['series_img'].'</td>';
	$s = $s.'<td>'.$res['winner'].'</td>';
	$s = $s.'<td>'.$res['winner_img'].'</td>';
	$s = $s.'<td>'.$res['runner'].'</td>';
	$s = $s.'<td>'.$res['runner_img'].'</td>';
	$s = $s.'<td>'.$res['money'].'</td>';
	$s=$s.'</tr>';
}
return $s.'</table>';

 

реально ли с тем что есть сделать? или прётся дивы нахуй слать и переписывать всё через тдшки? (если переписывать то можно ли будет всё это красиво сделать как было?)

Через тдшки реально сделать красиво как было ,Но и через дивы,можно без проблем.

По сути тоже самое как через я писал вышел :

for (i=0;i<5;i++){

<div class="line">

<div>$res['data_begin']</div>

<div>$res['name']</div>

</div>

}

И пиши не $s = $s . <td> А $s. =<td>


Изменено пользователем fessnik
Still+4 понравилось это

Поделиться сообщением

Ссылка на сообщение

Lionell   

Lionell

Почекал я тут биржи фриланса, самый низкооплачиваемые это landing page(тут как бы ясно, что такое) и делать странички для эмаил рассылки, вот тут я что то не в курил? Грубо говоря нужно верстать самую обычную страничку без выебосов и всовывать туда что клиент скажет? Или что?

верстка для мейл-рассылок отличается от обычного хтмл

нужно знать кучу тонкостей, чтобы красивое письмо сверстанное как страница в браузере не разъехалось к чертям в почтовом ящике

при этом у разных почтовиков свои особенности отображения таких мейлов

короче, нужно просто потрахаться с 5 письмами, а дальше уже на автомате

Поделиться сообщением

Ссылка на сообщение

suez   

suez

Верстка мыла это самый ад. Просто ад ада нахуй.

userbar-53933.png

http://codepen.io/suez/ - they see me bydlocoding, they hatin.

Поделиться сообщением

Ссылка на сообщение

1love_masha   

1love_masha

А есть статейки по этой хуйне? Покидайте плз

378846.png

Поделиться сообщением

Ссылка на сообщение

suez   

suez
(изменено)

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

На хабре статей просто до пизды.


Изменено пользователем suez

userbar-53933.png

http://codepen.io/suez/ - they see me bydlocoding, they hatin.

Поделиться сообщением

Ссылка на сообщение

1love_masha   

1love_masha

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

На хабре статей просто до пизды.

Абсолютно не считаю себя программистом, поэтому и заеб вас вопросами

378846.png

Поделиться сообщением

Ссылка на сообщение
Гость
Эта тема закрыта для публикации сообщений.
Перейти к списку тем
×
×
  • Создать...