Язык программирования css: 🤷🏽‍♀️ Page not found | MDN Web Docs

Я текст

3. Встроенный стиль:

Третий способ - написать правила CSS непосредственно внутри элемента HTML, с атрибутом стиля .В этом методе мы определяем правила CSS непосредственно внутри тега, и нам не нужно создавать для него класс.

 
 style = "color: blue; font-size: 22px;" > Я текст 
 

Этот подход не является примером чистого кода и его не рекомендуется использовать.

CSS - важная часть веб-разработки. В этой статье я попытался объяснить основы использования и синтаксиса CSS. Если у вас есть какие-либо вопросы, не стесняйтесь задавать их ниже в разделе комментариев.

В мире CSS есть много других правил и возможностей. Я расскажу о них в следующих статьях.

Если вы хотите узнать больше о веб-разработке, , не стесняйтесь, , подписывайтесь на меня на Youtube !

Большое спасибо и до следующего раза!

Эта история опубликована в The Startup, крупнейшем предпринимательском издании Medium, за которым следят +446 678 человек.

Является ли CSS языком программирования?

В марте Хейдон, как он часто делает, опубликовал подстрекательский твит.:-)

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

Это быстро обострилось. Хотя кто-то может быть и расистом, и не считают CSS языком программирования, это кажется ложной корреляцией. И это особенно сильная точка зрения, учитывая, что Хейдон, похоже, изменил свою позицию по этому поводу. В 2013 году он написал в своем твиттере:

HTML - это не язык программирования.CSS тем более.

Итак, что это такое? Находимся ли мы на пути к еще одному «в зависимости от обстоятельств»? И независимо от того, зависит это или нет, имеет значение? Может ли «повышение» CSS до статуса языка программирования побудить программистов более серьезно относиться к разработке CSS? Или перенос CSS в область с традиционно более высоким барьером для входа в конечном итоге приводит к исключению?

Мы с Хейдоном обсуждаем это. В течение часа. Это вежливый разговор, не волнуйтесь.

Скачать эту серию

Где расшифровка стенограммы? постоянная ссылка

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

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

[00:00:01] Итак, сегодня мы говорим о том, является ли CSS языком программирования или нет?

[00:00:10] Да.

[00:00:11] И это как раз будет темой. Это будет не то, о чем мы будем стараться не отвлекаться слишком сильно. Шли в.

[00:00:19] Ну, мы, прежде всего, поговорим о пиве, которое не имеет прямого отношения к CSS или к тому, является ли это языком программирования, потому что мы решили попить пива, пока мы это делали. .Не могу вспомнить, почему мы так решили. Но всегда хотелось выпить.

[00:00:36] Итак, я помню, почему мы это делаем. По сути, это идея, которую мы позаимствовали из другого подкаста. Другая песня. Ага. Linux Outlaws.

[00:00:47] Ну, я должен сказать, что никогда не слушал подкасты о загрузках Linux, но я уже очень благодарен им за то, что они позволили мне с точки зрения моего алкоголя потребление. Так что спасибо им. Так. Хорошо. Ну, пиво, которое я пью, - это малоизвестное пиво с малоизвестного маленького острова под названием Ирландия.Это называется Гиннесс. И дело в том, что это не разливное пиво Гиннеса. У меня есть разливное пиво Гиннеса, которое мне очень не нравится. Так что в основном пенистый Гиннесс. Я бы не подошел к нему, потому что чувствую, что не знаю. Это не такой приятный вкус. Он не такой крепкий на вкус, как то, что я называю традиционным или старинным Гиннессом. Ну полагаю на банке оригинал. Это оригинально. Guinness похож на крепкий стаут ​​с хорошим вкусом. Вот что я довольно часто пью. Но да, не сквозняк, особенно в жестяных банках, потому что в нем есть та странная штука-виджет, так что, когда он его открывает, он подпирает себя, а затем становится плоским в течение примерно трех глотков.Итак, поехали. Вот что я пью.

[00:01:58] Чем вы занимаетесь сейчас? Что ж, я действительно потянулся до предела того, что можно назвать пивом. Итак, вы знаете. Вы знаете ЛЕЙФЕРА, знаете ли вы, Лейфер, да.

[00:02:09] Я никогда не знаю, как это произносить, потому что раньше я называл его левым, а потом я называл его левым. Да, я думаю, бельгийцы говорят Леффе. Хорошо. Так что я попытаюсь сказать это тогда. Ага. Чтобы вы знали. Ага. Я имею в виду, по крайней мере, так они называют это здесь, в Нидерландах.

[00:02:29] Это Леффе. Так что это новый, который я раньше не видел, потому что он безалкогольный. Так что процент ноль целых ноль. Но это блондинка. Нулевая точка ноль процентов.

[00:02:41] А я обычно ненавижу. Хорошо. Безалкогольное пиво, но чуть позже поеду за рулем. Поэтому я решил, что для сегодняшней серии я бы не стал покупать настоящую.

[00:02:54] Обычно есть, и я думаю, что это создаст довольно плохой прецедент для нашего подкаста и нашей профессиональной репутации в целом, если мы будем транслировать тот факт, что у нас все в порядке, а затем мы собираемся кататься.да. Что ж, я полностью поддерживаю вас, оставив безалкогольные напитки. На вкус что-то похожее на настоящий удар?

[00:03:20] Ой, нет, нет, это натянуто. Вы знаете, что с ними я обычно не люблю это пиво, в основном это безалкогольное пиво, которое мне кажется действительно многогранным. И я совсем не люблю пиво. Мой семилетний ребенок, когда я спустился вниз, я сказал: ну, знаете, не беспокойте нас. У нас все будет хорошо. Удачной записи, никаких подкастов. И он такой: почему ты пьешь пиво? И я сказал, что это не пиво.Это, знаете ли, ноль целых ноль процентов.

[00:03:50] И он сказал: «О, это значит, что у меня может быть такой, который не означает, что ты можешь иметь такой». Итак, он всего лишь одно молоко, и он такой: почему? Почему я не могу взять его, если в нем нет алкоголя? И это единственное, что плохо в пиве.

[00:04:06] И это похоже на философские дискуссии, на которые не стоит заходить за две минуты до того, как вы запишете скайп и запишете подкаст.

[00:04:14] Так что, да, это могло занять некоторое время.Я имею в виду, что семилетнему ребенку так много всего предстоит распутать в этом разговоре. Да, спасибо. Я имею в виду, если я делаю подкаст. Подожди, то, что ты сейчас делаешь, забрал машины. И я пью, но я не пью.

[00:04:29] Совершенно верно. Так что у меня такое чувство, что разговор еще не окончен.

[00:04:35] Хорошо. Итак, давайте перейдем к вопросу. Думаю, теперь, когда мы достаточно подробно рассмотрели пиво. да. Так что да. Разве это понятие. Что такое CSS? Я думаю, что большинство людей согласны с тем, что CSS - это код, но многие не согласны с тем, что это язык программирования.Я думаю, что у нас с вами, вероятно, несколько разные позиции по этому поводу, но я думаю, что я имею в виду, я думаю, что мы оба, вероятно, согласны с тем, что CSS - это файл. Мощная и ценная часть развития, верно?

[00:05:16] Да, определенно. Я не думаю, что в этом есть какие-либо сомнения. Это моя любимая часть.

[00:05:23] Значит, это не так. Думаю, это моя любимая часть. Да я. Я имею в виду, я думаю, что электронная почта в формате HD действительно важна. Это фундаментальная вещь. И я много пишу об электронной почте в формате HD, потому что я много пишу о доступности.И это, очевидно, имеет большое влияние на доступность, особенно в отношении совместимости со вспомогательными технологиями или адаптивными технологиями и т.д. буду называть это программированием.

[00:06:02] Это, мм, я нахожу это интуитивно понятным, может быть, потому, что это декларативно или что-то в этом роде. Я не знаю.

[00:06:11] Но я понимаю это как бы неявно, в то время как такие вещи, как я имею в виду, мне потребовалось полгода, чтобы изучить CSS.

[00:06:22] Но мне потребовалось шесть лет или больше, возможно, больше, чтобы выучить JavaScript. Очевидно, я изучаю элементы обоих. Тем не менее, все время появляются новые функции и все такое. И я довольно быстро разбираюсь в этом CSS, в то время как, похоже, многие этого не делают. И меня беспокоит то, что я думаю, что большая часть беспокойства по поводу этого вопроса связана с идеей, что люди, которые не понимают CSS или не имеют естественных способностей к CSS, скажем так, быстро списывают со счетов. и говорят, ну это чушь.

[00:07:03] И я просто да, я думаю, что это лениво и, по сути, неудовлетворительно. Я считаю, что это, несомненно, очень крутая вещь. И когда люди начинают говорить что-то вроде ругательства и говорят: о, это плохо спроектировано, это и все такое, я думаю, они просто говорят, что легко списывать вещи, когда это просто потому, что вы не просто потому что вы их на самом деле не знаете или потому что они вам не знакомы.

[00:07:35] Я имею в виду, если вы можете довольно легко перейти на базу ISIS, я полагаю, из JavaScript в C ++ и обратно, а затем на Python, потому что у них есть аналогичные функции, похожие примитивы и тому подобное.Я имею в виду, что если вы попадете на территорию, CSS, все будет по-другому. Он делает очень разные вещи и делает их совсем по-другому.

[00:07:55] И я думаю, что многие люди, которые считают, что это не настоящее программирование, и B, не просто не очень хорошо спроектированный как язык или какая-то другая идея, просто потому, что они сравнивают яблоки и апельсины . Ага.

[00:08:12] Да, да.

[00:08:13] Итак, я думаю, что это зависит, конечно, от того, что вы определяете, каково ваше определение программирования и языков программирования, и я чувствую, что это уже своего рода улей BS BS, вы знаете, обсуждать это, потому что это кажется, что многие люди не согласны.И, конечно же, я только что открыл статью в Википедии. Я имею в виду язык, который бесполезен, я говорю, что это тот самый язык.

[00:08:43] Могу я просто прочитать это? Думаю, то же самое. Итак, компьютерная программа - это набор инструкций, которые выполняют определенную задачу при выполнении компьютером.

[00:08:54] Больше всего похоже на второй бит, который заключается в том, что большинству компьютерных устройств требуются программы для правильной работы, как я думаю, все они, не так ли? Я не знаю. Как будто я не думал, что существует очень много разновидностей невмешательства в компьютерное программирование, например, возможно, сценарии работы связаны с тем, что они имеют действительно странный способ оценки, были ошибочными и были обработаны.Но я думаю, что цель состоит в том, чтобы все работало должным образом, по крайней мере, даже если это означает неаккуратный набор текста.

[00:09:27] Но я думаю, вы описали программу, верно?

[00:09:31] И тогда вы говорите, о да.

[00:09:33] Итак, язык программирования в его нынешнем виде - это формальный язык, который включает набор инструкций, которые производят различные виды вывода.

[00:09:43] Верно.

[00:09:44] Итак, для меня, используя компьютерное программирование, они реализуют алгоритмы.Теперь мы знаем, что вы можете реализовать алгоритмы и, вероятно, не все CSS. Мы знаем, что CSS является полным по Тьюрингу, что является определением языка программирования некоторыми людьми. Я так думаю.

[00:10:00] Не могли бы вы описать, что означает полное приветствие? Потому что я не совсем уверен, что я из этого понимаю.

[00:10:09] Ну, я не программист, так что вроде полноты по Тьюрингу, если техническое определение - это желание, я даже не понимаю технического определения и в основном говорю это в теории компьютерных способностей система правил манипулирования данными называется полной или универсальной в вычислительном отношении, если ее можно использовать для моделирования любой машины Тьюринга.

