Регулярно требуется преобразовать какой-либо текст в максимально совместимый текст для URL, имени файла, имени объекта в каком-то софте и тд. Требования совместимости простые: в тексте должны быть только допустимые символы. Обычно это a-z, 0-9 и "_" или "-". То есть, только прописные буквы латинского алфавита и цифры (как пример).
Допустим, нам нужно название статьи в блоге преобразовать в slug для добавления его в URL этой статьи. Как это лучше всего сделать?
В Django по умолчанию есть готовая функция slugify для таких случаев.
Но я её никогда не использую. Почему? Потому что её недостаточно!
Приведём пример
>>> from django.utils.text import slugify
>>> slugify('This is a Title')
'this-is-a-title'
Пока всё отлично
>>> slugify('This is a "Title!"')
'this-is-a-title'
Спец символы удалились, всё хорошо.
>>> slugify('Это заголовок статьи')
''
Вот и приехали 😢. Если текст не английский то буквы просто игнорируются. Можно это поправить
>>> slugify('Это заголовок статьи', allow_unicode=True)
'это-заголовок-статьи'
Но тогда мы не вписываемся в условие. У нас появилась кириллица в тексте.
Так как я часто пишу сайты для русскоязычных пользователей эта проблема весьма актуальна. Я не использую стандартную функцию и всегда пишу свою.
Оригинал я не беру в расчёт и пишу полностью свою функцию. И так, по порядку:
🔸1. Исходный текст:
>>> text = 'Мой заголовок №10 😁!'
Взял специально посложней со специальными символами.
🔸2. Транслит
Необходимо сделать транслит всех символов в латиницу. Здесь очень выручает библиотека unidecode. Помимо простого транслита кириллицы в латиницу она умеет преобразовывать спец символы и иероглифы в текстовые аналоги.
from unidecode import unidecode
>>> unidecode("Ñ Σ ® µ ¶ ¼ 月 山")
'N S (r) u P 1/4 Yue Shan'
Очень крутая библиотека, советую👍
В нашем случае получаем такое преобразование:
>>> text = unidecode(text)
>>> print(text)
'Moi zagolovok No. 10 !'
Отличный транслит. Смайл просто удалился, хотя я ждал что-то вроде :). Ну и ладно, всë равно невалидные символы.
А еще наш код уже поддерживает любой язык, будь то хинди или корейский.
🔸4. Фильтр символов
Unidecode не занимается фильтрацией по недопустимым символам. Это мы делаем в следующем шаге через regex. Просто заменим все символы на "_" если они вне указанного диапазона.
>>> text = re.sub(r'[^a-zA-Z0-9]+', '_', text)
>>> print(text)
'Moi_zagolovok_No_10_'
Символ "+" в паттерне выручает когда несколько недопустимых символов идут рядом. Все они заменяются на один символ "_".
🔸5. Slugify
Осталось удалить лишние символы по краям и сделать нижний регистр
>>> text = text.strip('_').lower()
>>> print(text)
'moi_zagolovok_no_10'
Получаем отличный slug! 😎
🌎 Полный код в виде функции.
______________
PS. Проверку что в строке остался хоть один допустимый символ я бы вынес в отдельную функцию.
#libs#tricks#django
#vebdizayn
Veb dizaynerlar uchun qimmatli linklar💥
1⃣https://synapticstimuli.com — Eng xilma-xil loyihalar galereyasi. Goʻzallik tuygʻusini rivojlantiradi;
2⃣https://siiimple.com — Minimalizm muxlislari va ushbu uslubda qanday dizayn qilishni oʻrganishni istaganlar uchun. Saytda doimiy ravishda yangilanib boriladigan minimalist dizayn namunalarining ulkan toʻplami mavjud;
3⃣http://webdesignerwall.com — Sayt nafaqat dizaynni yaratish uchun, balki uni ishlab chiqish, maket, animatsiya va reklama mavzulariga ham xizmat qiladi;
5⃣https://designyoutrust.com — Dizayn yangiliklari, voqealar va tendentsiyalarning kunlik toʻplami;
5⃣https://designpub.ru — Ular voqealar, tipografiya, dizayn jarayonlari, illyustratsiya va oʻz-oʻzini rivojlantirish haqida suhbatlashib borishadi;
6⃣http://onjee.ru — Ushbu sohada birinchi qadamlarni qoʻyishni boshlagan dizaynerlar uchun ajoyib sayt;
7⃣http://deadsign.ru — Ingliz tilini bilmaydigan, lekin veb dizayndagi soʻnggi yangiliklardan xabardor boʻlishni istaganlar uchun ajoyib sayt.
Siz yana qanday saytlarni bilasiz? Izohlarda yozib qoldiring✍️
✊Dizayn sohasini biz bilan o’rganing —@texnologiyait_bot
💻@dasturlash_hayoti— dasturchilar va dasturlash hayotini yoritib boradigan loyiha!
👨💻 CSS vositalari bilan veb-ishlab chiqish mahoratingizni oshiring!
Dizaynlaringizni yanada chiroyli va samarali qilish uchun quyidagi vositalarni sinab ko‘ring:
1️⃣Border Radius Generator – mukammal burchaklarni yaratish uchun:
10015.io/tools/css-border-radius-generator
2️⃣ Glassmorphism Generator – shaffof va zamonaviy dizaynlar uchun:
hype4.academy/tools/glassmorphism-generator
3️⃣ Shadows Generator – realistik soya effektlari uchun:
shadows.brumm.af
4️⃣Box Shadow Examples – tayyor box-shadow namunalarini qo‘llash uchun:
getcssscan.com/css-box-shadow-examples
#CSS#VebDizayn#DasturlashVositalari
💻@dasturlash_hayoti— dasturchilar va dasturlash hayotini yoritib boradigan loyiha!
Beautiful Web Type — chiroyli veb-tipografiya uchun ilhom✨
Agar veb-saytingizda chiroyli va o‘qilishi qulay shriftlardan foydalanishni istasangiz, Beautiful Web Type siz uchun ajoyib manba!
🔹 Sayt Google Fonts kolleksiyasidagi eng yaxshi shriftlarni tanlab, ularning dizaynga qanday mos kelishini namoyish etadi.
🔹 Har bir shrift o‘ziga xos uslubda taqdim etilgan bo‘lib, real loyihalarda qanday ishlatilishi mumkinligini ko‘rishingiz mumkin.
🔹 Minimalistik va estetik dizayn ixlosmandlari uchun ayni topilma!
Sayt:hellohappy.org/beautiful-web-type
Agar siz ham veb-dizayn va tipografiyaga qiziqsangiz, ushbu sahifani ko‘rib chiqing va loyihalaringizda qo‘llang!
#VebDizayn#Tipografiya#GoogleFonts
💻@dasturlash_hayoti — bir xatoni tuzatib, ikkinchisiga tayyorlanish! 😅
🌐2025-yilning Top 5 Veb-dizayn Trendlari
Assalomu alaykum, hurmatli obunachilar!
Veb-dizayn doimo o‘zgarib boradi, va har yili yangi tendensiyalar paydo bo‘ladi. 2025-yilda veb-saytlarni zamonaviy ko‘rinishga keltirish uchun quyidagi 5 ta muhim trendni bilib oling:
✅1. Minimalistik Dizayn
Ortacha ranglar, katta bo‘sh joylar va kam elementlar ishlatilgan soddalashgan dizayn. Sayt yuklanish tezligini oshiradi va o‘qilishi oson bo‘ladi.
📱 2. Mobilga Moslashuvchan Dizayn
Saytning har qanday qurilmada (telefon, planshet, kompyuter) to‘g‘ri va chiroyli ko‘rinishini ta’minlaydigan dizayn. Bugungi kunda mobil foydalanuvchilar soni ko‘p bo‘lgani uchun bu juda muhim.
🎭 3. Interaktiv Animatsiyalar
Saytga kichik harakatlanuvchi elementlar qo‘shish – masalan, tugmalar bosilganda o‘zgarishi yoki skroll qilinganda silliq o‘tishlar. Bu foydalanuvchilarga yoqimli tajriba taqdim etadi.
🔤4. Shriftlar
Yirik va o‘ziga xos shriftlar yordamida saytga e’tibor tortadigan sarlavhalar yaratish. Bu usul dizaynga jiddiylik va zamonaviylik baxsh etadi.
🌙 5. Qorong‘u Rejim (Dark Mode)
Ko‘zlarni charchatmaydigan, qora va quyuq ranglarga asoslangan dizayn. Saytlarda foydalanuvchilarga tanlash imkoniyatini berish orqali ularning tajribasi yaxshilanadi.
🚀Agar siz ham o‘z loyihalaringizni zamonaviy va qulay qilishni istasangiz, ushbu trendlarni e’tiborga oling!
#VebDizayn#Minimalizm#MobilDizayn#InteraktivAnimatsiyalar#Shriftlar#DarkMode
💻@dasturlash_hayoti — bir xatoni tuzatib, ikkinchisiga tayyorlanish! 😅