110k
4 года назад · 19 фото · 15816 просмотров · 46 комментариев
Тонкий айтишный: пост о тех, кто учится верстать сайты (19 фото)
Каждый верстальщик имеет дело с CSS (каскадными таблицами стилей). Именно они отвечают за визуальное оформление любого сайта. Замечали ли вы когда-нибудь, что вёрстка "поплыла"? Ну вот в этом и виновата технология CSS.
1.
2. Когда позиционируешь элемент как блок ^_^
3. Если бы технология CSS отвечала за архитектуру в реальной жизни
4.
5.
6.
7. Когда верстальщик починил ноутбук
8. Перепутал px и em
9. Вносишь небольшие исправления в CSS
10. Ахаха
11.
12.
13.
14.
15.
16. Дизайнерское
17.
18. Когда пытаешься взломать сайт через CSS
19. Лучший подарок для верстальщика
У меня такая на работе была))
Я программистом работаю с 1985, кодировать и читать код давно стало «второй натурой», чем-то естественным. В конце 80-х подрабатывал в школе, вёл информатику по субботам, 8 часов. Был компьютерных класс - компьютеры были собраны из телевизора и магнитофона, из языков были только Бейсик и ассемблер, и программы записывались на магнитофонную кассету. Но мне удалось выжать из этого чуда двадцатого века все, что возможно, написал несколько игр и развивающих программ для школьников. Тогда дома компьютеров не было почти ни у кого. Было всего где-то 200 учеников из 9-10 классов. В основном все были средненькие, плохо себя вели на уроках, тем более, что я был всего на несколько лет старше. Но из 200 был один, и я его запомнил. Обыкновенный на вид парень. Но он был программист от природы. В конце года, пока мы проходили с другими азы, он писал игры. Естественно, ему были пятерки автоматом на весь год вперёд. Есть мало сомнений, кем он теперь работает.
CSS для себя тут открыли многие, как я вижу. А если кто ещё и до SASS добрался, то наверное пребывает в полном экстазе. Собственно SASS - это единственный способ заставить программиста заниматься стилем и не бояться, что он придушит тебя при первой возможности.
Ну css тоже не стоит на месте. И сейчас не сравненно удобней стал чем раньше. Переменные ввели и др плюшки. Вообще с этими sass и подобными, легко скатиться в такую специфичность, что потом можно пол ночи сидеть и думать, где накосячил и почему не работает как задумано))
Ну не знаю, по-моему для больших проектов SASS - это то, что надо. CSS делится на блоки, которых можно сделать хоть сотню. И при правильном разделении и наименовании классов найти проблему намного проще.
Конечно, в большом проекте можно делать и по-другому. Дизайнеру использовать SASS даже не обязательно - он может сделать CSS "по старинке", а затем фронт-енд программист разделит всё как надо. Тут ведь есть ещё и другие моменты - оптимализация скорости сайта к примеру. С помощью SASS легко сделать так, чтобы на разных страницах заргужались разные CSS файлы - только для конкретной страницы и ничего лишнего.
Если такое делать вручную классическим способом то бёрнаут гарантирован :)
Конь. Стул. 38
Лет 20 назад решил научиться делать сайты. И научился. Компы только-только стали появляться и мало у кого были. Было очень интересно. Все писал вручную - не было еще тогда онлайн конструкторов сайтов. В процессе изучения HTML и написания простых страничек, понял что должен быть какой-то способ, не прописывать нудно и детально каждый раз стили оформления одинаковых строчек, например, текста или заголовка. Даже пытался придумывать как бы это осуществить. Инет был медленным, через телефонную линию и жутко дорогим. Ничего особо не скачать и спросить не у кого. Но оказалось, что все уже придумано. CSS обязан был "придуматься" и "изобрестись" просто по логике. Помню свою искреннюю радость, когда открыл для себя CSS. Хватило пары часов что бы в нем разобраться и начать пользоваться - прекрасный инструмент. Без CSS, в принципе, можно было сделать сайт, но это полный атас. Это не код будет а длинное жуткое и кривое нагромождение, в котором трудно разобраться даже тому, кто это напишет. Чуть позже, когда появилась необходимость создания многостраничных сложных сайтов, открыл для себя PHP и впервые установил сервер (древний Денвер). Затем, когда не мог найти и скачать нужный готовый скрипт, решил учить JAVA, что бы самому писать нужные скрипты и попутно пришлось изучать все способы и тонкости индексирования сайтов в поисковых системах и их продвижение. Затем вплотную подошел к необходимости изучения баз данных SQL. Но уже не потянул - времени не хватало, пришлось бы бросать работу. Поэтому просто все забросил - хобби так и не превратилось в специальность, приносящую стабильный доход. А вот сейчас жалею, надо было учить наплевав на все.
Пост хороший и немного наивный, улыбнуло.
хобби сейчас бы приносило хороший доход
Да, вообще то никогда не поздно вернуться, поверьте, вот если бы хоть по полчаса в день через ‘ ‘ немого, устал’ и ‘сдохну сейчас’ - открываются неплохие перспективы. Я так кузнечное дело освоил , полтора года читал и смотрел, полгода учился, да и до сих пор учусь. Но с Вами согласен - обстоятельства сильно давят , разные, усталость ещё сильнее. Что поделать, люди слабы )) Здоровья Вам и второй ПОПЫТКИ !!!
Я понял одно, что если пользоваться каким-то CSS то все будет через жопу?
Ошибка в CSS = приколы на экране.
Здесь нет философского смысла.
Здесь боль.
CSS cascade stile sheet - каскадные таблицы стилей (это способ сказать браузеру как надо отрисовать стртаницу html), для данных шуток ключевое слово каскадный, т.е. когда ты косячишь в одном месте, все это каскадно распространяется на всё вокруг
Доходчиво, спасибо
На пятом фото ворота в гараж сделаны весьма практично.Машина паркуется в нескольких сантиметрах от одной боковой стены а у второй между машиной и стенкой широченный проход с запасом под инструменты,столик для любых целей и прочих бытовых мелочей и крупностей.
Согласен. Ничего крамольного, в них не увидел. Слева, рабочая зона. Верстак можно поставить и тд. Очень даже практично ворота сделаны.
Там еще и поверхность уходит под наклон. Возможно, гараж нависает над канавой.
Приперлись технари в всё обосрали
Плохому танцору яйца мешают.
Вообще-то раньше CSS называли "крос-сайт-скриптинг" (переименовали в XSS из-за этой путаницы) и вполне взламывали сайты.
Cascading Style Sheets
XSS - это совершенно другое, тип атаки. Так что ничего не перименовывали
Межсайтовый скриптинг - Википедия
XSS (англ. Cross-Site Scripting «межсайтовый скриптинг») тип атаки на веб-системы, заключающийся во внедрении в выдаваемую веб-системой страницу.
Не какой нибудь Xross Site Scripting а именно Cross (именно из-за совпадения с "Cascading Style Sheets" решили переименовать, вы видимо не родились ещё когда это произошло)
Да не, CSS я начал пытаться юзать еще в 98 году, хотя оно тогда являлось только рекомендацией к оформлению Web-страниц и не все браузеры её умели, насколько я помню IE 4 начал только уметь, но было давно и могу ошибаться
Вы читаете что написано или то что вы там себе подумали ? Никто не сказал что CSS не существует... Просто две разные вещи имеют одинаковую аббревиатуру Сross Site Scripting и Cascading Style Sheets, никто не говорит о том что чего-то из этого не существует !!!
Кстати последние стандарты CSS позволяют использовать исполняемые скрипты внутри CSS что теоретически может привести к взлому через CSS с помощью CSS
Мда, видимо пост строго для программистов.
Почти ничего не понял...
Всенепременно)
Посторонним вход запрещен (С)
Детство, детство, ты куда ушло? Лет 15 этим не занимался, и тут прям накатило! Ностальгия, и хочу такую кружку!
И внезапно оказалось, что ничего не изменилось :-)
Да уже тогда это делалось удобно в дримвэйвере, вроде. Сейчас-то по-человечески должно писаться, казалось бы.
Но когда лез руками править- весь набор шаблонов из поста с криком, да ептвоюметь!:)
На озоне есть, я там брал, для офиса - самое то))
float: right?
с порогом под воротами clear: both.
наружные петли дверей не смущают?
деревня
.гараж {display: flex; justify-content: flex-end;}
И полюбому в левой части есть столик и полочка с рюмочками.
Честно, только прочитав "border-radius" понял, чем же отличаются эти логотипы.
Гыыыыы, жена записалась на java, потролю немного :D
Главное не попасть впросак. Это же разные технологии.
Эти шутки никакого отношения не имеют к Java, она не оценит :)
Расскажите лучше старый добрый анекдот про программиста:
Жена посылает мужа-программиста в магазин:
- Дорогой, купи, пожалуйста, одну палку колбасы, и посмотри если будут яйца, то купи штук десять.
Муж возвращается с десятью палками колбасы.
Жена:
- Что это?! Зачем ты купил столько колбасы?
Программист:
- Ну так яйца-то были...
:sarcastichand:
А я перескажу ;) Она уже осознала, что такое настоящий кошмар, когда одна запетая не туда поставиш.
Знаю.
еще про 10 чемоданов
С запятой есть один существенный нюанс. Джава - это язык программирования, и запятая не в том месте как правило приводит к тому, что ничего не работает. Это если грубо говорить. CSS - это протокол, но не язык. Запятая не в том месте к краху не приведёт, но максимум может вызвать казус типа чего-то корявого на сайте.
Так что уровень ответственности совсем разный. Запятая не там в Джаве - не сработала система контроля самолёта и он вдребезги. А в CSS не там - будет вам полосатый самолёт в крапинку, но зато никуда он не свалится.
Да знаю я :) Паралелно показываю ей, что такое HTML.