[00:10:37] Ладно, если ты пойдешь туда, тогда.

[00:10:43] Так что это пока что вроде циркуляра.

[00:10:45] Да, это туристическая машина - математическая модель вычислений, которая определяет абстрактную машину, которая манипулирует символами на полосе ленты в соответствии с таблицей правил.

[00:10:56] Так что я никогда не смогу уплотнить. Я ничего не знаю о теории автоматизации и никогда не видел в буквальном смысле эту таблицу правил для машины Тьюринга.

[00:11:09] А я не программист.

[00:11:10] Так что это очень, вы знаете, далеко за пределами моей области знаний.

[00:11:17] Точно так же у меня не было никаких формальностей. Я не из информатики. Я знаю. Наверное. Ага. Я тоже. Ну, конечно, нет. Я не знаю, почему я сказал, что я определенно не из того же происхождения. И это еще одна вещь, я имею в виду, мы могли бы в целом разобраться между людьми, вовлеченными в Интернет, которые имеют такое происхождение, и людьми, не имеющими такого опыта.И я считаю, что это здорово. Но я чувствую, что с одной стороны есть большое давление, которое нужно для того, чтобы соответствовать определенной форме. Вы должны знать настоящее программирование или что-то еще.

[00:11:52] Да, но. OK. Итак, я согласен с вами в том, что такое настоящее программирование.

[00:11:56] Я думаю, что если вы способны не только физически, но и если вы говорите, что вставляете что-то в компьютерную программу, и вы можете запускать ее, и она работает, то вы запрограммировали так что у вас может не быть опыта в парадигмах программирования.

[00:12:20] И вы знаете, в чем разница между функциональным программированием и объектно-ориентированным программированием. И я даже не понимаю этих различий и пытаюсь осмыслить их.

[00:12:31] Но это кажется довольно сложным, и я не уверен, насколько для меня действительно важно уметь это делать.

[00:12:37] Но я думаю, что многое из того, что вы сказали, что если вы посмотрите на множество языков программирования, то есть эти сходства, и они сильно отличаются от CSS.И когда вы видите CSS и там есть что-то вроде меня, я знаю разработчика этого языка программирования под названием S.W. Я полагаю, что Prolog и pro-life - это язык логического программирования. Но с ним можно было делать много разных вещей. Но он выглядит совершенно иначе, чем любой другой язык, который я видел.

[00:13:15] И этот сопровождающий, молодой создатель вето.

[00:13:21] Он сказал мне, что это действительно сложно для программистов, которые выучили, скажем, такие языки, как JavaScript и другие, я думаю, нормальные нормальные языки или императивные языки, я думаю, он сказал, что это действительно сложно.Думаю, JavaScript - это функциональный язык. Видишь, я совсем запуталась, но это выглядит совсем по-другому.

[00:13:45] Использование рекламы очень просто.

[00:13:48] Я думаю, что здесь много разнообразия. Вот в чем дело. Я думаю, что это то, с чем у людей проблемы, - это разнообразие, которое они привыкли к одному виду вещей, которые работают определенным образом. А потом, когда кто-то показывает им что-то еще и говорит, что это вещь из той же категории, они отвечают: «Нет, это не так». Это не из той же категории.Как это может быть? Это не то, к чему я привык. Я имею в виду, что недавно у меня было много неприятностей в Твиттере.

[00:14:11] Итак. О нет, ты шутишь. Да, ну, как будто никогда не сидишь в Твиттере. Для меня это периодическая вещь.

[00:14:18] Да, но. Итак, я сказал: «Если вы не думаете, что это язык программирования». У вас ограниченный взгляд на программирование. И я готов поспорить с узким взглядом на большинство других вещей, включая пол и этническую принадлежность. Нет нет. да. Так что есть люди, у которых тогда такая реакция была, как вы смеете.Понятно. Это не язык программирования. Очень немногие люди на самом деле сказали, как они видят, что это язык программирования, а не язык программирования. Но также я очень инклюзивный человек и очень либерален. Казалось, что никто не воспользовался возможностью, чтобы продемонстрировать свои полномочия в этом смысле. Они просто закрывались, я думаю, что они больше заботились об этих конкретных людях, больше заботились о том, чтобы просто подчеркнуть, что CSS - это не программирование. Но это также люди, которые на самом деле просто искренне так не думают.Но на самом деле мне очень нравится определение Лоры Шанкс. Со времен ISIS Лаура занималась действительно замечательными вещами, связанными с алгоритмом, и с тем, как решать серьезные проблемы алгоритмическим способом. И она называет это предметно-ориентированным декларативным языком программирования. И я думаю, в том-то и дело, что он нас не видит, потому что не делает очень много вещей. Он не выполняет if и else, и он не выполняет логических функций, если он не делает того, чего вы ожидаете от других языков программирования.Но тогда я имею в виду, что он существует, потому что он выполняет другие функции, чем эти языки программирования. Невероятный. Итак, возвращаясь к тому, что вы говорите, вы знаете, на какие языки программирования нужно смотреть, а некоторые естественные языки очень, очень разные.

[00:16:06] У них очень разные правила и они работают по-разному. Я имею в виду, что я пытался выучить китайский язык, и это во многих отношениях совершенно другая система. Это гораздо более простая система, чем английская, потому что у вас ее нет, вам не нужно спрягать и тому подобное.Что я нахожу своего рода ироничным, так это то, что декларативность часто является способом, которым люди говорят, что делает это не настоящим программированием. Так что они на самом деле, если это необходимо, они считают это скорее настоящим программированием. Итак, когда один человек, с которым я был вовлечен в этот разговор, сказал. Как вы можете себе представить, это была большая-длинная нить. И это превратилось в настоящий говно-фест. И он был им, по сути, он закончил тем, что сказал, что CSS ничего не делает, что мне показалось забавным, потому что, очевидно, если он ничего не делает, то зачем он существует? Очевидно, что он что-то делает.В противном случае никто бы им не воспользовался. Я имею в виду, что это единственный способ улучшить внешний вид веб-страниц. Верно. Но идея, что это, но я думаю, что он имел в виду, заключалась в том, что это не обязательно. Но в то же время есть все эти люди, которые действительно очень заинтересованы в декларативных версиях таких вещей, как JavaScript. Таким образом, JavaScript становится декларативным, и это похоже на лучшую версию JavaScript. Но CSS декларативен. Вот что заставляет его сдвигаться. Мол, как это работает?

[00:17:47] Понятия не имею.Так вот. Я думаю, вы знаете, что вопрос, который довольно быстро приходит в голову, когда начинается это обсуждение, - почему это важно? Ты знаешь почему? Идея там, как у морского эксперта, где-то в пустыне, терпящего бедствие. И мы должны спасти его, доказав, что это язык программирования. Вы знаете, оно того стоит, стоит ли сражаться? Знаете, а приносит ли хоть что-нибудь полезное победа в битве? Так что я не уверен.

[00:18:24] Я не уверен, что это так важно. Как вы знаете, аргументы не важны, что случается, скажем, в Твиттере.

[00:18:33] Но да, у меня были люди, которые приходили ко мне, чтобы сказать, знаете ли, я думаю, что CSS великолепен. Я думаю, это потрясающе. Так что здесь было обычным делом, и мне это очень нравилось. CSS был первым аспектом программирования, который я изучил. Ага. Мне нравится его использовать. И, вероятно, это язык, на котором я лучше всего владею, но это не язык программирования. Довольно странно, что он говорит, что это был первый аспект программирования, который я изучил. Ага. Так что это не программирование, но это так. Но, знаете, я полагаю, что он говорит, что это все еще ценно, даже если вы не называете это программированием.

[00:19:10] Но дело в том, что я думаю, что это очень часто, потому что я согласен, что это не так. Я бы согласился с любым, кто говорит, что в вакууме неважно, программирование это или нет. Так что если вокруг этого не было какого-то культурного элемента, но, как мне кажется, жизненный опыт подсказывает мне, что в нашей отрасли то, что считается программированием, считается серьезным, реальным и важным. И то, что считается не программированием, - это, знаете ли, мягкие навыки и своего рода слабость, понимаете, а не не то, к чему следует относиться серьезно.Верно. И, как ни странно, я несколько раз умирал на этом холме, не потому, что мне на самом деле все равно в самом строгом смысле этого слова. Но я также ценю то, что когда люди говорят, что CSS не является языком программирования, часто они не просто говорят, что это технически необязательный способ написания кода. Они действительно говорят, что это не ценно. Ничего подобного или это нехорошо. Это не часть. Это нереально. Это несерьезная работа.

[00:20:31] Думаю, это тот человек.Ага. И в этом я согласен с вами.

[00:20:35] Так что, я думаю, в этом суть проблемы, как будто у меня есть теория, о которой я упоминал несколько раз людям, и это то, что все это своего рода разговоры, о которых говорится во всех этих обсуждениях, начались, когда многие программисты или, вы знаете, разработчики серверной части начали переходить на интерфейсную часть. И если вы помните друзей, которые у нас были. Я имею в виду, что мы были просто веб-дизайнерами. Верно. Веб-дизайнеры и разработчики.А вы в основном в 90-х, в конце 90-х. И мы все сделали правильно. Ты только.

[00:21:15] Ага. CSS был очень новым. Вы не могли сделать многого. JavaScript был такой странной, неизведанной вселенной, где было все это, знаете ли, они были чем-то вроде DHS, UML, и это было похоже на передачу. Действительно? Ага. Было сложно понять код. Знаете, если бы кто-то писал, это отдельная тема.

[00:21:38] Но это как бы ты делал все, что делал свою разметку.

[00:21:43] Вы выполнили указания генерального директора, а вы при необходимости немного поработали на JavaScript.

[00:21:47] А иногда, знаете, люди знали немного о бэк-энде, но потом все взорвалось.

[00:21:53] И тогда это то же самое, что и тогда, когда технологи открыли базовые принципы проектирования, такие как системы сеток и системы дизайна, и все эти действительно крутые вещи, о которых сейчас все говорят, где, вы знаете, дизайнеры, люди как и я, те, кто учился в дизайне, думают, почему вы, ребята, так взволнованы сетками, которые у вас были бы сегодня? Я понимаю, что вы в восторге от сеток в CSS, но я имею в виду, что были годы, когда на конференциях обсуждались вопросы о том, что такое сетка, и людям нравилось, о да.Сетки. И я могу реализовать это вот так. И у нас есть сетка начальной загрузки, и в ней нечего волноваться. Вы знаете, это как если бы вы пришли на архитектурную конференцию, и люди говорили о некоторых типах стальных балок, и все были в восторге от этого. Итак, эти.

[00:22:43] Да, однажды я подумал, что это такое, когда вы, по крайней мере, это моя теория, что когда больше технологических людей вышли из технологий и вошли в Интернет, а не, вы знаете, множество людей, которые раньше работали в Интернете, потому что входной барьер был низким, эти технологи, которые пришли, они просто пытаются работать так же, как они работали всегда.

[00:23:13] Значит, у них может быть образование в области информатики. И там они привыкли работать определенным образом. Поэтому они стараются сделать так, чтобы все подходило именно вам, потому что это то, что они знают, и им легче.

[00:23:27] И когда я впервые увидел CSS, я подумал, что это довольно крутой декларативный способ создать что-то из документа, по крайней мере, в то время. Я думал в основном визуально. Верно. Хотя это еще не все.Но для меня это было похоже на то, что я могу спроектировать эту штуку декларативно, и мне не нужно быть программистом, чтобы сделать это, что было своего рода идеей. Это были академики, в основном из вас, если, знаете, немного лаборант, который.

