Песочница

Blog by Fi1osof

Одностраничник, как через htaccess прописать правило чтобы была видна только одна страница?

Сайт-лендинг за 5 часов

Редиректы — в корне неправильно. Создавайте закрытые группы ресурсов и распределяйте доступы. В последней сборке как раз есть группа ресурсов для зарегистрированных пользователей.

Редиректы — в корне неправильно. Создавайте закрыт

Если вёрстка готова, то экономия на времени до 50% на средних сайтах.

Если вёрстка готова, то экономия на времени до 50%

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

По опыту с бутстрапом я экономлю гораздо больше вр

Ох уж этот бутстрап… Честно говоря стараюсь всё делать на Uikit, имхо он гораздо лучше и они хотя бы додумались сделать префиксы к классам.

Ох уж этот бутстрап… Честно говоря стараюсь всё де

Я не критики ради, только пользы для. Немного о дизайне и юзабилити. :)
 ГЛАВНАЯ
  — У Вас круги (4 в строчку которые) овальные(104x108px на 1920х1600 экране)
  — Картинке в слайдере лучше будут смотреться если на всю ширину и анимацию не fade, а поинтереснее что-то.
  — Верхнее меню висит в воздухе, особенно заметно при ширине меньше 990px, наползает на слайдер, особенно заметно на слайде с двумя колонками
  — При скроллинге анимация элементов тоже не очень, они ездят в несогласовано как-то(заголовок Возможности webRTC вниз, телефон с девушкой вверх, круги с боков наезжают)
  — В этом же разделе при ширине меньше 990px текст в левой колонке обрезается(Видео-конференц, Многопольз чат, Решение повседневн задач)
  — В новостях шрифт слишком крупный (вообще столько текста внутрь заголовка h4 не айс). Если прям хотите крупный — сделайте расстояние больше между строками хотя бы и font-family не Condensed
 Заголовок почти не отличается от текста описания, цветом его, капиталайзом или размером шрифта лучше выделить. В описании новости много текста, никто столько читать не будет. Одно-два предложения — самое то.
  — Фавиконка пропала
  — навигации в середине типа «Вернуться наверх» нет. Может, она Вам и не нужна, но подумайте — пользователь нажал ссылку в гланом меню, понял, что хочет нажать другую, приходится мотать вверх. Особенно расстраивает долго мотать вверх на узком экране.
  — Схемы на слайдере ооочень сложные, слишком много мелких элементов. С первого взгляда не ухватить суть.
  — Если нажать на лого, появляется что-то вроде прелоадера по центру, потом логотип, который почему-то едет вниз.
  — Если быстро нажимать на кнопки слайдера фон первого раздела то бирюзовый, то голубой, потом снова превращается в бирюзовый. Вы уж определитесь с цветом.
  — Если я пролистал вниз и готов оставить свои контакты, было бы здорово там внизу продублировать ссылку на форму обратной связи или впилить саму форму(возможно, упрощенную, из пары строчек — имя, телефон). 
 

СТРАНИЦА С НОВОСТЬЮ
 В навигации сверху: если промотать страницу в самый верх на узком экране, то полупрозрачное верхнее меню исчезает, остается видимым лишь пункт новости. То есть видна плашка новости Новости, а остальные пункты скрыты. 
 Этот единственный видимый пункт навигации наползает на хлебные крошки при узком экране, при этом ссылки в хлебных крошках перекрыты невидимым верхним меню и нажать их нельзя. Зато хорошо нажимаются невидимые пункты верхнего меню.
 

