Ещё немного генераций от свежего Midjorney
Первая работа – это «фото» в кинематографичном стиле Кристофера Нолана, но почему-то здесь сетка решила изобразить одного из участников этой сцены похожим на известного режиссёра. Тем не менее, выглядит очень фотореалистично и красиво, на мой взгляд, даже композиция поставлена грамотно.
Следующая «фотка» тоже в его стиле, но здесь хорошо видно детально проработанные руки, которые теперь действительно выглядят, как настоящие. Это правда очень похоже настоящую на фотографию, то есть каких-то визуальных дефектов, которые могли бы чётко сказать, что нет, это не может быть настоящий фоткой, на первый взгляд, по крайней мере, я не вижу.
И пара генераций по запросу от подписчика, который был размещён в комментарии к прошлому посту. Одну запросил как сцену фильма, а вторую – мультфильма. Рисованные мне показались даже более интересными и подходящими под идею запроса. Как минимум на их основе можно точно придумать какую-нибудь короткометражку или комикс.
Ключевое отличие на мой взгляд новой версии от предыдущей заключается в том, что, даже вводя в запрос слово «фотография», в четвёртой версии я получал скорее хороший, детальный, качественный арт. А в пятой версии – это действительно имитация фотографии.
Кстати, чтобы воспользоваться пятой версией, можно набрать через слэш
Первая работа – это «фото» в кинематографичном стиле Кристофера Нолана, но почему-то здесь сетка решила изобразить одного из участников этой сцены похожим на известного режиссёра. Тем не менее, выглядит очень фотореалистично и красиво, на мой взгляд, даже композиция поставлена грамотно.
Следующая «фотка» тоже в его стиле, но здесь хорошо видно детально проработанные руки, которые теперь действительно выглядят, как настоящие. Это правда очень похоже настоящую на фотографию, то есть каких-то визуальных дефектов, которые могли бы чётко сказать, что нет, это не может быть настоящий фоткой, на первый взгляд, по крайней мере, я не вижу.
И пара генераций по запросу от подписчика, который был размещён в комментарии к прошлому посту. Одну запросил как сцену фильма, а вторую – мультфильма. Рисованные мне показались даже более интересными и подходящими под идею запроса. Как минимум на их основе можно точно придумать какую-нибудь короткометражку или комикс.
Ключевое отличие на мой взгляд новой версии от предыдущей заключается в том, что, даже вводя в запрос слово «фотография», в четвёртой версии я получал скорее хороший, детальный, качественный арт. А в пятой версии – это действительно имитация фотографии.
Кстати, чтобы воспользоваться пятой версией, можно набрать через слэш
/settings и там указать нужную версию. Либо просто в конце каждого запроса дописывать ‘--v5’ (две чёрточки и пять без пробелов).👍6
Совсем недавно я получил заказ на одностраничник-визитку, наподобие тех, которые обычно делают с помощью специализированных конструкторов, где на страницу добавляются несколько кнопок со ссылками. Обычно такие сайты размещают в профилях соцсетей, так как это удобно позволяет обойти ограничение в одну ссылку в профиле и к тому же позволяет аккуратно оформить кнопки-ссылки. Для этих задач есть несколько сервисов, они все прекрасно работают и замечательно подходят для этих целей: они действительно очень простые и там быстро можно создать такой мини-сайт. В принципе можно сделать такую же штуку и на Тильде, но есть пара нюансов.
Первый нюанс – это простота и чистота кода. Когда я хочу видеть простейший одностраничник, в нём не должно быть ничего лишнего: никаких лишних подключенных библиотек, никаких лишних строк кода, таблиц стилей, баз данных, скриптов и файлов, которые на самом деле никак вообще не используются на сайте. Когда речь идёт про простейшую страничку с несколькими ссылками, всё это абсолютно лишнее, утяжеляет размер сайта на хостинге, скорость его загрузки, добавляет точки отказа и усложняет всю конструкцию абсолютно ненужным хламом.
И второй нюанс – за конструктор все-таки придется платить. Да, хоть небольшие деньги, но все же это регулярная оплата, в то время как простейший одностраничник можно разместить на хостинге, обслуживание которого в год будет обходиться намного дешевле, чем подписка на конструктор.
Конструктор обычно уже включает в себя услугу хостинг. А если мы говорим про самописное решение, тогда, его нужно самостоятельно разместить на хостинг и оплачивать его, как отдельную услугу. Но в случае как раз простейшего сайта нам нужен хостинг и только хостинг – больше ничего оплачивать не нужно. Именно поэтому пути я решил пойти в этом заказе.
Завтра расскажу, какие же инструменты существуют для такого подхода.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9
На чём написать простейший сайт
Если не конструктор, то что? Нужно определиться с инструментарием.
Я было решил сначала вспомнить молодость и накидать сайт на чистом HTML и CSS. Напомню, что HTML (Эйч Ти Эм Эл) – это базовый язык разметки, который браузеры интерпретируют в виде сайта. И если открыть панель разработчика (клавиша F12 в Chrome) на любом сайте, то мы увидим именно его HTML-структуру в первую очередь – базовый каркас, который и позволяет нам видеть сайты.
Но при разработке современного сайта в первую очередь необходимо было учесть то, что сайт должен быть адаптивным и mobile-first, так как в первую очередь он будет просматриваться с мобильных устройств, и вёрстка должна быть аккуратной на всех девайсах. Сделать это вручную, корректно подобрать все стили, правильно их между собой сочетать, грамотно настроить структуру страницы – это довольно-таки кропотливый труд и трудоёмкая задача.
Я, как человек ленивый в этом плане, решил пойти по пути упрощения и вспомнил про то, что в современной разработке есть прекрасные фреймворки и готовые библиотеки стилей, предназначенные именно для того, чтобы быстро и качественно создавать визуальную часть сайта, не переизобретая при этом велосипед, а воспользовавшись уже имеющимся паттернами.
Один из таких фреймворков – Bootstrap (Бутстрап), который позволяет построить структуру сайта, используя уже готовый набор стилей и готовые паттерны, включая адаптивную сетку вёрстки, в которой мы будем размещать элементы сайта. Что такое фреймворк, я рассказывал в одном из своих прошлых постов.
Итак, Bootstrap позволяет упростить работу с вёрсткой, чтобы не изобретать её с нуля. Но мы пойдём ещё дальше и я расскажу про ещё один инструмент, который позволяет упростить работу с самим Бутстрапом. Как тебе такое?
Кстати, мне очень важны твои реакции к постам – пожалуйста, давай мне обратную связь эмошкой.
Если не конструктор, то что? Нужно определиться с инструментарием.
Я было решил сначала вспомнить молодость и накидать сайт на чистом HTML и CSS. Напомню, что HTML (Эйч Ти Эм Эл) – это базовый язык разметки, который браузеры интерпретируют в виде сайта. И если открыть панель разработчика (клавиша F12 в Chrome) на любом сайте, то мы увидим именно его HTML-структуру в первую очередь – базовый каркас, который и позволяет нам видеть сайты.
Но при разработке современного сайта в первую очередь необходимо было учесть то, что сайт должен быть адаптивным и mobile-first, так как в первую очередь он будет просматриваться с мобильных устройств, и вёрстка должна быть аккуратной на всех девайсах. Сделать это вручную, корректно подобрать все стили, правильно их между собой сочетать, грамотно настроить структуру страницы – это довольно-таки кропотливый труд и трудоёмкая задача.
Я, как человек ленивый в этом плане, решил пойти по пути упрощения и вспомнил про то, что в современной разработке есть прекрасные фреймворки и готовые библиотеки стилей, предназначенные именно для того, чтобы быстро и качественно создавать визуальную часть сайта, не переизобретая при этом велосипед, а воспользовавшись уже имеющимся паттернами.
Один из таких фреймворков – Bootstrap (Бутстрап), который позволяет построить структуру сайта, используя уже готовый набор стилей и готовые паттерны, включая адаптивную сетку вёрстки, в которой мы будем размещать элементы сайта. Что такое фреймворк, я рассказывал в одном из своих прошлых постов.
Итак, Bootstrap позволяет упростить работу с вёрсткой, чтобы не изобретать её с нуля. Но мы пойдём ещё дальше и я расскажу про ещё один инструмент, который позволяет упростить работу с самим Бутстрапом. Как тебе такое?
Кстати, мне очень важны твои реакции к постам – пожалуйста, давай мне обратную связь эмошкой.
👍12
Чтобы понять, что такое Bootstrap, нам нужно погрузиться в основы сайтостроения и разобраться в том, а как вообще они пишутся и как создавались ещё в те времена, когда не было всех современных фреймворков, конструкторов и других инструментов, позволяющих создавать сайты за считанные минуты.
Когда мы вводим в браузере адрес сайта, происходит обращение к серверу, где лежат файлы этого сайта. Такой сервер называется хостингом, думаю, тебе знакомо это понятие. Это место, где «хостится» сайт или где размещены файлы этого сайта, которые нужно загрузить для его отображения в браузере. И, как правило, ключевым файлом, который отвечает за отображение сайта, является файл
В нём представлена базовая структура сайта, написанная с помощью HTML – это язык гипертекстовой разметки документов для интерпретации их в браузере. То есть он содержит определённый набор символов, который браузер умеет воспринимать и отображать в формате текста, картинок, определенной графической структуры, которая была задана с помощью кода в этом файле.
Представь, что ты покупаешь какую-нибудь несложную мебель себе домой. Привозишь её, разворачиваешь инструкцию по сборке, где написано, какие действия нужно совершить, что куда прикрутить для того, чтобы получился тот самый предмет интерьера, который задумывал производитель и в том виде, как он был представлен в магазине. В браузере заложена инструкция, с которой он сверяется при чтении index.html и в соответствии с этой инструкцией собирает для нас страничку сайта (нашу мебель), которую мы увидим после того, как процесс загрузки завершится и браузер всё соберёт воедино.
Кстати, любопытно, что на момент его разработки HTML браузеров не существовало в природе. Как ты думаешь, для чего изначально был придуман этот язык разметки?
И не забудь поставить реакцию к посту – мне это очень важно 👍 🔥💩
Когда мы вводим в браузере адрес сайта, происходит обращение к серверу, где лежат файлы этого сайта. Такой сервер называется хостингом, думаю, тебе знакомо это понятие. Это место, где «хостится» сайт или где размещены файлы этого сайта, которые нужно загрузить для его отображения в браузере. И, как правило, ключевым файлом, который отвечает за отображение сайта, является файл
index.html.В нём представлена базовая структура сайта, написанная с помощью HTML – это язык гипертекстовой разметки документов для интерпретации их в браузере. То есть он содержит определённый набор символов, который браузер умеет воспринимать и отображать в формате текста, картинок, определенной графической структуры, которая была задана с помощью кода в этом файле.
Представь, что ты покупаешь какую-нибудь несложную мебель себе домой. Привозишь её, разворачиваешь инструкцию по сборке, где написано, какие действия нужно совершить, что куда прикрутить для того, чтобы получился тот самый предмет интерьера, который задумывал производитель и в том виде, как он был представлен в магазине. В браузере заложена инструкция, с которой он сверяется при чтении index.html и в соответствии с этой инструкцией собирает для нас страничку сайта (нашу мебель), которую мы увидим после того, как процесс загрузки завершится и браузер всё соберёт воедино.
Кстати, любопытно, что на момент его разработки HTML браузеров не существовало в природе. Как ты думаешь, для чего изначально был придуман этот язык разметки?
И не забудь поставить реакцию к посту – мне это очень важно 👍 🔥
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥2
HTML изначально был создан в конце 80-х годов прошлого века для того, чтобы обмениваться научно-технической документацией.
То есть первичная задача заключалась в том, чтобы отображать визуально красиво и аккуратно различные документы и отображать их на экранах различных устройств. И на каждом их них они должны были выглядеть одинаково. То по задумке создавался стандартизированный набор правил, который бы понимался одинаково на разных устройствах. Напомню, тогда ещё не было как такового браузера, пока разрабатывался язык разметки HTML.
Но уже тогда в нем были дескрипторы или сейчас их называют теги (не путать с #хэштегами).
Так вот в этом документе с помощью дескрипторов (тегов) создана определённая структура, которая говорит браузеру о том, каким образом ему нужно отображать тот или иной контент.
То есть это некоторые установлены заранее правила, вшитые в браузер, которые если нарушить, то получится какой-то другой вид, не тот, что задумывал автор сайта. Как в аналогии со сборкой мебели, если нарушишь порядок сборки или детали прикрутишь не по инструкции, получится что-то отличное от того, что изначально покупалось.
Ставь реакцию 👍 🔥💩 и пиши в комментариях, насколько понятно (или непонятно) я объяснил, как браузер интерпретирует HTML-разметку.
То есть первичная задача заключалась в том, чтобы отображать визуально красиво и аккуратно различные документы и отображать их на экранах различных устройств. И на каждом их них они должны были выглядеть одинаково. То по задумке создавался стандартизированный набор правил, который бы понимался одинаково на разных устройствах. Напомню, тогда ещё не было как такового браузера, пока разрабатывался язык разметки HTML.
Но уже тогда в нем были дескрипторы или сейчас их называют теги (не путать с #хэштегами).
<TITLE>Название (титул)</TITLE>То есть это некие определенные структурные элементы, которые одинаковым образом интерпретируются той системой, в которую будет загружен этот документ. В нашем случае – это браузер и документ, который мы просматриваем – это
<LISTING>Список</LISTING>
<H1>Заголовок первого уровня</H1>
index.html, загруженный с сервера, на котором хостится сайт.Так вот в этом документе с помощью дескрипторов (тегов) создана определённая структура, которая говорит браузеру о том, каким образом ему нужно отображать тот или иной контент.
То есть это некоторые установлены заранее правила, вшитые в браузер, которые если нарушить, то получится какой-то другой вид, не тот, что задумывал автор сайта. Как в аналогии со сборкой мебели, если нарушишь порядок сборки или детали прикрутишь не по инструкции, получится что-то отличное от того, что изначально покупалось.
Ставь реакцию 👍 🔥
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6
Сегодня будет практический пост, из которого ты сможешь понять, как же создаются сайты, когда их пишут руками.
Мы сделаем простейшую страничку ‘Hello world!’ – это, как правило, в любом курсе программирования такой стартовый проект, тебе нужно написать программу, которая будет выводить два слова с приветствием миру. Собственно, этим и займёмся.
Всё, что тебе понадобится, это блокнот. Можешь сделать это в любом, даже в стандартном блокноте (Notepad) в твоей операционной системе. Нужно создать новый файл и написать в нём следующую структуру.
Теперь ты можешь просто открыть этот файл – он должен открыться сразу в браузере и ты увидишь страничку, которая только что была создана твоими собственными руками. Наверху на вкладке ты увидишь заголовок их шапки документа и сам текст Hello World.
Мы сделаем простейшую страничку ‘Hello world!’ – это, как правило, в любом курсе программирования такой стартовый проект, тебе нужно написать программу, которая будет выводить два слова с приветствием миру. Собственно, этим и займёмся.
Всё, что тебе понадобится, это блокнот. Можешь сделать это в любом, даже в стандартном блокноте (Notepad) в твоей операционной системе. Нужно создать новый файл и написать в нём следующую структуру.
<!DOCTYPE html>Теперь нужно сохранить этот файл как HTML. Назови его, например
<html>
<head>
<title>Простейший сайт webKrafter</title>
</head>
<body>
<p>Hello world!</p>
</body>
</html>
website.html и сохрани куда-нибудь (хоть на рабочий стол).Теперь ты можешь просто открыть этот файл – он должен открыться сразу в браузере и ты увидишь страничку, которая только что была создана твоими собственными руками. Наверху на вкладке ты увидишь заголовок их шапки документа и сам текст Hello World.
🔥7👍2
Давай разберём, из чего состоит код HTML-разметки в мини-сайте, который мы с тобой сделали в прошлом посте.
Первая строчка – это тип документа, в данном случае HTML, который говорит о том, как браузеру нужно его интерпретировать.
Дальше открывается непосредственно сам тег (дескриптор) HTML и всё, что внутри, до его закрытия с наклонной палочкой, входит в состав этого HTML документа. То есть теги в основном ставятся с двух сторон (есть исключения), оборачивая контент внутри. Примерно так же, как со скобками – если открыли, значит должна быть закрывающая.
Контент внутри тега HTML состоит из двух частей.
И вторая часть этой структуры –
Не забудь закрыть все свои теги в структуре. Ещё один момент: у меня это выглядит красиво с отступами на разных уровнях, потому что я пользуюсь специальным приложением, которое заточено на форматирование подобных документов. В обычном блокноте у тебя такого форматирования может и не быть, но это не страшно: браузер всё равно поймёт, как правильно интерпретировать эти символы, если только ты не допустишь в них ошибки.
Ставь реакцию 👍 🔥 💩 и пиши в комментариях свои вопросы.
Первая строчка – это тип документа, в данном случае HTML, который говорит о том, как браузеру нужно его интерпретировать.
Дальше открывается непосредственно сам тег (дескриптор) HTML и всё, что внутри, до его закрытия с наклонной палочкой, входит в состав этого HTML документа. То есть теги в основном ставятся с двух сторон (есть исключения), оборачивая контент внутри. Примерно так же, как со скобками – если открыли, значит должна быть закрывающая.
Контент внутри тега HTML состоит из двух частей.
<head></head> или голова: а здесь всё, что касается предварительного описания странички. В примере тут у нас есть единственный тег <title></title>, в котором мы пишем заголовок страницы.И вторая часть этой структуры –
<body></body>, тело – непосредственно содержимое документа, то, что будет отображаться в браузере. Здесь мы добавляем тег <p></p> (Paragraph), который обозначает параграф или отдельный абзац, в котором мы пишем наше предложение.Не забудь закрыть все свои теги в структуре. Ещё один момент: у меня это выглядит красиво с отступами на разных уровнях, потому что я пользуюсь специальным приложением, которое заточено на форматирование подобных документов. В обычном блокноте у тебя такого форматирования может и не быть, но это не страшно: браузер всё равно поймёт, как правильно интерпретировать эти символы, если только ты не допустишь в них ошибки.
Ставь реакцию 👍 🔥 💩 и пиши в комментариях свои вопросы.
👍6✍1
Альтернативы Firebase
В процессе разработки мобильного приложения Нитриклиники я использовал Firebase как привычный инструмент для реализации задач идентификации пользователей и хранения их аккаунтов, что является на сегодняшний день достаточно распространённой практикой в среде разработки мобильных приложений.
Однако, как всегда, везде есть свои нюансы, и я столкнулся с проблемой, что при необходимости вызывать события во внешней системе, например, присылать уведомления о новой регистрации пользователя, необходимо писать свои функции, то есть именно программировать их с нуля, либо брать готовые. В общем, работать с кодом, чего я всеми силами хотел избежать, дабы обеспечить приложению статус no-code во-первых, а во-вторых, уменьшить количество точек отказа, потому что любой программный код будет являться потенциальным осложнением этой системы и сможет вызывать ошибки.
На самом деле реализация самой функции не суперсложная, и можно было бы её сделать. Но всё равно это занимало бы какое-то время, поэтому я всячески откладывал эту задачу. Но буквально вчера коллега по цеху мне подкинул два инструмента, которые оказывается, являются аналогами Firebase, про которые я ничего не знал, но они уже достаточно хорошо себя тоже зарекомендовали на рынке.
Итак, я сегодня предлагаю тебе рассмотреть эти инструменты в своём арсенале на случай, если вдруг тебе также понадобятся аналоги Firebase: это Supabase.com и Nhost.io. Они в какой-то степени могут быть лучше Firebase, по стоимости либо по функциональности. В частности, позволяют реализовать вот эту функцию вызова внешнего API без всяких танцев с бубном, то есть это штатная функциональность сервиса.
Итак, две новых закладочки в перечне no-code инструментов. Я думаю, что пора будет скоро делать собственную библиотеку с ними…
В процессе разработки мобильного приложения Нитриклиники я использовал Firebase как привычный инструмент для реализации задач идентификации пользователей и хранения их аккаунтов, что является на сегодняшний день достаточно распространённой практикой в среде разработки мобильных приложений.
Однако, как всегда, везде есть свои нюансы, и я столкнулся с проблемой, что при необходимости вызывать события во внешней системе, например, присылать уведомления о новой регистрации пользователя, необходимо писать свои функции, то есть именно программировать их с нуля, либо брать готовые. В общем, работать с кодом, чего я всеми силами хотел избежать, дабы обеспечить приложению статус no-code во-первых, а во-вторых, уменьшить количество точек отказа, потому что любой программный код будет являться потенциальным осложнением этой системы и сможет вызывать ошибки.
На самом деле реализация самой функции не суперсложная, и можно было бы её сделать. Но всё равно это занимало бы какое-то время, поэтому я всячески откладывал эту задачу. Но буквально вчера коллега по цеху мне подкинул два инструмента, которые оказывается, являются аналогами Firebase, про которые я ничего не знал, но они уже достаточно хорошо себя тоже зарекомендовали на рынке.
Итак, я сегодня предлагаю тебе рассмотреть эти инструменты в своём арсенале на случай, если вдруг тебе также понадобятся аналоги Firebase: это Supabase.com и Nhost.io. Они в какой-то степени могут быть лучше Firebase, по стоимости либо по функциональности. В частности, позволяют реализовать вот эту функцию вызова внешнего API без всяких танцев с бубном, то есть это штатная функциональность сервиса.
Итак, две новых закладочки в перечне no-code инструментов. Я думаю, что пора будет скоро делать собственную библиотеку с ними…
👍6
В комментариях к предыдущему посту подписчица задала вопрос про призыв мировых экспертов в области искусственного интеллекта приостановить обучение нейросеток. Если эта новость прошла мимо тебя, то давай разбираться, что случилось.
Вчера некоммерческий институт Future of Life опубликовал открытое письмо (вот ссылка на оригинал), подписанное сильными мира сего, включая Илона Маска, Стива Возняка и других видных экспертов. Хотя я не понял, когда эти два товарища стали вдруг экспертами по ИИ, ведь один запускает ракеты в космос и электромашинки на дороги, а другой засветился у истоков основания Apple, ну да хрен с ними. Привожу кратко ключевые тезисы из этого письма в моём вольном переводе с сохранением смысла. К чему же призывают эксперты…
— Остановить неподконтрольное развитие ИИ и невозможность его понять
— Даже создатели не смогут предсказать, как он себя поведёт
— Уже сейчас есть угроза заменить людей на базовых задачах. Опасение – что же будет дальше по мере развития.
— Хотим ли мы позволить ИИ наполнять информационное поле пропагандой и ложной информацией (вспоминаем папу римского в белом пуховике)
— Должны ли мы автоматизировать работу, в том числе которая приносит нам удовлетворение
— Должны ли мы развивать разум, который может нас превзойти числом, интеллектом, перехитрить и в итоге заменить нас
— Должны ли мы принимать риск потерять контроль над цивилизацией
— Решение по подобным вопросам нельзя давать на откуп владельцам технологических компаний (которые сейчас занимаются развитием ИИ)
— Мы хотим быть уверенными в том, что эффект от развития и применения ИИ будет позитивный и управляемый
— Обучение новых моделей должно проводиться под наблюдением независимых экспертов и с соблюдением специально разработанных для этого протоколов
Напиши, что думаешь по этому поводу, в комменты.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7
Итак, про вчерашний пост с петицией притормозить обучение новых версий нейросетей
По-моему, эти опасения, перечисленные в прошлом посте из открытого письма, говорят сами за себя и пояснять что-то тут излишне. Но пару моментов хотел бы всё же добавить.
Я уже писал раньше, что Илон Маск был одним из ранних инвесторов в Open AI, создателя ChatGPT. Но он оттуда вышел слишком рано и теперь, думаю, покусывает себе локоточки за такую оплошность, так как мог бы прибавить к своему капиталу с десятки, если не больше, миллиардов. Да ещё и остаться в стороне от передовой с новыми прорывными технологиями. Конечно, лучше притормозить такую потерю…
И второе, какими бы ужасными ни были предсказания футурологов, большая часть из них пока ещё ни разу не сбылась: от предсказаний того, что нефть или вода вот уже завтра закончатся, озоновая дыра выжжет всю планету к чертям, а инопланетяне (которые, к слову, наверняка немного дальше нашего должны были продвинуться в области ИИ) так вообще пожирают нас изнутри. В случае с ИИ наверняка будет так же: разумеется, что-то изменится, но не так, как это представляют в самых ужасных сценариях современные оракулы.
Изменения действительно революционные, пусть сейчас это и не так заметно пока. Но человек успешно пережил не одну революцию, в корне меняющую привычный уклад труда и при этом выходил на новый уровень достижения и развития цивилизации.
А так я бы хотел посмотреть своими глазами, как человек, очень гибкий и адаптивный, будет приспосабливаться к новому миру с ИИ, где тот занимает какую-то значимую позицию. Что-то мне подсказывает, что мы сможем справиться с этим вызовом не хуже, чем до этого справлялись со всеми остальными.
По-моему, эти опасения, перечисленные в прошлом посте из открытого письма, говорят сами за себя и пояснять что-то тут излишне. Но пару моментов хотел бы всё же добавить.
Я уже писал раньше, что Илон Маск был одним из ранних инвесторов в Open AI, создателя ChatGPT. Но он оттуда вышел слишком рано и теперь, думаю, покусывает себе локоточки за такую оплошность, так как мог бы прибавить к своему капиталу с десятки, если не больше, миллиардов. Да ещё и остаться в стороне от передовой с новыми прорывными технологиями. Конечно, лучше притормозить такую потерю…
И второе, какими бы ужасными ни были предсказания футурологов, большая часть из них пока ещё ни разу не сбылась: от предсказаний того, что нефть или вода вот уже завтра закончатся, озоновая дыра выжжет всю планету к чертям, а инопланетяне (которые, к слову, наверняка немного дальше нашего должны были продвинуться в области ИИ) так вообще пожирают нас изнутри. В случае с ИИ наверняка будет так же: разумеется, что-то изменится, но не так, как это представляют в самых ужасных сценариях современные оракулы.
Изменения действительно революционные, пусть сейчас это и не так заметно пока. Но человек успешно пережил не одну революцию, в корне меняющую привычный уклад труда и при этом выходил на новый уровень достижения и развития цивилизации.
А так я бы хотел посмотреть своими глазами, как человек, очень гибкий и адаптивный, будет приспосабливаться к новому миру с ИИ, где тот занимает какую-то значимую позицию. Что-то мне подсказывает, что мы сможем справиться с этим вызовом не хуже, чем до этого справлялись со всеми остальными.
👍7
Поделюсь ещё несколькими фантазиями Midjorney на тему того, как ИИ будет рулить человечеством.
😁4🔥3👍1
Прошлыми постами мы немного отвлеклись от создания простейшего сайта. Теперь возвращаемся к этой теме.
Если у тебя получилось сделать свой первый сайт, то ты можешь заметить, что выглядит он обычно, это белый фон и на нём написан текст чёрными буквами. И это совершенно не похоже на те сайты, которые мы посещаем каждый день и видим на просторах сети Интернет. Итак, каким же образом сайт становится красивым, аккуратным, адаптивным и выглядит впечатляюще на всех устройствах?
Для этого существует несколько приемов. Во-первых, нужно правильно выстроить структуру сайта. Если ещё раз посмотреть на предыдущий пост, в котором я объяснял, что означает каждый блок, то можно заметить, что у него есть определённые части, заголовок, параграф, само тело контента. Так вот, таких структурных элементов в HTML существует достаточно много и комбинируя их различным способом можно создать нужный тебе макет или каркас, который уже будет наполняться контентом.
А этот каркас и контент в свою очередь нужно стилизовать, применив к нему определённые свойства, влияющие на отображение в браузере. Для это были придуманы, так называемые таблицы стилей или CSS (СиЭсЭс), который как раз используется для того, чтобы дать браузеру понять, каким образом нужно отображать элемент. В том числе можно задать такие простейшие свойства, как цвет шрифта, его размер, выравнивание и другие вещи, которые мы привыкли видеть, например в текстовых редакторах.
Также с помощью таблиц стилей можно задавать весьма сложные визуальные изменения для всех объектов, которые могут подразумевать различия в зависимости от размера экрана, то есть условные изменения; также там могут быть задействованы анимации, переходы, сложные градиенты, способы реагирования на действия пользователя. Например, когда ты наводишь мышкой на ссылку, она начинает выглядеть иначе, это тоже можно настраивать с помощью таблицы стилей.
Далее расскажу о том, как обычно эти стили настраиваются и причём тут вообще Bootstrap.
Если у тебя получилось сделать свой первый сайт, то ты можешь заметить, что выглядит он обычно, это белый фон и на нём написан текст чёрными буквами. И это совершенно не похоже на те сайты, которые мы посещаем каждый день и видим на просторах сети Интернет. Итак, каким же образом сайт становится красивым, аккуратным, адаптивным и выглядит впечатляюще на всех устройствах?
Для этого существует несколько приемов. Во-первых, нужно правильно выстроить структуру сайта. Если ещё раз посмотреть на предыдущий пост, в котором я объяснял, что означает каждый блок, то можно заметить, что у него есть определённые части, заголовок, параграф, само тело контента. Так вот, таких структурных элементов в HTML существует достаточно много и комбинируя их различным способом можно создать нужный тебе макет или каркас, который уже будет наполняться контентом.
А этот каркас и контент в свою очередь нужно стилизовать, применив к нему определённые свойства, влияющие на отображение в браузере. Для это были придуманы, так называемые таблицы стилей или CSS (СиЭсЭс), который как раз используется для того, чтобы дать браузеру понять, каким образом нужно отображать элемент. В том числе можно задать такие простейшие свойства, как цвет шрифта, его размер, выравнивание и другие вещи, которые мы привыкли видеть, например в текстовых редакторах.
Также с помощью таблиц стилей можно задавать весьма сложные визуальные изменения для всех объектов, которые могут подразумевать различия в зависимости от размера экрана, то есть условные изменения; также там могут быть задействованы анимации, переходы, сложные градиенты, способы реагирования на действия пользователя. Например, когда ты наводишь мышкой на ссылку, она начинает выглядеть иначе, это тоже можно настраивать с помощью таблицы стилей.
Далее расскажу о том, как обычно эти стили настраиваются и причём тут вообще Bootstrap.
👍5