[00:24:00] О, да, я знаю. Я знаю. Вы большой поклонник лабораторных технологий.

[00:24:03] Да, я делал то же самое, что и большинство моих, но когда у меня был собственный бизнес, я обычно делал большую часть своих деловых документов в счетах-фактурах и предложениях лабораторных технологий и всем остальном.Я имею в виду, что CSS для меня намного проще, чем использование лабораторных технологий, потому что вам как бы нужно смешивать разметку с.

[00:24:22] Я честно думаю, видите ли, CSS - лучший инструмент для набора текста, который у нас когда-либо был. Я имею в виду, вы сравниваете это с использованием графического интерфейса или какой-то странной вещи на полпути, например, слов, где это как будто вы можете как бы заставить вещи выглядеть определенным образом, но тогда все идет перекос, если действительно быстро, и это происходит с поведением . Но это действительно надежный.Вы пишете для этого правила. Вы кодируете это, и это получается определенным образом. Я думаю, что нет. Я не думаю, что если бы люди изобрели CSS сегодня, люди были бы в том числе и настоящими профессионалами вроде JavaScript, которым действительно нравятся их рабочие сценарии и которые в настоящее время думают, да, это немного глупо. Было бы действительно интересно только потому, что это я. Но это было бы действительно интересно, потому что это будет впервые.

[00:25:16] Ага. Стиль думаю.Укладка вещей из. Из одного места, и эти стили распространяются повсюду. Вот что такое рот. Да я согласен. И я думаю.

[00:25:29] Ну, вы знаете, Лео Варро, она написала, что разработала свою книгу с помощью C, оценивающего использование большой круизной линии. Она сделала это с помощью CSS, что действительно здорово. И я знаю, что основатели CSS на самом деле используют CSS для написания своей книги. Но они использовали, я не уверен, что использовал Лео, но я думаю, что они использовали формат под названием Prince Prince X AML. И это на самом деле я использовал это для клиентских проектов в прошлом.Довольно хорошо использовать CSS для печати. Есть и другие инициативы, в которых люди пытаются использовать CSS в качестве системы набора текста на разных платформах. Так что не только в Интернете, но и в печати.

[00:26:22] И я не знаю, мне это очень интересно.

[00:26:25] И я думаю, что идея о том, что практически любой, кто считал, что любой, кто писал документ, как вы знаете, в то время, Интернет изначально был предназначен для документов, тогда они могли бы стилизовать это в том смысле, что это имеет смысл, в некотором роде, как я полагаю, суть того, что вы бы сделали с классической версией.Да, но для этого не обязательно быть программистом. Значит, дело в этом. Мне это показалось довольно инклюзивным, потому что я мог делать это, не имея никакого опыта в области компьютерных наук.

[00:27:01] Итак, я могу представить себе, к чести компьютерных ученых, которые, вы знаете, не любят CSS, когда вы попадаете в среду, где кажется, что это, вы знаете, из дикой природы границы и все прочее идет, и это немного отличается от вашей собственной парадигмы, что вы как бы хотите взять это в свои руки и как бы формировать вещи в соответствии со своим собственным способом работы.Так что я могу это понять. Но это также в некотором роде жаль, потому что я чувствую, что мы теряем ту открытость, которая, как мне казалось, была своего рода духом Интернета в самом начале, когда все было хорошо. Вы знаете, все было хорошо. Люди придумывали разные идеи, мы как бы исследовали их и думали о них. И не было такой среды, в которой люди унижали бы их способ работы по сравнению с нашим собственным. Я всегда рос с этой идеей, которую мне всегда говорили, когда я рос, что всегда есть кто-то, и всегда есть что-то лучше, чем то, что вы делаете, и всегда есть кто-то лучше вас в этом.Я имею в виду. Ага. И это до тех пор, пока вы в некотором роде сохраняете такое отношение. Я имею в виду, что для меня это иногда становится вредным, потому что я всегда чувствую, что другие люди лучше меня почти во всем, что я делаю, понимаете, это совершенно другая тема для другого типа синдрома самозванца в автобусе.

[00:28:29] Ага. Да, может быть, вы знаете, мы могли бы, вероятно, поговорить о синдроме самозванца в какой-то момент, потому что, знаете, я ненавижу этот термин. Ах, да. Вокруг этого столько сложных чувств.

[00:28:41] Я никогда не хочу думать, что у меня это есть, знаете ли, и я не хочу рассказывать людям, что у меня синдром самозванца, потому что я чувствую, что это подтверждает это. Вы не понимаете, о чем я.

[00:28:54] Но в любом случае мы выйдем по касательной на этом. Но как вообще эта идея.

[00:29:02] Это может быть отрицательно, если вы зайдете так далеко, как я, иногда, знаете ли, сомневаясь в себе.

[00:29:08] Но если вы этого не сделаете, тогда вы получите это здоровое отношение, знаете, может быть, то, что делают эти другие люди, лучше в определенном контексте, вы знаете, в определенной среде или учитывая их происхождение или что-то еще.

[00:29:25] Итак, если бы у нас было больше того, где это открытое признание того, что разные люди делают что-то по-разному, это, вероятно, очень помогло бы. Но если посмотреть, кто много говорит об этом, даже основатели говорят, что мы поступили бы по-другому. И я помню, что они вместе вышли на сцену на CSF Day, что было довольно круто.

[00:29:46] И они сказали, что мы хотели бы извиниться за несколько вещей. Знаешь, дело в том, что они извиняются за то, что в рэпе нет слова без дефиса.

[00:29:56] Да, ну, таких вещей было несколько. Я имею в виду, если вы думаете о левом и правом, а не о начале и конце, как мы это делаем в гибкой коробке, вы знаете, обо всех этих типах вещей.

[00:30:09] В то время они казались логичными, но сеть была меньше. Никто не знал, что вот-вот взорвется, как это произошло. Босс Берд однажды сказал мне, что он ожидал, что CSS будет временным решением, но это не может быть временным.

[00:30:26] Когда-то миллионы веб-сайтов используют его, и вы должны оставаться совместимыми.Итак, вы можете просто добавлять вещи. Ты. Я имею в виду, вы можете постепенно отказаться от этого. Со временем вы можете отказаться от них. Но это становится очень сложной ситуацией.

[00:30:43] Но много всего, не только CSS. Я имею в виду JavaScript. Да, я так и скажу. Почему этого не произошло? Я имею в виду, что это было написано за пару дней для начала. А потом, вы знаете, это стало похоже на CSS, что стало серьезной проблемой только потому, что из-за огромного распространения, я думаю, это основная причина. Типа, ох, люди используют это дерьмо.Нам лучше сделать это достойно.

[00:31:06] Ага. Ага.

[00:31:08] И что касается открытого Интернета, как только он появится, он станет уже там. Так. Ага. Точно. И это занимает много времени. Но CSS, если смотреть на него как на язык, это остров.

[00:31:19] Мне нравится. Это довольно круто. Когда я познакомился, когда начал свою работу на том месте, где работаю сейчас, я пошел и встретился.

[00:31:32] Сейчас я занимаю руководящую должность в области дизайна. Так что у меня нет непосредственных разработчиков в моих командах.Но я вышел, и я, знаете, хочу встретить эти команды вроде. Итак, первая команда, которую я встретил, была командой разработчиков, работающих над дизайн-системой. Мы сели, и я первым задал вопрос: кому здесь нравится CSS?

[00:31:52] Вы знаете, но все подняли руки, и это было хорошо, потому что теперь я как бы понимаю, с каким фронтенд-разработчиком я имею дело, в зависимости от того, может это сделать?

[00:32:04] Я думаю, это очень много говорит вам. Да, типа того.

[00:32:08] Но поскольку есть проблемы, я имею в виду, что мы можем сидеть здесь и говорить ни о каком рэпе. Это глупо. И левый, правый стоп, и прочее, и все такое. Я имею в виду, был сайт, где было всего около 50 или 60 разных вещей, которые человек считал ошибкой. И C, оцените это. Но это, знаете ли, в JavaScript тоже есть такая штука.

[00:32:29] Но.

[00:32:32] Но вы можете взять все это на вооружение и по-прежнему любить CSS и любить его концепцию.

[00:32:38] Я думаю, люблю, люблю то, что он делает, в его основной форме.

[00:32:49] Да, но я так рад, что возвращаю это к вопросу о том, программирование это или нет. Так что я думаю, что мы рассмотрели здесь некоторые интересные области, особенно связанные с расширением. Я думаю, что одна из основных тем, которые возникли, заключается в том, что людям очень трудно изменить свое мнение о вещах, быть и принимать вещи, которые отличаются друг от друга. Итак, есть молодые люди, которые изучают информатику, а затем, когда им дают CSS, я думаю, что, вероятно, основная проблема, с которой они сталкиваются, заключается в том, что их просят заняться визуальным дизайном.Это все еще код, и вы все еще так пишете. В нем все еще есть логика, ну, например, у нас явно не было if и else в JavaScript, в CSS, и у нас ее нет, но у нас ее не было в J.S. X тоже. Я имею в виду, что мы избавились от материала FLDS, потому что он нам не нравится.

[00:33:47] Но это не значит, что той логики все еще нет. Селектор - это если, а иначе - нет. Я имею в виду, что в нем даже встроено отрицание, я думаю, псевдокласс.

[00:33:58] И разве Гарри Робертс однажды не сказал, что если вам нравится сложный селектор, это, по сути, набор вложенных операторов if.

[00:34:08] Ага. И я не.

[00:34:10] Я абсолютно согласен с тем, что, поскольку я имею в виду, что логически это может быть, но способ его реализации, насколько мне известно, работает иначе. Это просто.

[00:34:20] Нет, но я думаю, что мы установили, что он не должен работать точно так же, чтобы быть сопоставимым с той же категорией. Верно. Так что да, я думаю, что это правильно. Итак, если у вас есть боковая панель типа точка, вы знаете, боковая панель класса P, он говорит, что стиль абзацев такой, если они появляются во внутреннем родительском элементе, который имеет боковую панель класса.Так что это условная вещь, вроде F, не так ли. Я имею в виду, что это то, к чему я всегда возвращаюсь, если это ко мне и забывает об аплодисментах в одну сторону и обо всем, о чем я думаю, это написание инструкций для компьютера, тогда это программирование для меня. Ты. Вы рассказываете. Компьютер, который делает что-то на языке, понятном компьютеру. Итак, я имею в виду, что вы можете даже пойти так далеко, как я знаю, говоря Алексе, чтобы она занималась программированием, верно? Потому что ты есть что-то, что ты есть.Вы говорите или делаете что-то, что может быть интерпретировано устройством, машиной или компьютером. И эта штука действительно может сработать и сделать это. Вы дали ему программу. Вы дали ему инструкции. Но я думаю, что это действительно интересно, что впереди. Ответ: до того, как возникла эта идея, людям было трудно изменить свое видение вещей. Итак, я имею в виду, вот почему я говорил, и это было очень подстрекательским, но я говорю о узких взглядах.Итак, в чем заключалась идея, что если у вас есть этот механизм в вашем мозгу, когда вы склонны очень узко определять вещи в одной области своей жизни, то этот механизм уже существует.