Внизу теги выглядят один-в-одни с хлебными крошками. Сделайте их плашками или кнопками.
 Некоторые из этих пунктов верны и в отношении страницы со списком новостей(http://web-rtc.ru/novosti-webrtc/)
 Тегов на странице со списком новостей нет, то есть единственный способ попасть на список новостей, по какому-либо тэгу — нащупать новость с этим тэгом, и с нее перейти на страницу этого тэга.
 

Пункты верхнего меню на вспомогательных страницах ведут не на разделы лендинга главной, а на пустые страницы(Возможности, о webRTC и т.д.)

Новости webRTC

Я не критики ради, только пользы для. Немного о дизайне и юзабилити. :)
 ГЛАВНАЯ
  — У Вас круги (4 в строчку которые) овальные(104x108px на 1920х1600 экране)
  — Картинке в слайдере лучше будут смотреться если на всю ширину и анимацию не fade, а поинтереснее что-то.
  — Верхнее меню висит в воздухе, особенно заметно при ширине меньше 990px, наползает на слайдер, особенно заметно на слайде с двумя колонками
  — При скроллинге анимация элементов тоже не очень, они ездят в несогласовано как-то(заголовок Возможности webRTC вниз, телефон с девушкой вверх, круги с боков наезжают)
  — В этом же разделе при ширине меньше 990px текст в левой колонке обрезается(Видео-конференц, Многопольз чат, Решение повседневн задач)
  — В новостях шрифт слишком крупный (вообще столько текста внутрь заголовка h4 не айс). Если прям хотите крупный — сделайте расстояние больше между строками хотя бы и font-family не Condensed
 Заголовок почти не отличается от текста описания, цветом его, капиталайзом или размером шрифта лучше выделить. В описании новости много текста, никто столько читать не будет. Одно-два предложения — самое то.
  — Фавиконка пропала
  — навигации в середине типа «Вернуться наверх» нет. Может, она Вам и не нужна, но подумайте — пользователь нажал ссылку в гланом меню, понял, что хочет нажать другую, приходится мотать вверх. Особенно расстраивает долго мотать вверх на узком экране.
  — Схемы на слайдере ооочень сложные, слишком много мелких элементов. С первого взгляда не ухватить суть.
  — Если нажать на лого, появляется что-то вроде прелоадера по центру, потом логотип, который почему-то едет вниз.
  — Если быстро нажимать на кнопки слайдера фон первого раздела то бирюзовый, то голубой, потом снова превращается в бирюзовый. Вы уж определитесь с цветом.
  — Если я пролистал вниз и готов оставить свои контакты, было бы здорово там внизу продублировать ссылку на форму обратной связи или впилить саму форму(возможно, упрощенную, из пары строчек — имя, телефон). СТРАНИЦА С НОВОСТЬЮ
 В навигации сверху: если промотать страницу в самый верх на узком экране, то полупрозрачное верхнее меню исчезает, остается видимым лишь пункт новости. То есть видна плашка новости Новости, а остальные пункты скрыты. 
 Этот единственный видимый пункт навигации наползает на хлебные крошки при узком экране, при этом ссылки в хлебных крошках перекрыты невидимым верхним меню и нажать их нельзя. Зато хорошо нажимаются невидимые пункты верхнего меню. Внизу теги выглядят один-в-одни с хлебными крошками. Сделайте их плашками или кнопками.
 Некоторые из этих пунктов верны и в отношении страницы со списком новостей(http://web-rtc.ru/novosti-webrtc/)
 Тегов на странице со списком новостей нет, то есть единственный способ попасть на список новостей, по какому-либо тэгу — нащупать новость с этим тэгом, и с нее перейти на страницу этого тэга. Пункты верхнего меню на вспомогательных страницах ведут не на разделы лендинга главной, а на пустые страницы(Возможности, о webRTC и т.д.)

Я не критики ради, только пользы для. Немного о ди

1920x1200, конечно

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

И вообще, попрубуйте подвигать ширину окна браузер

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

Ну, я же серверный программист, фронт для меня по 

Андрей, спасибо за подробный разбор сайта, но повторюсь: сайт сейчас пока просто для индексации. Там пользователи еще не известно когда будут. Вот когда будут, тогда и будем вылизывать сайт. Какой смысл его сейчас вылизывать (читай тратить время/деньги), если еще не известно заработает он или нет. Может поисковики его будут игнорировать, или к тому времени все поменяется и он нам будет не актуален. Вообще проблема многих проектов и клиентов ИМХО — они долго вылизывают сайт, при этом оттягивается запуск сайта, а потом еще и после запуска выясняется что вообще все не так и все надо переделывать. Создать рабочий проект — это не два шага «Сделать сайт» — «Все работает, забыли про него». Это постоянное развитие. Сделал сайт, наблюдаешь что и как на нем работает, что делают пользователи, каково их поведение, делаешь выводы, дорабатываешь, опять все смотришь, опять делаешь выводы и т.д. и т.п. Вы по нашему сайту пройдитесь. Написать в пять раз больше сможете. НО, в пересчете наших на него затрат и его отдачи — сайт очень эффективный. Я технарь, я смотрю на результат, для меня не очень важно оформление, для меня важны результаты.

Андрей, спасибо за подробный разбор сайта, но повт

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

Яндекс давно уже не так глуп, чтобы брать в выдачу что попало. =) + асессоры делают свою работу. Поэтому, Николай, в этом случае куда больше вероятности потратить время/деньги, как Вы написали выше. Юзабилити сейчас играет куда более важную роль, нежели раньше. Однако это лишь моё мнение, которое я не собираюсь никому навязывать, в любом случае решать Вам и только Вам. =)

