1 Тема від FakiNyan

  • FakiNyan
  • FakiNyan
  • Робітниця.
  • Поза форумом
  • Дата реєстрації: 27.06.2013
  • Повідомлень: 14 116
    • Репутація: 5674

Тема: Використовувати, чи не використовувати фічі CSS3

Добрий день.
Читаю книжечку про html5 і там почалась частина про CSS3, в котрій розповідають про box-sizing та calc(), і кажуть, що на деяких браузерах воно не працює, типу як IE 7, а на мозілі требе вендорного префікса додавати, і взагалі, краще поки що не юзати ці фічі, а почекати, коли більше людей буде сидіти на новеньких браузерів.
Перше видання цієї книги вийшло в 2011 році, а друге (котре я читаю), в грудні 2013 року.
Питання: як вияснити, чи вже можна юзати ту чи іншу фічу, чи ще краще зачекати, аби сайтик гарно виглядав на більшості браузерів?

Можливо, можна якось орієнтуватись по таблицям з caniuse.com ?

▼Прихований текст

https://image.prntscr.com/image/7ynX-IUFS3evyfPr6SYYEw.png

Подякували: Monolith, ostap34PHP2

2 Відповідь від Monolith Востаннє редагувалося Monolith (09.08.2017 13:57:16)

  • Monolith
  • Monolith
  • Replace Group
  • Поза форумом
  • Звідки: Звідси
  • Дата реєстрації: 29.07.2014
  • Повідомлень: 724
    • Репутація: 768

Re: Використовувати, чи не використовувати фічі CSS3

2013 рік? Простіше кажучи, це дууууууже давно. Повірте, такі властивості box-sizing не те, що можна, а обов'язково використовувати. У мене завжди у кожному проекті є рядочок:

*, *:before, *:after {
  box-sizing: border-box; 
}

Перфіксів не лякайтеся. Просто не забувайте їх прописувати. Спокійно використовуйте нові властивості. Якщо вже дуже треба підримка старих браузерів, можна завжди нагуглити потрібні скрипти, які фіксять всілякі такі моменти, й роблять код більш кросбраузерним.

Подякували: 0xDADA11C7, FakiNyan, 221VOLT, leofun014

3 Відповідь від FakiNyan

  • FakiNyan
  • FakiNyan
  • Робітниця.
  • Поза форумом
  • Дата реєстрації: 27.06.2013
  • Повідомлень: 14 116
    • Репутація: 5674

Re: Використовувати, чи не використовувати фічі CSS3

ага, угу. Добре, що в мене ще є книга по CSS3 за серпень 2015 року

Подякували: Monolith, ostap34PHP2

4 Відповідь від fed_lviv

  • fed_lviv
  • fed_lviv
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 11.09.2013
  • Повідомлень: 811
    • Репутація: 664

Re: Використовувати, чи не використовувати фічі CSS3

FakiNyan написав:

Можливо, можна якось орієнтуватись по таблицям з caniuse.com?

Не можна, а потрібно.
Плюс, якщо переживаєте, що сайт буде переглядатися старим браузером, перед новими фічами прописуйте "старший" варіант:

...
width: 50%;
width: calc(50% - 1em); 
...
Подякували: FakiNyan, Monolith, ostap34PHP, 221VOLT, leofun015

5 Відповідь від FakiNyan

  • FakiNyan
  • FakiNyan
  • Робітниця.
  • Поза форумом
  • Дата реєстрації: 27.06.2013
  • Повідомлень: 14 116
    • Репутація: 5674

Re: Використовувати, чи не використовувати фічі CSS3

fed_lviv написав:
FakiNyan написав:

Можливо, можна якось орієнтуватись по таблицям з caniuse.com?

Не можна, а потрібно.
Плюс, якщо переживаєте, що сайт буде переглядатися старим браузером, перед новими фічами прописуйте "старший" варіант:

...
width: 50%;
width: calc(50% - 1em); 
...

угу, угу, про це я теж чув. Типу, спочатку ставимо солідний колір бекграунду, а потім вже можемо юзати всілякі градієнти, або напівпрозорі кольори

Подякували: Monolith, ostap34PHP, leofun013