[00:36:11] Так что его можно применить и к другим вещам. Я не говорю, что вы обязательно будете расистом, потому что вы так не думаете. Да, это язык программирования. Я просто говорю, что это такая же ошибка. И я думаю, что все мы совершаем такие ошибки. У всех нас есть предубеждения, которые мы пытаемся применить к вещам.Итак, программисты, которые привыкли к определенным типам языков, затем получают CFS и думают, что это, черт возьми? Это полностью отличается от того, что я ожидал. Следовательно, это не так. Я не считаю, что это одно и то же, но мне также нравится то, что вы трогали с сетками и всем остальным. Я думаю, что это действительно интересно, графические дизайнеры перемещаются в Интернет, привнося все эти предубеждения и все те идеи, которые действительно подходят только для работы со статическими и неизменными пространствами и ориентациями, и пытаются навязать это тому, что по сути является визуально жидкая и неопределенная среда.Я имею в виду, что я много говорю о проекте, над которым работаю с Энди Балави, обо всех громких вещах. Теперь я начинаю использовать термин «квантовый макет», потому что я развиваюсь. Мне нравится эта идея. Вы не знаете, что не знаете, как это будет выглядеть. Только конкретный пользователь будет знать, как это будет выглядеть, когда они это увидят, потому что это будет определяться настройками и обстоятельствами с их стороны. Я не могу быть, ты не можешь быть там с этой лампой. Так что это квантово, потому что это может быть что-то на боковой панели, или если недостаточно места или уровень масштабирования очень высок, этого не произойдет.Нет места для боковой панели. Так что на самом деле это похоже на слой с одним столбцом. Верно. И это принципиально другие способы и принципиально другой способ дизайна по сравнению с дизайном для печати, когда вы точно знаете, где все будет. Вы знаете, что это будет напечатано, и какого размера эта вещь будет.

[00:38:15] Итак, вы просто принимаете совершенно другой набор решений.

[00:38:23] Я имею в виду, что в обоих случаях вы создаете нечто, представляющее собой набор физических артефактов.Верно. Но помимо этого, я имею в виду, что вы на пути к тому, чтобы попасть туда, это очень, очень другое. Верно.

[00:38:37] Верно. Верно. Так что я согласен с этим. Я думаю, это также то место, откуда вы пришли. Как будто у меня есть представление о том, что такое языки программирования, и я чувствую себя языком программирования.

[00:38:55] Я знаю, что у вас есть языки, зависящие от предметной области, и мне кажется, что CSS определенно зависит от предметной области. Да, это зависит от того, что вы считаете доменом. Если бы ваш домен был веб-сайтом, я бы сказал, что он не зависит от домена, потому что вы также можете использовать его для печати или естественного порядка вещей.

[00:39:13] Но он определенно ограничен, насколько вы знаете, по крайней мере, сейчас это приложение.

[00:39:23] Для меня то, что я всегда считал языком программирования, больше похоже на язык более общего назначения.

[00:39:32] И это буквально следует за этим определением, вы можете запустить это. И запускается ли это в интерпретаторе, или вам нужно сначала его скомпилировать, или что-то еще, что такое CSF, зависит от других языков.Я имею в виду, что у вас должно быть хотя бы что-то вроде HD AML, чтобы иметь возможность увидеть или испытать, что CSF на самом деле делает с тем, что вы используете, вы знаете, для чего.

[00:40:08] Стиль, если хотите. Итак, да, в этом смысле, я имею в виду, у нас уже есть эти различия, и независимо от того, верны они или нет, у нас есть различие языка программирования в отличие от языка разметки, который, как вы знаете, HDMI ELA будет один. И я никогда не слышал обсуждения, что электронная почта HD - это язык программирования, но.

[00:40:31] Ну, думаю, думаю, это так. Я обнаружил, что если я так не думаю, то я расист.

[00:40:38] Это, вероятно, делает меня расистом то, что я считаю c SS языком стиля, который также является одной из тех категорий, которые у нас есть.

[00:40:51] Но независимо от того, сказал ли я, что люблю язык разметки, им нравится языковая часть, которая связывает ее. Вернемся к тому, что вы говорите «язык программирования» и говорите «рыночный язык». Хорошо. Итак, это оба языка, но ведь это языки, которые используются компьютерами, не так ли?

[00:41:08] В большинстве случаев да.Так. Ага-ага. Так что я полагаю, что я имею в виду, что они очень, они в корне очень разные вещи.

[00:41:17] Очевидно, HDL для нас - это Python. Ага. Но вы знаете, и они оба являются компьютерными языками. И я предполагаю, что если для меня это компьютерный язык, то это язык программирования, потому что компьютер ничего не делает, если кто-то не запрограммирует его для выполнения каких-либо действий. Верно. Поскольку у нас не было, у нас не было, знаете ли, мы не достигли сингулярности или чего-то еще.

[00:41:39] Нет, нет.Точно. А мы нет.

[00:41:43] Я думаю, вы знаете, в основном мы оспариваем определение того, что язык стиля - это компьютерный язык.

[00:41:53] Итак, мы согласны, что это все языки, но это компьютерный язык, который выражает представление структурированных документов, или, по крайней мере, так, вы знаете, это было бы определением Википедии.

[00:42:05] А что такое структурированный документ? Что ж, в наших случаях это могут быть приложения, так что эти определения меняются.Кроме того, я думаю, что мы можем согласиться с тем, что есть языки, которые интерпретируются программой на компьютере. Верно. Или на самом компьютере.

[00:42:24] Я бы сказал, что в случае CSS он интерпретируется браузером или пользовательским агентом.

[00:42:32] Если вы хотите немного расширить это, это связано с презентацией, которая является его частью, зависящей от домена. И для меня эта часть программирования немного растягивает, потому что я чувствую, что это не то, на чем я могу написать полный набор инструкций, и компьютер просто сделает то, что мне нужно было сделать.

[00:42:56] Вы знаете, это всегда будет зависеть от этих других элементов, чтобы работать с ним. Поэтому я не могу просто написать программу, посмотреть, оценить и запустить ее. И вот это вроде как мой сам Алекс может просмотреть на основе программирования и просто запустить его.

[00:43:14] Верно. Но но это будет только. Но он просто делает очень конкретные вещи. Такое ощущение, что файл.

[00:43:21] Ну как ты как бегаешь? Как вы запускаете CSS? Что мне то не хватает.

[00:43:25] Можете ли вы открыть терминал и просто запустить файл CSS в отличие от исполняемого файла?

[00:43:34] Ну нет.Или даже в браузере. Да, вы можете загрузить его, но чтобы загрузить, вам придется использовать HDMI. Все в порядке. Два или JavaScript в настоящее время вы также можете использовать JavaScript.

[00:43:45] Но так ли это. Да, я думаю, что это действительно интересный вид, потому что я слышал подобные протесты от людей. И я думаю, что вы представили более веский аргумент, чем тот, который я слышал раньше. Но был там кто-то.

[00:44:03] Что они сказали? Они говорили, что все, что вы видите, это NHT M.Дейли вместе с J.S., нет, J.S. и куча других языков, например продолжение. CSS - это не язык программирования, потому что таблица стилей - это не программа. Хорошо. Думаю, это как бы говорит о том, что вы говорите.

[00:44:20] Ага, но любой вид подстрекательских слов, чтобы сделать это. Есть возможность. На самом деле за этим нет аргументов. Но я не знаю. Думаю, за этим стоит статья.

[00:44:30] Это просто ИРА. Хорошо.

[00:44:33] Но я думаю, что такого рода прикосновения, я имею в виду, как я уже сказал, я думаю, вы выразились лучше, но.Но затем он продолжает, что JavaScript не похож на язык программирования. Он говорит, что и Дж. H. Мысленное продолжение. У каждого из них есть свои узлы категорий. Джаз - единственный язык программирования в списке. Поэтому он считает, что никакой джаз - это не язык программирования. Но Дж. нет, несмотря на то, что нет джаза. Я имею в виду, очевидно, что с джазовой частью это, очевидно, JavaScript.

[00:45:08] Вещь. Значит, теперь это буквально его собственный язык? Если бы я был в пещере, не так ли?Нет, Джесс одна. Нет, у нее отдельный язык. Различия. Единственная разница - это окружающая среда. Вот почему я думаю, что. Так что это просто безработица, правда? Или я сошла с ума?

[00:45:25] Ага. Это JavaScript, который я технически не знал, как он ему нравится. Он работает как C или что-то в этом роде. Верно. Так. Так что можно. Это тот же язык, что и высокие уровни ответов. Верно. Ага. Ага. Точно. Точно. Так что это странное слово. Ага. Замечательно. Итак, я думаю, что я имею в виду, что такая вещь, как окружающая среда, должна иметь свою собственную среду, или она выполняется в ней, потому что вы можете выполнять скрипты заметок.

[00:45:56] Верно. Так что вы можете это сделать. Вы бы просто отметили пробел, а затем имя файла JavaScript, и он запустился. Ага. Таким образом, выполняются их исполняемые файлы.

[00:46:07] Но я думаю, что только потому, что что-то работает в браузере, это уже не так. Просто вы просто явно не набираете команды. Браузер делает это за вас.

[00:46:18] Итак, я предполагаю, что я не думаю, что то, что это явно исполняемая вещь, на мой взгляд, является достаточно хорошим способом разграничения того, что является программированием, а что правильно.Хорошо.

[00:46:32] Но он бы это сделал. Этот парень продолжает и кому-то нравится. Это действительно хорошее объяснение. Стеф, циничный. Стефани вошла и сказала: нет.

[00:46:39] Jess - это среда выполнения, построенная на языках C ++ и JavaScript, которая позволяет пользователям использовать JavaScript вне браузера, потому что, конечно, JavaScript изначально работает только в браузере. Верно.

[00:46:52] Итак, скоро появится AIS, в котором вы можете создать какую-то среду выполнения для оценки C, и в этом случае вы можете использовать оценку C и просто запустить ее.Просто никто, знаете ли, не пытался написать такую ​​среду. Насколько мне известно.

[00:47:10] Но это зависит от того, где вы проводите линию, не так ли, потому что. Ага. Вы могли бы использовать c Assessment in in. Я использовал CSS в пабе. Верно.

[00:47:18] Это не браузер. Верно. Так что я бы написал несколько материалов для электронных публикаций. Я имею в виду, что я использую Пандору, наверное. Ага. И затем я указал на файл C ISIS, а затем у меня есть CSI в том, что не является браузером, поэтому это другая среда.И затем в книге, которую я создаю, которую я затем могу раскрыть в своих книгах или в чем-то еще. Полагаю, язык не зависит от окружающей среды.

[00:47:43] Ага. И в вашем случае, я думаю, я бы стал агентом пользователя. Какой читатель читает вашу таблицу стилей и применяет ее к вашей разметке.

[00:47:55] Ага. Ага. Ага. Точно. Так что да, я не знаю.

[00:47:59] Я не знаю, что мне ответить, если честно.

[00:48:02] То есть мне нужно добавить какое-то заключение, но в каком-то смысле нет.

[00:48:07] Но я думаю, что отчасти проблема и, возможно, это способ увязать ее, заключается в том, что люди всегда будут перемещать столбы ворот в соответствии со своими. Ага. Ага. Повестка дня - это другое слово. Но я полагаю, что да, но чтобы успокоить их собственные предубеждения. Итак, в этой конкретной ветке после этого объяснения. Нет. Just - это среда выполнения, построенная с использованием сценариев C и Java, в которых говорится, что JavaScript может работать вне браузера.

[00:48:33] Затем этот человек отвечает и говорит, что в этом случае ни видеть, ни C ++.Наши языки программирования существуют, и они должны быть, потому что они должны быть скомпилированы компилятором, таким как DCC, чтобы процессор мог их понять.