сайт сейчас пока просто для индексации. Там пользователи еще не известно когда будут. Вот когда будут, тогда и будем вылизывать сайт. Яндекс давно уже не так глуп, чтобы брать в выдачу что попало. =) + асессоры делают свою работу. Поэтому, Николай, в этом случае куда больше вероятности потратить время/деньги, как Вы написали выше. Юзабилити сейчас играет куда более важную роль, нежели раньше. Однако это лишь моё мнение, которое я не собираюсь никому навязывать, в любом случае решать Вам и только Вам. =)

сайт сейчас пока просто для индексации. Там пользо

Павел, я вообще-то интернетом тоже не первый день занимаюсь и что-то тоже понимаю здесь. Все зачем-то уходят в юзабилити, SEO и т.п. Речь о том, что за 5 часов сделан сайт. Как он будет индексироваться, это я буду через аналитику и вебмастер смотреть. И не переживайте, с таким доменом он очень быстро выйдет в ТОП. Не пройдет и месяца, он появится в результатах выдачи. Я специально потом статистику выложу.

Павел, я вообще-то интернетом тоже не первый день 

Речь была о юзабилити и его влиянии на индексирование и ранжирование сайта в Яндексе. О вашей компетентности в той или иной области разговора не велось, Николай. :)
 

P.S.: На счёт трастовости доменных зон: .su более трастовей, чем .ru. И это опять же, лишь личное мнение, с которым я никого не заставляю и не прошу считаться. :)

Речь была о юзабилити и его влиянии на индексирование и ранжирование сайта в Яндексе. О вашей компетентности в той или иной области разговора не велось, Николай. :) P.S.: На счёт трастовости доменных зон: .su более трастовей, чем .ru. И это опять же, лишь личное мнение, с которым я никого не заставляю и не прошу считаться. :)

Речь была о юзабилити и его влиянии на индексирова

bootstrap

modx

modx revolution

ShopModxBox

WebRTC

одностраничный сайт

разработка сайта

# Николай Ланец aka Fi1osof
**Lead Fullstack Developer / Ментор / Евангелист современного JS‑стека**

---

## О себе

Я — не просто Senior Developer с 2007 года. Я — тот, кто строит продукты будущего на базе современных технологий и помогает другим подниматься на новую ступень айти-карьеры. Создатель и идейный вдохновитель freecode.academy — платформы, где обучение перестает быть скучной обязаловкой и становится настоящим технологическим приключением.

---

## Мой стек и философия разработки

Основу моего рабочего арсенала составляют:

