-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
20 changed files
with
838 additions
and
5 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,37 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <link rel="stylesheet" href="style.css" /> | ||
| <title>Pretty Transitions Demo</title> | ||
| <script src="script.js" type="module"></script> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <h1 class="logo">SBP Catference</h1> | ||
| <ul class="nav"> | ||
| <li class="nav-item"><a href="index.html">Главная</a></li> | ||
| <li class="nav-item"><a href="index.html">Доклады</a></li> | ||
| <li class="nav-item"><a href="index.html">О нас</a></li> | ||
| </ul> | ||
| </header> | ||
| <main> | ||
| <section class="talk"> | ||
| <img src="./pictures/cat-1.jpg" alt="" class="talk-photo" /> | ||
| <div class="talk-info"> | ||
| <h2> | ||
| Иммерсивные Пользовательские Опыты: AR и VR в Веб-Дизайне | ||
| </h2> | ||
| <p> | ||
| Исследование передовых технологий дополненной и | ||
| виртуальной реальности и их интеграции в современный | ||
| веб-дизайн для создания погружающих пользовательских | ||
| интерфейсов. Обсуждение инструментов, фреймворков и | ||
| лучших практик разработки. | ||
| </p> | ||
| </div> | ||
| </section> | ||
| </main> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,33 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <link rel="stylesheet" href="style.css" /> | ||
| <title>Pretty Transitions Demo</title> | ||
| <script src="script.js" type="module"></script> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <h1 class="logo">SBP Catference</h1> | ||
| <ul class="nav"> | ||
| <li class="nav-item"><a href="index.html">Главная</a></li> | ||
| <li class="nav-item"><a href="index.html">Доклады</a></li> | ||
| <li class="nav-item"><a href="index.html">О нас</a></li> | ||
| </ul> | ||
| </header> | ||
| <main> | ||
| <section class="talk"> | ||
| <img src="./pictures/cat-2.jpg" alt="" class="talk-photo" /> | ||
| <div class="talk-info"> | ||
| <h2> | ||
| Современные CSS Фреймворки: Tailwind против Bootstrap | ||
| </h2> | ||
| <p> | ||
| Сравнительный анализ популярных CSS фреймворков Tailwind и Bootstrap. Обзор их подходов к дизайну, производительности и масштабируемости в разнообразных проектах. | ||
| </p> | ||
| </div> | ||
| </section> | ||
| </main> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,33 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <link rel="stylesheet" href="style.css" /> | ||
| <title>Pretty Transitions Demo</title> | ||
| <script src="script.js" type="module"></script> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <h1 class="logo">SBP Catference</h1> | ||
| <ul class="nav"> | ||
| <li class="nav-item"><a href="index.html">Главная</a></li> | ||
| <li class="nav-item"><a href="index.html">Доклады</a></li> | ||
| <li class="nav-item"><a href="index.html">О нас</a></li> | ||
| </ul> | ||
| </header> | ||
| <main> | ||
| <section class="talk"> | ||
| <img src="./pictures/cat-3.jpg" alt="" class="talk-photo" /> | ||
| <div class="talk-info"> | ||
| <h2> | ||
| Эффективный State Management в React Приложениях | ||
| </h2> | ||
| <p> | ||
| Разбор концепций и практик эффективного управления состоянием в крупных React приложениях. Сравнение инструментов, таких как Redux, Context API и MobX, с акцентом на их применение в реальных сценариях. | ||
| </p> | ||
| </div> | ||
| </section> | ||
| </main> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,33 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <link rel="stylesheet" href="style.css" /> | ||
| <title>Pretty Transitions Demo</title> | ||
| <script src="script.js" type="module"></script> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <h1 class="logo">SBP Catference</h1> | ||
| <ul class="nav"> | ||
| <li class="nav-item"><a href="index.html">Главная</a></li> | ||
| <li class="nav-item"><a href="index.html">Доклады</a></li> | ||
| <li class="nav-item"><a href="index.html">О нас</a></li> | ||
| </ul> | ||
| </header> | ||
| <main> | ||
| <section class="talk"> | ||
| <img src="./pictures/cat-5.jpg" alt="" class="talk-photo" /> | ||
| <div class="talk-info"> | ||
| <h2> | ||
| Next.js против Gatsby: Битва Современных SSG | ||
| </h2> | ||
| <p> | ||
| Глубокое погружение в особенности, преимущества и недостатки использования статических генераторов сайтов Next.js и Gatsby для разработки высокопроизводительных веб-проектов. | ||
| </p> | ||
| </div> | ||
| </section> | ||
| </main> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,33 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <link rel="stylesheet" href="style.css" /> | ||
| <title>Pretty Transitions Demo</title> | ||
| <script src="script.js" type="module"></script> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <h1 class="logo">SBP Catference</h1> | ||
| <ul class="nav"> | ||
| <li class="nav-item"><a href="index.html">Главная</a></li> | ||
| <li class="nav-item"><a href="index.html">Доклады</a></li> | ||
| <li class="nav-item"><a href="index.html">О нас</a></li> | ||
| </ul> | ||
| </header> | ||
| <main> | ||
| <section class="talk"> | ||
| <img src="./pictures/cat-5.jpg" alt="" class="talk-photo" /> | ||
| <div class="talk-info"> | ||
| <h2> | ||
| Адаптивная Верстка: Советы, Трюки и Медиа Запросы | ||
| </h2> | ||
| <p> | ||
| Практическое руководство по созданию адаптивных веб-сайтов, включающее в себя современные подходы, советы по оптимизации и эффективное использование медиа запросов для улучшения пользовательского опыта на различных устройствах. | ||
| </p> | ||
| </div> | ||
| </section> | ||
| </main> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,33 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <link rel="stylesheet" href="style.css" /> | ||
| <title>Pretty Transitions Demo</title> | ||
| <script src="script.js" type="module"></script> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <h1 class="logo">SBP Catference</h1> | ||
| <ul class="nav"> | ||
| <li class="nav-item"><a href="index.html">Главная</a></li> | ||
| <li class="nav-item"><a href="index.html">Доклады</a></li> | ||
| <li class="nav-item"><a href="index.html">О нас</a></li> | ||
| </ul> | ||
| </header> | ||
| <main> | ||
| <section class="talk"> | ||
| <img src="./pictures/cat-6.jpg" alt="" class="talk-photo" /> | ||
| <div class="talk-info"> | ||
| <h2> | ||
| Трансформация Frontend Разработки с WebAssembly | ||
| </h2> | ||
| <p> | ||
| Погружение в WebAssembly и его влияние на фронтенд разработку. Обзор возможностей, примеры интеграции с существующими веб-приложениями и взгляд в будущее перформанса веб-технологий. | ||
| </p> | ||
| </div> | ||
| </section> | ||
| </main> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,67 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <link rel="stylesheet" href="style.css"> | ||
| <title>Pretty Transitions Demo</title> | ||
| </head> | ||
| <body class="with-header-animation"> | ||
| <header> | ||
| <h1 class="logo">SBP Catference</h1> | ||
| <ul class="nav"> | ||
| <li class="nav-item"><a href="index.html">Главная</a></li> | ||
| <li class="nav-item"><a href="index.html">Доклады</a></li> | ||
| <li class="nav-item"><a href="index.html">О нас</a></li> | ||
| </ul> | ||
| </header> | ||
| <main> | ||
| <section class="about"> | ||
| <h2>Легендарная котференция!</h2> | ||
| <p>С 2011 года SBP Catference собирает тысячи участников со всего мира.</p> | ||
| <p>Приглашаем слушателей уровня cattle, cattle+ и выше.</p> | ||
| </section> | ||
| <section class="talks"> | ||
| <h2>Программа</h2> | ||
| <ul class="speakers"> | ||
| <li class="card"> | ||
| <img src="./pictures/cat-1.jpg" alt="" class="speaker-photo"> | ||
| <h3><a href="cat-1.html">Иммерсивные Пользовательские Опыты: AR и VR в Веб-Дизайне</a></h3> | ||
| <p>Исследование передовых технологий дополненной и виртуальной реальности и их интеграции в современный веб-дизайн для создания погружающих пользовательских интерфейсов. Обсуждение инструментов, фреймворков и лучших практик разработки. | ||
| </p> | ||
| </li> | ||
| <li class="card"> | ||
| <img src="./pictures/cat-2.jpg" alt="" class="speaker-photo"> | ||
| <h3><a href="cat-2.html">Современные CSS Фреймворки: Tailwind против Bootstrap</a></h3> | ||
| <p>Сравнительный анализ популярных CSS фреймворков Tailwind и Bootstrap. Обзор их подходов к дизайну, производительности и масштабируемости в разнообразных проектах. | ||
| </p> | ||
| </li> | ||
| <li class="card"> | ||
| <img src="./pictures/cat-3.jpg" alt="" class="speaker-photo"> | ||
| <h3><a href="cat-3.html">Эффективный State Management в React Приложениях</a></h3> | ||
| <p>Разбор концепций и практик эффективного управления состоянием в крупных React приложениях. Сравнение инструментов, таких как Redux, Context API и MobX, с акцентом на их применение в реальных сценариях. | ||
| </p> | ||
| </li> | ||
| <li class="card"> | ||
| <img src="./pictures/cat-4.jpg" alt="" class="speaker-photo"> | ||
| <h3><a href="cat-4.html">Next.js против Gatsby: Битва Современных SSG</a></h3> | ||
| <p>Глубокое погружение в особенности, преимущества и недостатки использования статических генераторов сайтов Next.js и Gatsby для разработки высокопроизводительных веб-проектов. | ||
| </p> | ||
| </li> | ||
| <li class="card"> | ||
| <img src="./pictures/cat-5.jpg" alt="" class="speaker-photo"> | ||
| <h3><a href="cat-5.html">Адаптивная Верстка: Советы, Трюки и Медиа Запросы</a></h3> | ||
| <p>Практическое руководство по созданию адаптивных веб-сайтов, включающее в себя современные подходы, советы по оптимизации и эффективное использование медиа запросов для улучшения пользовательского опыта на различных устройствах. | ||
| </p> | ||
| </li> | ||
| <li class="card"> | ||
| <img src="./pictures/cat-6.jpg" alt="" class="speaker-photo"> | ||
| <h3><a href="cat-6.html">Трансформация Frontend Разработки с WebAssembly</a></h3> | ||
| <p>Погружение в WebAssembly и его влияние на фронтенд разработку. Обзор возможностей, примеры интеграции с существующими веб-приложениями и взгляд в будущее перформанса веб-технологий. | ||
| </p> | ||
| </li> | ||
| </ul> | ||
| </section> | ||
| </main> | ||
| </body> | ||
| </html> |
Oops, something went wrong.