[00:48:48] Итак, я предполагаю, что я хочу сказать, что если вы хотите верить любой из этих инструкций для компьютеров на реальных языках программирования, вы можете, и вы знаете, вы можете сформировать, что вы можете делать все, что угодно. умственная гимнастика, которая вам нравится, когда вы говорите, что C не является языком программирования.

[00:49:11] Ага.Ага. Все прошло довольно быстро. Да, у меня был.

[00:49:18] Вы видите, что происходит, верно.

[00:49:19] Когда эти обсуждения установлены, это становится именно таким ответом, когда вы можете дать такой ответ серьезно, тогда вы как бы знаете, что это одно из тех обсуждений, о которых вам действительно нужно спросить вопрос, нужно ли вообще обсуждать. Ага. Да сэр.

[00:49:40] Потому что, как вы знаете, когда дело доходит до этой точки, и C не является языком программирования, тогда это он.

[00:49:47] Из этого ничего не выйдет. Верный. Дело в том, что мы знаем, что делает CSS. Мы знаем, насколько это мощно. Да, наверное. Нам просто нужно верить в то, что любой, кому действительно неприятно работать, узнает. Некоторые указывают на то, что им нужно либо научиться работать с ним, либо найти кого-то, кто знает, как с ним работать, чтобы им не приходилось заполнять этот пробел в своих знаниях. Абсолютно. I. Я думал, что JavaScript действительно раздражает, когда я только начинал.

[00:50:22] Это потому, что я этого не понял? Но чем больше я узнал от коллег, людей вокруг меня, тем больше я не очень хорошо разбираюсь в сценарии работы. Я чувствую, что почти не знаю языка. Но потом внезапно начинаешь понимать, насколько это может быть полезно.

[00:50:45] И все то, что я сказал, что было отчасти отрицательным по этому поводу, было просто отчасти самонадеянным.

[00:50:53] Это не было основано ни на чем, кроме моего незнания в этой области. И я чувствую, что когда люди делают то же самое с C, оценивают, что это то же самое.Аналогичная ситуация. Они к этому не привыкли. Да, парадигм родительского программирования программы здесь нет. И одна из моих защитных мер заключается в том, что вы не можете ожидать их присутствия, потому что это не язык программирования. Конечно, вы знаете, что это обсуждение, очевидно, сегодняшнее, но мне показалось, что вы не можете ожидать, что не сможете подойти к самолету и рассердиться, потому что это не машина. Вы знаете, что это не машина. Это самолет. Если вы понимаете, о чем я? Да, получится.И это хорошо. Ага. И это хорошо, потому что они делают разные вещи, и это нормально. И если вы хотите назвать это транспортным средством, знаете ли, и сказать, что все эти вещи являются транспортными средствами, и все эти вещи являются языками программирования, это нормально.

[00:51:51] Но я думаю, что дискуссии возникают из-за недостатка знаний в одной области. Есть недостаток, не хочу сказать, недостаток знаний. Возможно, это недостаток мастерства. Как будто вы еще не достигли совершенства. Так что происходит много разочарований, и вам нужно выразить это, чтобы избавиться от них.

[00:52:14] Но люди, которые зарабатывают на жизнь оценкой или это большая часть их работы, обижаются на это.

[00:52:21] Точно так же, как если бы я сказал что-то уничижительное о JavaScript, мировые операционные системы JavaScript могли бы обидеться на это, потому что они так много вложили в это. И они понимают, благодаря своему уровню мастерства, все эти вещи, которые возможны с языком, которого я просто еще не знаю, тогда да, это то, с чего начинаются эти обсуждения, и почему, вы знаете, у нас есть две стороны забор об этом, потому что ты чувствуешь, что делаешь мне больно.Знаешь, ты сейчас пинаешь меня туда, где болит.

[00:52:53] Это то, чем я занимался последние 20 лет или что-то в этом роде. А ты это оскорбляешь. Ага. Ага. И тогда это незадолго до того, как вы узнаете, что C не является языком программирования. И все, кто с этим не согласен, - расисты.

[00:53:05] И, знаете, это просто идет в эту кроличью нору из, я думаю, комментариев YouTube и комментариев Twitter, а я не знаю.

[00:53:18] Ага. Я имею в виду, что это может.Да, как вы говорите, может быстро измениться. И гм, и я был похож на вас с JavaScript, где. Я не знаю, думал ли я, что это было так, как будто это было плохо, или это было плохо спроектировано или что-то в этом роде. Но я кое-что нашел. Мне было очень трудно понять. И я, по сути, очень рассердился на это.

[00:53:44] И мне очень неприятно пытаться это изучить.

[00:53:49] Это заняло намного больше времени, чем мне хотелось бы, чтобы разобраться с этим. Но теперь, как ни странно, теперь, когда я действительно это понимаю и думаю, что понимаю основы, я предпочитаю писать JavaScript, чем писать своего рода фреймворк высокого уровня.Он был посредником в JavaScript. Если вы как бы имеете в виду, что мне нравится знать, что то, что я пишу, на самом деле я напрямую влияю на вещи, понимаете? Да, на самом деле мне просто нравится играть с рейзом и тому подобным, и делать крутые штуки с массивами, используя методы массивов. Мне больше всего нравится это делать с помощью JavaScript. Мне это нравится гораздо больше, чем я играю. Джесс Икс или что-то в этом роде. И точно так же с CSS, я бы скорее написал CSS, чем SS, просто потому, что мне кажется, что я на самом деле я на самом деле играю с механикой самой вещи.Да, я не так уж и далеко.

[00:54:45] Да, мне это нравится, потому что мне нравится писать простой CSS, потому что я точно знаю, что происходит, и да.

[00:54:56] Тогда нет никакой прослойки между тем, что, знаете, о чем я думал, и тем, что выходит. Так что я этого не делаю. Нет, я ничего не имею против SAS или каких-либо других инструментов или того, что люди используют, видят, оценивают, я думаю.

[00:55:17] Я думаю, что это здорово, и они чувствуют потребность.

[00:55:19] Но мне очень нравится понимать, что я делаю. И это одна из неприятностей в изучении JavaScript или любого другого типа программирования общего назначения, которому, как вы знаете, я пытаюсь научить себя. Спустя годы я действительно хочу это понять. Я не хочу просто скопировать и вставить что-то, чтобы получить определенный эффект. У меня или у меня есть какой-то дружественный слой абстракции, который делает что-то, что я не знаю, что происходит в фоновом режиме, потому что, как мы знаем, слои абстракции все время меняются, а также меняются базовые языки.

[00:55:58] Но базовые языки вашего, если вы выучите их тогда. Знаешь, это просто ведет тебя дальше.

[00:56:08] То есть мне не обязательно. да. Узнай что-то новое примерно за два-три года. Все, что мне нужно сделать, это добавить некоторые знания, которые я уже получил в прошлом. И я думаю, что есть большая ценность в том, чтобы разбираться в гайках и болтах, и я действительно понимаю, что я имею в виду. Хорошо. Так что это одна из таких вещей, и мы, вероятно, должны на этом подвести итоги.Но это один из тех аргументов, который тоже не подходит. Итак, я слышал это обсуждение, где я говорил что-то подобное раньше, где мне нравится знать, что происходит, и действительно выучить язык, чтобы вам не нравились такие вещи, как черный ящик.

[00:56:46] Да, мне не нравятся такие вещи, как черный ящик. И если я это понимаю, но когда я упоминал об этом в прошлом, есть люди, которые думали, что вы против любого уровня абстракции.

[00:56:55] И мне нравится, нет, не сейчас, а письменно.Я имею в виду, что в JavaScript написание функции - это абстракция, не так ли? Я имею в виду, да, это другое дело. Как далеко ты собираешься зайти? Ага.

[00:57:07] Ага. Точно.

[00:57:08] Трудно сказать что-то без того, чтобы кто-то неправильно понял, потому что они приближаются к определенной точке зрения, и они просто такие: ну, ну почему бы вам просто не пойти дальше и знаете, выпишите все нули и единицы на месте.

[00:57:26] Нет. Упущено только то, что у меня есть.Ага.

[00:57:31] Мне не нужно знать машинный язык. Я просто этого не знаю. Так что у меня нет реальной защиты от этого. Я имею ввиду, почему я не пишу? Вероятно, единственная причина, по которой я не стал бы писать нули и единицы, - это или единственный аргумент, который у меня есть против этого, - это просто займет слишком много времени. Я не знаю. Я не могу защитить изучение JavaScript от изучения нулей и единиц, понимаете, написания всего в двоичном коде. I. Я просто.

[00:58:01] Вот и все. Это странная вещь с точки зрения производительности.Я обнаружил, что я не использую фреймворк или уровень абстракции, который упрощает и ускоряет работу, потому что я не пытаюсь понять одного конкретного человека, внутреннюю часть его головы. Я просто использую стандарт, и есть спецификации, в которых я могу поискать информацию, если потребуется, и я знаю, где я нахожусь.

[00:58:27] Что, возможно, является спецификацией совокупности того, что внутри, как вы знаете, что находится в.

[00:58:34] Ага. Но это то, что я собираюсь поставить.Я полагаю, что он не особо самоуверен по отношению к одному человеку или нескольким людям. Или небольшая группа, такая как большая группа Коулмана, и в более широком смысле, это более широко распространено и понимается посредством консенсуса. Вот какие стандарты, я полагаю, не так ли. Ага. Ага. Но да. Итак, я думаю, что, вероятно, подведя итоги, я думаю, что то, что вы коснулись немного назад, было действительно важной частью, и я думаю, что ценить что-либо важно, важно по-настоящему осмыслить это и действительно понять основы этого.

[00:59:18] Думаю, у вас наверняка было бы больше.Я имею в виду, я думаю, что многие люди, которые имеют больше шансов по-настоящему оценить и получить удовольствие от JavaScript, если они чем-то похожи на меня, пытаясь на самом деле понять основные особенности языка, а не начинать с реакции или чего-то еще. Я имею в виду, что, может быть, другие люди другие, но я чувствую, что именно это заставило меня полюбить JavaScript. И я думаю, что любой, кому это не нравится, действительно не очень доволен тем, что не знает такого рода.

[00:59:49] Фрейзер поднимает руки вверх и пожимает плечами по поводу CSS.Может быть, если бы они ненадолго отошли от Sass и немного увидели эти модули и на самом деле попытались понять основы понимания каскада, наследования и специфичности, а также то, как они могут это сделать на самом деле. Работайте действительно выгодно, и это действительно возможно. Повышается урожайность. Тогда у них может быть такой же момент вокруг CSS, как у меня есть момент вокруг JavaScript. И что-то пошло, о, на самом деле, это довольно хорошо спроектировано, и это отчасти круто.Ага. И я могу использовать это очень эффективно.

[01:00:31] Ага. И ключевое слово здесь - мощь.

[01:00:34] Ага. Я допил Гиннесс.

[01:00:39] Ага. Это включало подобное. Примерно через полчаса мы допиваем пиво, и все готово.

[01:00:45] О да. Пиво готово. Я не буду садиться в машину.

[01:00:49] Молодец. Даже в качестве пассажира. Все в порядке.

Введение в язык программирования HTML / CSS

Введение в язык программирования HTML / CSS

Язык разметки гипертекста, сокращенно называемый HTML, - это формат, содержащий текстовое содержимое и данные разметки, указывающие тип и значение этих данных.Например, блоки текста могут быть помечены как заголовки, абзацы или ссылки, а ссылки могут быть сделаны на внешние изображения и другой контент, который будет встроен вместе с текстом.