- [Javascript](/technologies/ck1faudv928l40a89c4u9zxlm), [TypeScript](/technologies/ckcvwwx010kov08009u7y2rav)
- [React](/technologies/ck1fawbdw28v20a891k4wlh27), [Next.js](/technologies/ckg2jd4ffr9260730aog66dri)
- [Node.js](/technologies/ckt55wm59272831wo9gg9r8ynx), [GraphQL](/technologies/ck1fawhqk28vu0a8995lqvlsj), [Apollo Client](/technologies/ck2zdcg0vpvc10a89xjmhj1e0), [Nexus](/technologies/ckl2pbh0fxew60730ifl3zozp), [Prisma](/technologies/ck2zdbmi7pv8r0a89ntc2r0f1)
- DevOps: [Docker](/technologies/ck2y1x9lho9cy0a8953xzfjr8), [docker-compose](/technologies/ck2y1xqino9g80a89tsftxin2), [Caddy](/technologies/ck2zd8ovqpuyl0a8909748sbu), [Ubuntu](/technologies/cktu8giks3593911vmle30ztqxt)
- UI-инструменты: [Styled-Components](/technologies/ckk8myysio7lw0730csszvrdw), [Material-UI](/technologies/ckljv3jwd7bgf0730huxlko9n), [react-hook-form](/technologies/ckmx8cn9fmwrv073032e67722)
- Всё актуальное для разработки, CI/CD и автоматизации 
- Эксперименты с [WebGL](/technologies/ckan9anntc12f08003saqttrq), [A‑Frame](/technologies/ck2tgoiz8j37y0a89c7gxsrxc), [Three.js](/technologies/ck2tgns1nj32z0a89vmw7xw3f), [Unreal Engine 4](/technologies/ck7puswy6g4yb07004cdp6lbr), [Elixir](/technologies/ckn0olavrnnzi0730xs8rctn8), [C++](/technologies/cknin1y8lu2fr07307mskn2fn)

---

## Разработка и менторство

- Более 15 лет **hands-on** разработки и проджект‑менеджмента
- Главный разработчик и преподаватель платформы [freecode.academy](https://freecode.academy)
- **Ведущий менти-пул на платформе** — лично выращиваю новых звезд отрасли

### Мои менти и их результаты

| Менти (ФИО \| username)                               | Уровень | Рейтинг |
|-------------------------------------------------------|---------|---------|
| [Попов Дмитрий \| linklib](/users/cjoe890c706ji0d962oismzoe)           | 3       | 315     |
| [Сэт \| defk1lla](/users/ckzh1ita312978121imr9hpqfc64)                 | 3       | 670     |
| [Ксения Матвеева \| Ксения Матвеева](/users/ckz4awwlh10627771imr4wvpb7cj) | 2       | 0       |
| [Михаил \| Balamut](/users/cl1npq92z10258261vmbq0w6vfh2)               | 2       | 0       |
| [Ольга Ершова \| angel](/users/cjoe87zhk00250d969arluevk)              | 1       | 0       |
| [Егор \| rogedkone](/users/cksrdp47d3308261ijuq7wfrxdl)                | 3       | 0       |
| [Roman \| Roman43](/users/ckur2qtt64721431xoboyjcte52)                 | 2       | 0       |
| [Бут Игорь \| santiment](/users/ckttd9x20893951vmltb8t7sha)            | 1       | 0       |

**Доношу простую мысль: успех — это не магия, это осознанная системная работа и кайф от роста.**
Мои менти выводят решения в продакшн, пробиваются в лидеры рейтингов — кому не хочется быть в такой команде?

---

## Почему я?

- **Прокачаю проект** — от TDD архитектуры до культурного CI/CD
- **Вдохновлю команду** — и научу мыслить по‑новому, где ИИ — напарник, а не угроза
- **Выращу мидлов и сеньоров** — доказано платформой и рейтингами моих учеников

**Сила — в сообществе, а техника — это просто смазка для ваших побед. Присоединяйтесь!**

---

## Контакты

- 📧 [n.lanets@freecode.academy](mailto:n.lanets@freecode.academy)
- Телеграм: [@freecode_academy](https://t.me/freecode_academy)

---

**P.S.**: Мой опыт — ваш драйвер роста. Хотите в команду? Ищете менторство? Пишите. Растём вместе!