Каскадные таблицы стилей, сокращенно называемые CSS, - это язык представления, который стилизует внешний вид контента. Например, он может управлять шрифтами, позиционированием и цветами текста.

HTML и CSS - это два разных языка. Считается лучшей практикой не смешивать их. Хотя можно определить CSS внутри документа HTML, это в первую очередь подрывает преимущества использования отдельного языка стилей.

Вместо этого файлы HTML должны представлять только само содержимое, а файлы CSS всегда должны отображать внешний вид этого содержимого.

История HTML / CSS

Изначально в 1990 году HTML предназначался только для обеспечения структуры текстовых документов. В нем была концепция нескольких уровней заголовков и основного текста, но не более того.

HTML 2.0 был выпущен в апреле 1994 года и одобрен W3C в качестве стандарта в сентябре 1995 года, и он содержит изображения.Разработчикам было предоставлено очень мало контроля над отображением изображений. Фактически, теги изображений поддерживали только два атрибута: один для источника изображения (с указанием URL-адреса, из которого изображение может быть загружено) и один для альтернативного текста (сообщение, которое будет показано пользователю, если изображение не может быть отображено для некоторая причина).

HTML 3.0, выпущенный в ноябре 1993 года, добавил таблицы. Они предназначались только для использования для представления «табличных данных», то есть данных, которые по своей природе являются двумерными.

Однако намерения W3C (консорциума World Wide Web, организации, ответственной за публикацию веб-стандартов) были проигнорированы разработчиками. Создатели веб-сайтов быстро использовали таблицы как средство управления компоновкой страницы. Действительно, таблицы обеспечивали почти такой же уровень контроля, что и традиционные издатели.

HTML 3.2, опубликованный 5 мая 1996 г. и рекомендованный в качестве стандарта в январе 1997 г., представил такие элементы дизайна, как шрифты, цвета и элементы фона.Эта разработка ознаменовала рождение современного веб-дизайнера. Внезапно веб-страницы перестали быть посвящены только содержанию, и представление стало королем.

Разработчики браузеров, стремясь извлечь выгоду из этой тенденции, начали внедрять собственные проприетарные теги форматирования. Компании, создавшие браузеры, видели в этих тегах способ заблокировать пользователей и закрепить их позицию в отмеченном. Эти теги для конкретных браузеров рекламировались как улучшающие работу пользователей.

Некоторые проприетарные теги стали частью будущих стандартов HTML, но многие этого не сделали.Примеры включают тег Netscape и тег в Internet Explorer.

Использование HTML-тегов для управления внешним видом веб-страниц позволяет решить ряд проблем. Многие искажения, которым веб-разработчики подвергали свои страницы во имя макета страницы, вызвали проблемы с доступностью для пользователей с ограниченными возможностями. Браузеры по-разному интерпретируют HTML-код, в результате чего страницы отображаются по-разному в разных средах. Контент, использующий проприетарные теги, иногда вообще не отображался.Последняя проблема усугублялась тем, что теги становились «осиротевшими» всякий раз, когда конкурирующая спецификация побеждала в качестве стандарта, оставляя проигравшую спецификацию позади.

W3C наконец придумал лучший способ. Они вернутся к корням Интернета, завершив отделение содержания от его представления. Процесс начался в декабре 1996 года с выпуска спецификации CSS уровня 1.

CSS был детищем Хокона Виума Ли. Затем Ли работал с Тимом Бернерс-Ли, создателем HTML, а позже стал техническим директором Opera Software.Предложение Ли было одним из многих предложений по таблицам стилей, сделанных в то время, но его предложения и предложения Берта Боса больше всего повлияли на то, что мы теперь знаем как CSS.

Корни таблиц стилей восходят к SGML, предшественнику XML, который изначально вдохновлял HTML. Однако ни одна из существующих технологий, таких как DSSSL или FOSI, не была достаточно гибкой для динамической, модульной природы всемирной паутины. Это было желание позволить стилю документа охватывать несколько файлов, что привело к каскадной природе CSS, когда один стиль мог каскадироваться на нескольких листах.

Первоначально создание и стандартизация CSS входила в компетенцию редакционного совета W3C по HTML (ERB), но со временем он стал настолько влиятельным, что в начале 1997 года был сформирован собственный комитет - Рабочая группа CSS, которую тогда возглавлял Крис Лилли.

Лучшие книги по HTML / CSS

HTML / CSS необходим для обучения программированию. В Интернете есть множество учебных пособий по HTML, в которых вы можете получить доступ и изучить кодирование HTML. С помощью справочных ресурсов html вы легко можете стать ниндзя HTML.Но истинное знание приходит из книг, в которых подробно обсуждаются многие концепции. Мы перечислили ниже три категории книг. Это начальный, средний и продвинутый уровни. Посмотрите их прямо сейчас!

• HTML и CSS: проектирование и создание веб-сайтов

  by Jon Duckett

  С каждым днем ​​все больше и больше людей хотят изучать HTML и CSS. К профессиональным веб-дизайнерам и программистам присоединяются новые аудитории, которым нужно немного знать код на работе (обновить систему управления контентом или интернет-магазин), и те, кто хочет сделать свои личные блоги более привлекательными.Многие книги, обучающие HTML и CSS, сухие и написаны только для тех, кто хочет стать программистом, поэтому в этой книге используется совершенно новый подход.

• HTML5 и CSS3 All-in-One для чайников

  by Andy Harris

  HTML5 и CSS3 являются важными инструментами для создания динамических веб-сайтов и могут похвастаться обновлениями и расширенными функциями, которые могут сделать ваши веб-сайты еще более эффективными и уникальными. В этом удобном универсальном руководстве содержится все, что вам нужно знать о каждой из этих технологий и их последних версиях, чтобы вы могли использовать их вместе.Основываясь на самых популярных форматах первых двух редакций, эта новая редакция учит вас основам HTML5 и CSS3, а затем представляет способы их использования с JavaScript, MySQL и Ajax для создания работающих веб-сайтов.

• HTML и CSS для начинающих с HTML5

  by Mark A Lassoff

  Нет веб-сайта - будь то WhiteHouse.gov, IBM.com или сайт местной средней школы - это не написано в HTML.Если вы занимаетесь веб-разработкой любого уровня - от редактирования страниц на сайте WordPress до создания оригинальных страниц с нуля, понимание и умение кодировать в HTML и CSS может дать вам уровень контроля и власти над вашими проектами, которые вы я никогда раньше не испытывал.

• Расширенный профессиональный веб-дизайн: методы и шаблоны

  by Клинт Эккер

  Расширенный профессиональный веб-дизайн: методы и шаблоны (CSS и XHTML) - это книга, обязательная для продвинутых дизайнеров, которые хотят расширить свои навыки и улучшить качество своих дизайнов.Изучение технологии CSS и постоянное совершенствование навыков проектирования и разработки становится все более важным для каждого веб-дизайнера на современном рынке.

• Pro Шаблоны дизайна CSS и HTML

  by Майкл Бауэрс

  Pro Шаблоны дизайна CSS и HTML - это справочник и кулинарная книга о том, как стилизовать веб-страницы с помощью CSS и XHTML. Он содержит 350 готовых к использованию шаблонов (фрагменты кода CSS и XHTML), которые вы можете скопировать и вставить в свой код.Каждый узор можно комбинировать с другими узорами для создания неограниченного количества решений.

• Освоение интегрированного HTML и CSS

  от Вирджиния ДеБолт

  Этот уникальный подход к изучению HTML и CSS одновременно показывает вам, как сэкономить время и повысить продуктивность, научившись структурировать свой (X) HTML-контент для достижения наилучшего эффекта со стилями CSS. Вы узнаете, как создавать веб-сайты, доступные для самого широкого круга посетителей, создавать CSS для печати и портативных устройств и работать с различными макетами на основе CSS.

Проекты HTML / CSS

Есть масса проектов HTML / CSS. Любой веб-сайт, который вы открываете, использует оба элемента, и нет возможности убежать от технологии. Ниже приведены некоторые из замечательных веб-сайтов, построенных с использованием HTML / CSS.

HTML / CSS-конференции

В мире проводится множество HTML / CSS-конференций. Большинство конференций посвящены одной технологии, это может быть HTML или CSS.

• HTML5DevConf

  HTML5DevConf - ведущая конференция HTML5.Он проходит в Сан-Франциско один раз в год.

• CSS Day

  CSS Day - двухдневная конференция, посвященная как HTML, так и CSS.

• WebDevCon

  WebDevCon принадлежит Amazon. Он ориентирован на интерфейсные технологии, включая HTML и CSS.

• HTML5 Days

  HTML5 Days - немецкая конференция HTML5.

• DevNexus

  DevNexus - конференция для профессиональных разработчиков. Он ориентирован на веб-разработку.

Что такое CSS? Как выучить CSS для начинающих

CSS - один из краеугольных камней Интернета.Если HTML - это костяк веб-сайта, то CSS - это то, что делает сайт лучше, чем его скелет. Без CSS веб-страницы были бы скучными и скучными.

Для новичков CSS - отличный язык программирования для изучения, потому что его легко понять, и есть масса ресурсов и учебных пособий, показывающих, как его использовать. (Фактически, одним из первых вещей, которые я узнал, связанным с веб-дизайном и разработкой, был CSS!)

Синтаксис и концепции CSS имеют смысл даже для тех, кто не разбирается в технологиях.Кроме того, мы каждый день видим CSS на известных и любимых нами веб-сайтах, что упрощает понимание необходимости CSS и того, как и почему используется CSS.

В этом посте мы расскажем, что такое CSS, что делает CSS, почему он важен и почему вам следует изучать CSS (плюс некоторые ресурсы, чтобы начать его изучение). Этот пост для вас, если вы новичок в программировании и веб-разработке или если вы уже изучили HTML и готовы к следующему шагу.

Содержание

Раскрытие информации: я горжусь сотрудником некоторых ресурсов, упомянутых в этой статье.Если вы купите продукт по моим ссылкам на этой странице, я могу получить небольшую комиссию за то, что направлю вас. Спасибо!

Что такое CSS?

Во-первых, что означает CSS? CSS означает C ascading S tyle S heets. CSS - это язык таблиц стилей , который добавляет стили и форматирование к документам, написанным на языке разметки, таком как HTML. Почти все веб-страницы и пользовательские интерфейсы, написанные с помощью HTML, используют CSS.

В настоящее время в своей третьей версии (часто называемой CSS3) CSS добавляет представление (например, CSS3).g., макеты, цвета, шрифты) на веб-страницу, тогда как HTML создает структуру страницы. Почему так важен CSS? Без этого веб-сайты были бы мягкими, с трудностями для навигации и неприветливыми для пользователей.

Как и HTML, CSS не является вашим типичным «языком программирования» (например, JavaScript, Java, Python). Это не требует знания циклов, переменных и других концепций информатики.

🎨 Вместо этого, как следует из названия, CSS - это язык «таблиц стилей», который добавляет стиль к содержимому веб-страницы.Он превращает простой HTML (который сам по себе выглядит как обычный документ Microsoft Word) в красивые и уникально настроенные веб-сайты. По этой причине важность CSS в веб-дизайне трудно переоценить!

Когда дело доходит до обучения навыкам и технологиям, связанным с веб-разработкой, HTML и CSS часто являются отправной точкой, и их часто преподают вместе в одном курсе, поскольку они так тесно связаны.

☝️ Вернуться к содержанию

Начать кодирование сейчас

Прекратить ждать и начать обучение! Получите мои 10 советов, как научиться программировать.

Успех! Теперь проверьте свою электронную почту, чтобы подтвердить подписку.

Для чего используется CSS?

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

В то время как раньше можно было добавлять стиль с помощью HTML или CSS, последняя версия CSS3 действительно расширилась и дает больше возможностей для творчества.

Почему мы используем CSS? В конечном итоге это облегчает нашу жизнь. CSS позволяет разделить представление из структуры (HTML) на разные файлы. Это делается с помощью внешней таблицы стилей с расширением файла .css. (Эта внешняя таблица стилей является наиболее предпочтительной, поскольку она намного эффективнее при внесении изменений.)

Разделение файлов CSS и HTML дает такие преимущества, как возможность совместного использования стилей на нескольких веб-страницах, снижение сложности / повторения в файлах HTML, повышение скорости загрузки страниц, быстрое и легкое внесение универсальных изменений стиля для всего веб-сайта и т. Д.

Существуют также другие методы для включения стилей CSS, например внутренний (когда стиль определяется в верхней части HTML-страницы) и встроенный (добавление стиля прямо к определенному тегу HTML).

CSS также делает веб-сайты более доступными. В прошлом настройка файлов HTML таким образом, чтобы они были доступны для программ чтения с экрана и других методов, была сложной задачей. CSS3 упростил это, позволяя отображать одну и ту же страницу разметки разными способами, такими как экран, печать, голос и на устройствах с тактильным шрифтом Брайля.

➡️ Наличие доступного веб-сайта важно по многим причинам. Узнайте больше о веб-доступности здесь или послушайте мое интервью в подкасте с Джудит Лунг: Почему важна доступность (по мнению совершенно слепого программиста) (S6E3).

Как работает CSS?

Как я упоминал ранее, CSS означает каскадные таблицы стилей. Вам может быть интересно, что это за «каскадный» бизнес.

Codecademy изящно объясняет это: 👇

«Каскадирование» в CSS относится к тому факту, что правила стилей «каскадируются» из нескольких источников.Это означает, что CSS имеет внутреннюю иерархию, и стили с более высоким приоритетом будут перезаписывать правила с более низким приоритетом.

В основном это означает, что для установленных вами стилей CSS существует каскадный порядок. Допустим, в начале вашей внешней таблицы стилей вы делаете все абзацы синим шрифтом. Но затем внутри вашего HTML-документа вы выделяете один абзац красным цветом.

Из-за каскадного порядка объявление красного стиля будет преобладать над синим, и этот абзац будет красным.

Каскадный порядок

Вообще говоря, все стили будут «каскадированы» в новую «виртуальную» таблицу стилей по следующим правилам, где номер четыре имеет наивысший приоритет:

1. Браузер по умолчанию
2. Внешняя таблица стилей
3. Внутренняя таблица стилей (в разделе заголовка)
4. Встроенный стиль (внутри элемента HTML)

📶 Для получения дополнительной информации о каскадировании ознакомьтесь с этой статьей на , как сделать вставить CSS .

Это может сбить с толку новичков. Не волнуйся. Это похоже на порядок операций в математике.

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

В настоящее время существуют более продвинутые языки расширения CSS, которые предлагают еще большую эффективность рабочего процесса - например, Sass.Но прежде чем переходить к ним, важно понять, как работает CSS и его синтаксис (то есть правила языка).

☝️ Вернуться к содержанию

Как выглядит CSS?

CSS состоит из селекторов , свойств , и значений .

Давайте рассмотрим это на примере. Если бы у вас был абзац HTML, который выглядел бы так:

Hello world!

, вы могли бы стилизовать этот абзац с помощью CSS.

Это может выглядеть так:

п {

семейство шрифтов: verdana;

размер шрифта: 20 пикселей;

цвет: синий

}

Как вы могли догадаться, это изменит семейство шрифтов на Verdana, размер шрифта на 20 пикселей и цвет шрифта на синий.

В этом случае «p» в CSS называется «селектор », потому что он выбирает, к какому элементу HTML добавить стиль.

Вся информация в фигурных скобках называется «декларация », потому что вы «объявляете», каким будет стиль. Объявления включают « свойств » и « значений », которые изменяют способ просмотра селектора.

Точно так же, если у вас есть заголовок HTML

Пример CSS

, стилизация его с помощью CSS будет выглядеть так:

h2 {

цвет: белый;

выравнивание текста: по центру;

}

Это изменит цвет шрифта на белый и выровняет его по центру страницы.

Примечание: Вы также можете оставить свой CSS в одной строке, например: p {font-family: verdana; размер шрифта: 20 пикселей; цвет: синий}

Ниже приведен пример, показывающий, как выглядит CSS

CSS-свойства включают:

• background-color
• font-weight
• margin
• padding
• width
• border-style
• opacity
• И многое другое!

Вот полный список свойств CSS.

Хотите стать лучше с HTML?

Загрузите мою бесплатную шпаргалку по HTML5 ниже.

Успех! Теперь проверьте свою электронную почту, чтобы подтвердить подписку.

☝️ Вернуться к содержанию

Функции CSS3

Помимо структуры самого языка CSS, многие дизайнеры и разработчики нуждаются в функциях CSS, которые делают работу с ним еще проще.

Фреймворки CSS

CSS-фреймворки

- это библиотеки, которые упрощают стилизацию веб-сайтов с помощью CSS.Они отлично подходят для быстрого прототипирования, но также допускают настройку.

Два самых популярных фреймворка CSS - это Bootstrap и Foundation. Я никогда не работал с Foundation, но слышал, что он чем-то похож на Bootstrap. И мне очень нравится Bootstrap. Серьезно - я использую Bootstrap для всего, что я создаю, от сайтов WordPress до статических сайтов, а теперь, совсем недавно, и веб-приложений!

CSS-анимации

С CSS3 появилась анимация. Раньше, чтобы анимировать что-то маленькое на вашем сайте, вам приходилось полагаться на JavaScript.Теперь с CSS3 добавить небольшой эффект анимации просто.

Вот несколько популярных эффектов анимации CSS (и способы их использования), на которые можно сразу обратить внимание, когда вы освоите основы CSS.

Медиа-запросы

Использование CSS также отлично подходит для мобильных устройств благодаря медиа-запросам. Как и HTML5, CSS3 также был разработан, чтобы быть более удобным для мобильных устройств. Чтобы ваш веб-сайт выглядел привлекательно на нескольких экранах, в CSS3 есть замечательная функция, называемая медиа-запросами.

Медиа-запросы позволяют форматировать презентацию для экранов разных размеров, например планшетных, мобильных и настольных ПК, без изменения самого содержимого.Удобный! Узнайте больше о медиа-запросах здесь.

Как выучить CSS

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

🤔 Кому следует изучать CSS?

CSS идеально подходит для тех, кто хочет создать свой собственный сайт (например, блог, портфолио, электронная коммерция). Это также идеальная отправная точка для тех, кто хочет стать разработчиком или дизайнером.На самом деле, для всех, кто хочет изучить основы работы с веб-сайтом, CSS - отличное место для начала.

Черт возьми, если вы графический дизайнер или дизайнер UX (или стремитесь им стать), наличие навыков CSS за плечами - огромное преимущество, когда дело касается рынка труда.

🧠 Сложно ли выучить CSS?

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

⏰ Сколько времени нужно, чтобы изучить CSS?

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

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

В курсе edX CSS Basics вы можете изучить основы CSS за 5 недель (потратив всего 5-7 часов в неделю).

Программа LinkedIn Learning Path Learn CSS включает 27 часов содержания. Если вы будете тратить на это 5-7 часов каждую неделю, это займет у вас 3-5 недель.

❓ Когда изучать CSS

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

💻 Где изучить CSS

Вот пять моих любимых мест для изучения CSS:

1. Изучите CSS на Codecademy : В этом курсе CSS вы изучите все основы CSS: как настроить правильную файловую структуру, редактировать текст и цвета, а также создавать привлекательные макеты.
2. Введение в CSS3 на Coursera : этот курс CSS, проводимый Мичиганским университетом, предназначен для обучения правилам CSS, тестированию кода и выработке хороших навыков программирования.
3. Team Treehouse: Имеет более 36 видеороликов и семинаров по CSS. И они все время добавляют новые курсы.
4. CSS-уловки: Текущие и актуальные CSS-уловки. Также имеется обширный альманах CSS, который можно использовать в качестве справочного материала. Один из моих любимых.
5. Сеть разработчиков Mozilla: Отличное бесплатное и обновленное справочное руководство по CSS.

Также посетите эти бесплатные места для бесплатного изучения CSS (и других языков)!

☝️ Вернуться к содержанию

После CSS: следующие шаги

Когда вы освоите и HTML, и CSS, следующим хорошим шагом будет изучение JavaScript.Это поможет вам создавать более интерактивные и привлекательные веб-сайты.

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

Какой язык изучать после CSS, также может зависеть от ваших технических целей. Если JavaScript не подходит для ваших карьерных целей, возможно, лучше выбрать что-нибудь другое! Послушайте эпизод подкаста LTCWM с Дэвидом Клинтоном, чтобы узнать больше о том, как выбрать, какой навык изучать дальше!

В чем разница? • Веб-дизайн и поисковая оптимизация Лонг-Бич

Когда вы проектируете или разрабатываете веб-сайт, вам необходимо знать три разных языка программирования: HTML, CSS и JavaScript .

• HTML : язык, который определяет, как документы и веб-страницы отображаются в веб-браузере, язык для строительных блоков любого веб-сайта.
• CSS (каскадные таблицы стилей) : популярный язык таблиц стилей, определяющий стиль документа, созданного в HTML (цвета, стили шрифтов, макет и адаптивные функции).
• Javascript : позволяет изменять элементы CSS и HTML на вашем веб-сайте после загрузки сайта, что дает вам возможность сделать ваш сайт более интерактивным и интересным для пользователей.

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

Что можно делать с каждым языком программирования?

• С помощью HTML вы сможете создать структуру своего веб-сайта.
• CSS дает вам возможность сделать веб-сайт более привлекательным.
• Что касается JavaScript, это надежный язык программирования, который позволяет вам эффективно изменять компоненты HTML и CSS вашего веб-сайта в точном соответствии с вашими спецификациями.

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

В следующей статье дается подробное сравнение языков программирования HTML, CSS и JavaScript.

Веб-разработка и языки программирования

Веб-сайты можно разрабатывать с использованием широкого спектра различных языков кодирования и программирования, некоторые из которых более сложны, чем другие. Некоторые из наиболее распространенных языков веб-разработки включают HTML, CSS, JavaScript, PHP, Python, Ruby и SQL. Хотя Ruby и PHP чрезвычайно популярны среди предпринимателей, стартапов и веб-разработчиков, основных языков HTML, CSS и JavaScript должно быть достаточно, чтобы вы понимали основы веб-дизайна и разработки.

Каждый из этих языков веб-разработки имеет различных целей . Например, Ruby - это масштабируемый и быстрый язык программирования, который может помочь вам создать обширный веб-сайт или программу за короткий период времени. В сочетании с фреймворком Ruby on Rails этот язык дает разработчикам практически все необходимое для создания веб-сайта. С помощью такого языка, как SQL, разработчики могут поддерживать и оптимизировать большие базы данных гораздо более рационально.

Различные типы проектов включают разные языки кода. Многие профессиональные веб-разработчики также имеют свои собственные предпочтения, которые они будут использовать, даже если другие языки программирования оказались более популярными. Различные платформы построены на разных языках. Например, WordPress построен в основном на мощном PHP-коде, хотя также используются HTML и CSS.

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

Что такое HTML?

HTML - это язык программирования, который расшифровывается как язык гипертекстовой разметки. Это относительно упрощенный, но мощный язык программирования, который позволяет веб-разработчикам и владельцам веб-сайтов создавать структуру своих веб-сайтов. Если вы хотите, чтобы предложение в сообщении блога было выделено жирным шрифтом, для этого можно использовать HTML.При использовании этой системы любые текстовые файлы могут быть помечены тегами для эффектов, графики, шрифтов или цветов. Если вы никогда раньше не использовали какой-либо язык программирования, HTML будет отличным местом для начала. Помните, что разметка HTML улучшена с помощью CSS и JavaScript, поэтому рекомендуется сначала изучить этот язык программирования.

Что можно делать с HTML?

Основная причина, по которой важно знать HTML, заключается в том, что позволяет вам, как владельцу веб-сайта, создать базовую структуру вашего веб-сайта , из которой вы можете использовать любой другой язык программирования для улучшения дизайна.

• Обладая базовым пониманием HTML, вы можете значительно повысить контроль и гибкость своего веб-сайта.
• Вы сможете вносить свои изменения, зная этот код.
• Некоторые платформы автоматически реализуют многие из более сложных функций дизайна веб-сайта, что оставляет вам возможность вносить незначительные изменения, которые можно внести с помощью HTML.

Что такое CSS?

CSS - это язык таблиц стилей, который почти полностью ориентирован на улучшение представления элементов HTML. Хотя CSS является статическим языком программирования, с его помощью можно сделать ваш веб-сайт визуально приятным и современным. Если вы хотите, чтобы ваш веб-сайт имел гладкий и стильный дизайн, используйте CSS. Обладая базовым пониманием CSS, вы можете вносить изменения в общий внешний вид своего веб-сайта, что полезно, когда вы хотите привести внешний вид своего веб-сайта в соответствие с эстетикой вашего бренда.

Что можно делать с помощью CSS?

Несмотря на то, что CSS в основном используется для создания статических визуальных эффектов, последние версии языка программирования предлагают некоторые функции для создания очень простых анимаций.

• Если вы хотите изменить цвет некоторого текста на веб-странице, базовый CSS позволит вам сделать это, добавив код стиля к HTML-коду, который уже есть на вашей странице.
• Наряду с представлением HTML, CSS также можно использовать для изменения макета и форматирования вашего веб-сайта.
• Когда вы овладеете основами CSS, вы сможете улучшить внешний вид своего веб-сайта и всего HTML, который вы уже добавили в дизайн.

Что такое JavaScript?

JavaScript - один из важнейших языков программирования для владельцев веб-сайтов, которые хотят сделать свой сайт более интерактивным, что делает его самым сложным из трех стандартных языков программирования, описанных в этой статье. В то время как HTML обеспечивает структуру для веб-сайта, а CSS позволяет вам управлять представлением сайта, язык программирования JavaScript предоставляет инструменты, необходимые для изменения поведения различных элементов на странице веб-сайта. С помощью этого инструмента вы можете добавить уровень интерактивности к элементам CSS и HTML на своем веб-сайте, что настоятельно рекомендуется, если вы хотите, чтобы ваш веб-сайт нравился современным клиентам.

Большинство современных веб-сайтов снабжены кнопкой меню, которую можно щелкнуть, чтобы отобразить выбор областей на веб-сайте, к которым вы можете перейти.Кнопка меню обычно открывает небольшое меню сбоку страницы, которое добавляет интерактивности самой странице. Все это работает на JavaScript и может сделать ваш сайт более современным и сложным.

Обладая базовыми знаниями и JavaScript, вы можете управлять различными интерактивными функциями своего веб-сайта для выполнения широкого диапазона действий. Если вы хотите иметь полный контроль над дизайном и функциями своего веб-сайта, вы должны знать хотя бы часть кода, связанного с JavaScript.

Что можно делать с помощью JavaScript?

Типы вещей, которые вы можете делать с помощью JavaScript, практически безграничны. Этот язык программирования может предоставить вам инструменты, необходимые для:

• Создание калькулятора для вашего веб-сайта
• Создание различных сочетаний клавиш, которые позволяют пользователям легко переходить на другие страницы
• Воспроизведение анимации, когда пользователи прокручивают страницу вниз

Начиная с вы можете изменять элементы HTML и CSS с помощью JavaScript, это может быть очень полезным языком для изучения.

Лучшие ресурсы для изучения языков веб-разработки

Если вы хотите улучшить свои знания и понимание многих распространенных языков веб-разработки, существует множество замечательных ресурсов, которые позволят вам улучшить свои навыки в этой области. Независимо от того, какой язык программирования вы хотите изучить, в Интернете есть бесплатные ресурсы, которые предоставят вам все необходимое для понимания основ данного языка. Если вы хотите сосредоточиться в первую очередь на улучшении интерфейсных элементов своего веб-сайта, наиболее важные языки для изучения включают HTML5, CSS3, Bootstrap и JavaScript. Что касается бэкэнда, вам следует рассмотреть возможность изучения таких языков, как Python, Ruby и PHP.

Codecademy

Лучшие ресурсы, доступные вам, включают бесплатные онлайн-курсы, которые научат вас основам языка в организованной и структурированной форме. Если вы хотите узнать, как эффективно использовать HTML для своего веб-сайта, пройдите этот курс на Codecademy. К концу 9-часового курса вы сможете использовать HTML на своем веб-сайте, не сталкиваясь со многими проблемами.Этот же веб-сайт также предлагает бесплатные руководства по CSS и JavaScript, оба из которых оказались очень популярными и высокоэффективными. В то время как курсы HTML и CSS включают пять и шесть уроков соответственно, курс JavaScript еще более надежен и включает 14 уроков по 30 часов курсовой работы.

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

Дальнейшая настройка вашего веб-сайта

Если вы обнаружите, что ваши веб-проекты сложнее, чем вы можете справиться, подумайте о том, чтобы обратиться за помощью к нашей команде Bryt Designs.

Мы - опытная команда разработчиков , которая работала над всевозможными проектами веб-дизайна и разработки, у нас есть опыт и навыки, чтобы достичь ваших веб-целей и помочь вашему бизнесу расти в Интернете.Свяжитесь с Bryt Designs или отправьте мне сообщение напрямую, чтобы связаться с нами!

CSS может быть самым сложным языком (5 причин почему)

Веб-сайт может быть построен на нескольких веб-языках, таких как HTML, CSS, JavaScript и PHP. Среди этих языков мы все можем согласиться с тем, что CSS - самый простой язык. CSS просто определяет макеты, цвета, размеры и типографику веб-сайта. Это просто, и не требует использования логических или условных функций.

Но вы можете быть удивлены, узнав, что на самом деле CSS может быть самым сложным языком и в некоторых случаях очень проблематичным .Как такое могло быть? Что ж, вот несколько причин.

20 полезных советов по CSS для начинающих

20 полезных советов по CSS для начинающих

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

1. Нет отчета об ошибке

Каждый веб-язык подчиняется определенным правилам написания кода. Когда дело доходит до написания правил стиля в CSS, он начинается с имени селектора (обычно класса, идентификатора, селекторов атрибутов), за которым следует фигурная скобка, затем объявление стиля внутри фигурной скобки и заканчивается каждой строкой точкой с запятой.

.класс {
цвет: #fff;
цвет фона: # 000;
}
 

Некоторые веб-языки строго регулируют правила; в противном случае он возвращает ошибки, но не CSS. CSS не выводит ошибок. Возможно, вы случайно удалили точку с запятой или фигурную скобку или неправильно назвали селекторы - и ваш макет нарушает

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

2. Слишком гибкий

Несмотря на то, что CSS кажется легким для понимания, в CSS есть некоторые проблемы, на которые не всегда есть прямой ответ, такие как «Как вы центрируете объект?».

Есть несколько способов центрировать объект с помощью CSS. Мы можем центрировать его, используя поле , заполнение , flexbox или сетку . Но приложение будет зависеть от того, какого типа центр мы хотим достичь, от общего макета страницы, типа объекта, будь то изображение, встроенный или блочный элемент, фона, от того, как элемент вложен, а также от окружения. положение элемента.

Масштабирование и рефакторинг CSS - тоже не такая уж простая проблема. В отличие от языка программирования, синтаксис CSS декларативен и гибок. Мы можем применить CSS непосредственно в элементе, в шаблоне, в файле CSS или загрузить его с внешнего сайта. Вы можете легко добавлять стили повсюду и при этом ожидать, что ваша страница загрузится «ОК». Но именно это затрудняет рефакторинг CSS, особенно на крупномасштабном веб-сайте.

Рефакторинг CSS требует особой дисциплины, и вы должны быть осторожны при изменении цвета с помощью find / replace , так как вы можете случайно стереть тот, который не следует заменять.Поскольку он не вызывает ошибок, вы часто не замечаете этого, пока один из ваших пользователей не пришлет вам уведомление.

Это одна из причин, по которой мы должны следовать десятку фреймворков, шаблонов и архитектур CSS, таких как Bootstrap, Bulma, Sass, LESS, BEM, CSS-in-JS и Utility-first, чтобы дать разработчикам набор строгих рекомендаций и правил для соблюдайте при составлении CSS.

3. Кошмар совместимости с браузером

Совместимость с браузером - самая большая проблема в CSS, а в некоторых случаях - кошмар для веб-дизайнеров.Несмотря на опубликованный W3C стандарт, производители браузеров по-разному реализуют спецификации CSS.

Вот почему существуют такие веб-сайты, как CanIUse.com - чтобы узнать, поддерживаются ли определенные функции CSS в одной версии браузера или в другой.

Когда требуется поддержка старых браузеров (например, IE6 и IE7) - обычно по запросу клиента - нам может потребоваться создать несколько файлов и обслуживать их с помощью условного оператора, а затем выполнить кучу хаков CSS, чтобы сайт выглядел согласованный и аналогичный вид в более современных браузерах.В конце концов, проблема №1 будет держать нас в ловушке этого кошмара.

4. Специфика CSS

Селекторы

CSS имеют разные уровни веса / специфичности. Давайте посмотрим на этот пример:

п {
цвет: # 000;
}
п {
цвет: # 333;
}
 

Когда два селектора с одинаковой специфичностью содержат одинаковые стили, как показано выше, тот, который появляется позже, заменяет своего предшественника. Но когда мы добавляем селектор класса, скажем, .параграф , вот так.

p.paragraph {
цвет: # 000;
}
п {
цвет: # 333;
}
 

… независимо от его положения, абзац, которому присвоен класс параграф , будет иметь цвет # 000 , поскольку он более конкретный.

Откровенно говоря, специфичность CSS действительно сбивает с толку. Вы должны быть внимательны при определении правил стиля. Может быть один селектор с более высокой специфичностью, который перезаписывает менее специфичные селекторы, заставляя вас часами искать виновника, прежде чем его найти.

5. CSS против вашего клиента

CSS определяет макет, цвета и размеры веб-сайта и близко связан с внешним видом веб-сайта . Вот в чем проблема - дизайн субъективен. У вашего клиента может быть другая точка зрения на «внешний вид», и он может попросить вас пойти с 1px сегодня и 5px на следующий день. Если вы имеете дело с клиентом из ада, вы обречены.

"Можете ли вы сделать красный более синим? Измените мой логотип, но сделайте его таким же? Сделать его немного смелее и темнее, светлее и тоньше? "

ГАХ! Когда общаешься с такими клиентами, биться головой о стену кажется прогулкой по парку.

Оставить комментарий

Добавить комментарий Отменить ответ

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Комментарий *

Имя *

Email *

Сайт