1 Востаннє редагувалося NagarD (26.11.2017 18:35:54)

Тема: Веб-Довідник css.in.ua

http://replace.org.ua/extensions/om_images/img/5a1adf5a3edc0/a0a9329501b94cd7943507fb9799008e.jpg

Привіт, я як новак на цьому форумі, з вашого дозволу, дозволю собі "неВеличку" вступну промову.

І так, поїхали.

Мене звуть Володимир і я є розробником ресурсу css.in.ua. Я почав розробку цього сайту в далекому 2012 році, тоді він мало чим був схожий на сьогоднішній. Це криве каченя проживало на субдомені css.gamgo.net і не несло в собі нічого цікавого, на ньому було перекладено декілька десятків css властивостей. Але головна відмінність була в базі даних - у мене тоді було мало досвіду, і я уявлення не мав про, якусь там, атомарність даних, зв'язані таблиці, індекси.
Але час йшов і сумка за спиною важчала, а сайт змінювався. Були зміни, які давалися мені дуже важко, адже треба було перебирати всю бд. Зміни йшли, але дуже повільно.

В 2013 році, я придбав домен css.in.ua. перевів сайт на фреймворм Yii. І мене повністю засосала моя, тодішня, робота, я забув про сайт, мене він перестав цікавити аж до 2015 року. По справжньому я почав ним займатися в армії. Готуючись до наряду, замість того, щоб поспати, я йшов і перекладав нові теги, нові css властивості та селектори. Справи йшли повільно, але йшли. Йшли навіть краще, ніж до армії. За півроку служби я зробив більше ніж за 3 роки цивільного життя. І це класно. Акселератором, як я думав, стане мій підлеглий - солдат Юра. Саме він переклав атрибути всіх HTML тегів. Делегування Юрі своїх обов'язків - моя суттєва помилка. Доки я його контролював  все було задовільно, але довго я не зумів цього робити, я був зайнятий переведенням сайту на Yii2 та й до звільнення залишалося 2-а місяці, короче я думав тільки про це. Юра, як людина харківська, майже російська, серйозно прискорився, почавши тупо копіювати перекладяний в ґперекладічі текст.

І ось, місяць тому, я звільнився. І почав по новому все переписувати. Залишився один HTML модуль. HTML теги я закінчу в першій половині грудня. І за зиму, думаю, переможу їхні атрибути. Після чого почну вирішувати технічні питання.

Я пишу цей пост в цьому розділі, щоб ви оцінили мою роботу. Але пости типу, - "Вивчи УКРАЇНСЬКУ, в тебе помилка на помилці", як кажуть - не бельме. Будь ласка, утримайтесь від постів в такому контексті, я прекрасно знаю всі негативня сторони власного ресурсу.
Цими словами ви ніяк мені не допоможете і нічого не зміните. Якщо хочете допомогти, для вас я реалізував можливість це зробити. Тому, якщо ви помітили неточність, помилку чи просто хочете щось запропонувати - натисніть, дуже помітну, гіганську кнопку - "Напишіть мені"

Прихований текст
Як це зробити?

кнопка зворотнього зв'язку

Напишіть повідомлення, доведіть, що ви не робот і можете надсилати. Пошту та ім'я вказувати не обов'язково, але по можливості вкажіть, це потрібно мені для зворотнього зв'язку.

форма зворотнього зв'язку

Навіть мізерне, на вашу думку, зауваження дуже важливе для мене. Усвідомлення, того, що я не одни кому це потрібно -  додає мені сил. Адже дуже не просто робити одноманітну роботу.

Тож тепер заходимо на css.in.ua і дивимося, а тут пишимо конструктивні зауваження, критику чи просто теплі слова)

П.С. Зараз, особливо важлива для мене є тема дизайну.

український веб-довідник - css.in.ua

2

Re: Веб-Довідник css.in.ua

CSS3 є там інформація ? Бо вона дуже скудна в інтернеті

- Поганому трояну фаєрвол заважає
- Ніколи не програмуйте та не пийте пиво
Якщо ви з першого разу написали програму, в якій немає жодної помилки, повідомте про це системного програмісту: він виправить помилки в компіляторі
Подякували: NagarD1

3

Re: Веб-Довідник css.in.ua

Так, на даний момент додані всі CSS3 властивості та селектори. Але я не можу сказати, що у мене дуже розгорнуто написано про CSS3.

український веб-довідник - css.in.ua
Подякували: reverse2500, 221VOLT2

4

Re: Веб-Довідник css.in.ua

https://lh3.googleusercontent.com/fuqjK5LuHElHzc0BCCMdgX0IMEVbdAamJdK_DIqT7EPaeiP1d0Wvt8NOX4quhZam-wYNX5ijD9j_jLHeKTU9q3zyTIDQgTpOREX9DpjEG-Jt37U7oACCAoYgFVrrlSR__43lTGYdjMR9yxDgp1fth5fhSvX1CkPOx75yK3GEc8sDXp7N5_ekXA8onpUEFSDmfQpL5CoIJL2AZyTR3QcXaYYxKOZATuCBrUJgbbtGtTbmY5SM0QYUGFtqLn3kDd8tmbFXEdj3iwCcqRoQ9ZEhVR6Jtgt_GZXhwmBg_zwRFiPKF8w9rmFfQqxRB6W7RgnZsDpfz_hrNzb1GZm_8a12QIOJ4YVopSBfaoBx97UuryqoefzZbZsHUQvc_e16KsBBIOoNpIeP2pwBqrM12Om1Kqv70KSvdGe4xw9f07O7q4eU0phx9DT0lD5Pq4FASv_Q-WqExvhs8HwhOfz4NYRTtZ1UCFHJWSdHGAHyYRjo3Kxqc-ScloRtM5iXpfkvjqQkTCJUum1uytgtRMdQcUG_u3E5lHu46rxvzJQWXDdTURhvOQFZXkJDF6m2G6W0HsELvN8tWQY_0w0emOvrYfYAJHefYUH9BbS3pGPvUpUOuaCfkxY=w618-h80-no

Подякували: NagarD1

5

Re: Веб-Довідник css.in.ua

misha_bondar_2012 написав:

https://lh3.googleusercontent.com/fuqjK5LuHElHzc0BCCMdgX0IMEVbdAamJdK_DIqT7EPaeiP1d0Wvt8NOX4quhZam-wYNX5ijD9j_jLHeKTU9q3zyTIDQgTpOREX9DpjEG-Jt37U7oACCAoYgFVrrlSR__43lTGYdjMR9yxDgp1fth5fhSvX1CkPOx75yK3GEc8sDXp7N5_ekXA8onpUEFSDmfQpL5CoIJL2AZyTR3QcXaYYxKOZATuCBrUJgbbtGtTbmY5SM0QYUGFtqLn3kDd8tmbFXEdj3iwCcqRoQ9ZEhVR6Jtgt_GZXhwmBg_zwRFiPKF8w9rmFfQqxRB6W7RgnZsDpfz_hrNzb1GZm_8a12QIOJ4YVopSBfaoBx97UuryqoefzZbZsHUQvc_e16KsBBIOoNpIeP2pwBqrM12Om1Kqv70KSvdGe4xw9f07O7q4eU0phx9DT0lD5Pq4FASv_Q-WqExvhs8HwhOfz4NYRTtZ1UCFHJWSdHGAHyYRjo3Kxqc-ScloRtM5iXpfkvjqQkTCJUum1uytgtRMdQcUG_u3E5lHu46rxvzJQWXDdTURhvOQFZXkJDF6m2G6W0HsELvN8tWQY_0w0emOvrYfYAJHefYUH9BbS3pGPvUpUOuaCfkxY=w618-h80-no

Дякую. Виправлено!

український веб-довідник - css.in.ua

6

Re: Веб-Довідник css.in.ua

Наскільки я бачу це копія http://www.w3schools.com/ тільки на українській мові.
Дизайн як на мене добрий. Нічого зайвого;)
Тільки ось тут наче є бага:
http://imagizer.imageshack.com/img923/8574/fQXQeM.png
Вирівнювання тексту у рядку з inherit опис краще вирівняти по центру по горизонталі

Подякували: NagarD, FakiNyan, 221VOLT3

7

Re: Веб-Довідник css.in.ua

Що можу сказати - гарний ресурс, але мені здається є вже такі ж сайти де зібрана інформація по HTML та CSS. Ресурс зручний, інтерфейс простий, мінімалістичний - нічого зайвого, для мене це плюс. Я б особисто користувався таким сайтом. Думаю річ особливо корисна для новачків, для того щоб звертатись у такий ось довідник.

Подякували: NagarD1

8

Re: Веб-Довідник css.in.ua

rainboww1988 написав:

вже такі ж сайти де зібрана інформація по HTML та CSS

Українською?

Подякували: FakiNyan1

9 Востаннє редагувалося NagarD (21.11.2016 21:56:14)

Re: Веб-Довідник css.in.ua

funivan написав:

Наскільки я бачу це копія http://www.w3schools.com/ тільки на українській мові.

Абсолютно вірно!

funivan написав:

http://imagizer.imageshack.com/img923/8574/fQXQeM.png
Вирівнювання тексту у рядку з inherit опис краще вирівняти по центру по горизонталі

Дякую. Виправлено!

rainboww1988 написав:

... але мені здається є вже такі ж сайти де зібрана інформація по HTML та CSS...

Вам здається! З 2012 ніхто і нічого подібного не зробив! Є сайт http://webamator.org.ua/, але він вже давно не подає ознак життя.

український веб-довідник - css.in.ua
Подякували: leofun011

10

Re: Веб-Довідник css.in.ua

iovchynnikov написав:
rainboww1988 написав:

вже такі ж сайти де зібрана інформація по HTML та CSS

Українською?

я думаю тут головна інформація яка всередині, тобто по HTML та CSS.

rainboww1988 написав:

... але мені здається є вже такі ж сайти де зібрана інформація по HTML та CSS...

iovchynnikov написав:

Вам здається! З 2012 ніхто і нічого подібного не зробив! Є сайт http://webamator.org.ua/, але він вже давно не подає ознак життя.

Ще хотів сказати, що я просто міркую в слух, в сенсі, що не критикую.  Сайт гарний, нічого зайвого. Знову ж, я би таким користувався. Дякую!

Подякували: NagarD, 221VOLT2

11

Re: Веб-Довідник css.in.ua

Як кажуть, дрібниця, але приємно.

Сьогодні надійшла перша, так би мовити, погроза.

http://i.piccy.info/i9/ba0c08417112011cea63f677b14bfb7e/1480707707/39250/1093693/Bez_nazvy_800.jpg

IP автора 37.140.189.197 або trbo02h.trbo.yandex.net. Сервіс яндекса для стискання сторінок.

37.140.189.197 - - [02/Dec/2016:06:10:09 +0200] "GET / HTTP/1.1" 302 242 "http://anaharsis-club.narod.ru/Persons/zhovnirenko.htm" "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.143 YaBrowser/16.10.1.1114 Yowser/2.5 Safari/537.36"
37.140.189.197 - - [02/Dec/2016:06:10:09 +0200] "GET /html/tags HTTP/1.1" 200 8755 "http://anaharsis-club.narod.ru/Persons/zhovnirenko.htm" "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.143 YaBrowser/16.10.1.1114 Yowser/2.5 Safari/537.36"
37.140.189.197 - - [02/Dec/2016:06:10:09 +0200] "GET /assets/d0406d8/yii.js HTTP/1.1" 200 5271 "http://www.css.in.ua/html/tags" "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.143 YaBrowser/16.10.1.1114 Yowser/2.5 Safari/537.36"
37.140.189.197 - - [02/Dec/2016:06:10:09 +0200] "GET /assets/39e84e83/js/bootstrap.js HTTP/1.1" 200 14792 "http://www.css.in.ua/html/tags" "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.143 YaBrowser/16.10.1.1114 Yowser/2.5 Safari/537.36"
37.140.189.197 - - [02/Dec/2016:06:10:09 +0200] "GET /assets/39e84e83/css/bootstrap.css HTTP/1.1" 200 21664 "http://www.css.in.ua/html/tags" "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.143 YaBrowser/16.10.1.1114 Yowser/2.5 Safari/537.36"
37.140.189.197 - - [02/Dec/2016:06:10:09 +0200] "GET /assets/3e73d447/jquery.js HTTP/1.1" 200 77042 "http://www.css.in.ua/html/tags" "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.143 YaBrowser/16.10.1.1114 Yowser/2.5 Safari/537.36"
37.140.189.197 - - [02/Dec/2016:06:10:09 +0200] "GET /img/logo.png HTTP/1.1" 200 5779 "http://www.css.in.ua/html/tags" "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.143 YaBrowser/16.10.1.1114 Yowser/2.5 Safari/537.36"
37.140.189.197 - - [02/Dec/2016:06:10:10 +0200] "GET /img/html5_badge20.png HTTP/1.1" 200 705 "http://www.css.in.ua/html/tags" "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.143 YaBrowser/16.10.1.1114 Yowser/2.5 Safari/537.36"
37.140.189.197 - - [02/Dec/2016:06:10:10 +0200] "GET /assets/39e84e83/fonts/glyphicons-halflings-regular.woff2 HTTP/1.1" 200 18285 "http://www.css.in.ua/assets/39e84e83/css/bootstrap.css" "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.143 YaBrowser/16.10.1.1114 Yowser/2.5 Safari/537.36"
37.140.189.197 - - [02/Dec/2016:06:10:10 +0200] "GET /img/notsupported_html5.png HTTP/1.1" 200 770 "http://www.css.in.ua/html/tags" "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.143 YaBrowser/16.10.1.1114 Yowser/2.5 Safari/537.36"
37.140.189.197 - - [02/Dec/2016:06:10:10 +0200] "GET /favicon.ico HTTP/1.1" 200 612 "http://www.css.in.ua/html/tags" "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.143 YaBrowser/16.10.1.1114 Yowser/2.5 Safari/537.36"
37.140.189.197 - - [02/Dec/2016:06:10:28 +0200] "GET /communication/inform/error HTTP/1.1" 200 1614 "http://www.css.in.ua/html/tags" "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.143 YaBrowser/16.10.1.1114 Yowser/2.5 Safari/537.36"
37.140.189.197 - - [02/Dec/2016:06:10:29 +0200] "GET /assets/d0406d8/yii.activeForm.js?_=1480651788461 HTTP/1.1" 200 6709 "http://www.css.in.ua/html/tags" "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.143 YaBrowser/16.10.1.1114 Yowser/2.5 Safari/537.36"
37.140.189.197 - - [02/Dec/2016:06:11:30 +0200] "POST /communication/inform/error HTTP/1.0" 200 273 "http://www.css.in.ua/html/tags" "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.143 YaBrowser/16.10.1.1114 Yowser/2.5 Safari/537.36"
37.140.189.197 - - [02/Dec/2016:06:11:32 +0200] "POST /communication/inform/error HTTP/1.0" 302 361 "http://www.css.in.ua/html/tags" "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.143 YaBrowser/16.10.1.1114 Yowser/2.5 Safari/537.36"
37.140.189.197 - - [02/Dec/2016:06:11:33 +0200] "GET /html/tags HTTP/1.1" 200 8582 "http://www.css.in.ua/html/tags" "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.143 YaBrowser/16.10.1.1114 Yowser/2.5 Safari/537.36"

Ця людина зайшла до мене зі сторінки http://anaharsis-club.narod.ru/Persons/zhovnirenko.htm повтикала 30 сек і ще хвилину думала, що написати і після такої плідної та інтелектуальної праці зникла... Дуже цікавий феномен!
Що ж спонукає людей таке робити?

Взагалі цікаво, що сайт http://anaharsis-club.narod.ru це дуже специфічний сайт, тому мені цікаво як наш патріот-щирепобажання потрапив на цей анахарсіс експертів. І взагалі, що було на цьому домені, до того як я його придбав. В архіві збережених копій немає і біс його знає що робив перший власник.

український веб-довідник - css.in.ua
Подякували: 221VOLT, ostap34PHP, leofun013

12

Re: Веб-Довідник css.in.ua

дизайн нічогенько так, все подібно до http://www.w3schools.com/css/default.asp
будуть якісь унікальні фішечки?))

https://blog.clever-games.win/
Це ще не кінець. Це навіть не початок кінця. Але, можливо, це кінець початку.
Зростання мудрості можна точно вимірювати ступенем зменшення злоби.
///// у творчій відпустці. не турбувати /////
Подякували: NagarD1

13

Re: Веб-Довідник css.in.ua

221VOLT написав:

дизайн нічогенько так, все подібно до http://www.w3schools.com/css/default.asp
будуть якісь унікальні фішечки?))

Дякую! Так, за основу взято інформацію та дизайн з в3. Спочатку, навіть, був повністю ріпнутий дизайн з в3, але потім він перемішався з бутстрапом. Одним словом була каша, яка сильно заважала. Зараз феймворка від в3 немає і я так думаю воно навіть краще стало виглядати.

Найблищим часом нічого не буду робити, ледве з себе коментарі видавив, тому розумію, що вони допоможуть з пошуком помилок. Всі сили кинуті на наповнення, редагування і виправлення помилок. Помилок там чотири океани! І я фізично не можу їх виправити в короткі терміни, тому і написав модуль зворотнього зв'язку.
Одним словом, зараз, робота йде над якістю, а вже потім буде плагін для прикладів, пошук, розділ зі статтями, чи блогом, перелінковка тегів і властивостей, власний кабінет та інші зручності.

український веб-довідник - css.in.ua
Подякували: 221VOLT, ostap34PHP2

14

Re: Веб-Довідник css.in.ua

NagarD написав:

Ця людина зайшла до мене зі сторінки http://anaharsis-club.narod.ru/Persons/zhovnirenko.htm повтикала 30 сек і ще хвилину думала, що написати і після такої плідної та інтелектуальної праці зникла... Дуже цікавий феномен!

А чому у цього Жовніренка сайт  www.css.in.ua ? Це ж явно не ви. Схоже, що хтось має до того чоловіка претензії.

МАКЕ ЦКЯАІИЕ БЯЕАТ АБАІИ
Подякували: NagarD, ostap34PHP2

15

Re: Веб-Довідник css.in.ua

quez написав:

Схоже, що хтось має до того чоловіка претензії.

Чесно кажучи, мені всерівно. Це посилання впливає тільки на статистику в гугл аналітиці.
Але все одно я відписав йому на обидві пошти. Залишається сподіватися на те, що вони актуальні.

Бо сам цей анахарсіс виглядає фейком. В ньому присутні, і проукраїнські особи, і проросійські. І невідомо як цей совковий тандем буде втілювати свої цілі.

ПС. Кому цікаво, Жеваченко налаштований проукраїнськи.

український веб-довідник - css.in.ua

16

Re: Веб-Довідник css.in.ua

Велике велике спасибі! Дуже приємно, користуватимуся вашим сайтом якраз.

Подякували: NagarD1

17

Re: Веб-Довідник css.in.ua

Отже, закінчив виправлення css властивостей та html теґів. Залишилося переглянути атрибути.
Параленьно додав модуль "статті" і додав першу статтю. Відповідно змінив головну сторінку - тепер вона з переліком статей http://css.in.ua/ Далі хочу зробити пошук.

Але виникло питання, як дати можливість іншим користувачам писати свої статті. Зараз застосовується візуальний html редактор, але як на мене це дуже небезпечна річ, я б не хотів давати таке користувачам. Хто вже реалізовував таке пишіть, що краще застосувати bbcode, markdown чи що? Як у вас це реалізовано?

український веб-довідник - css.in.ua
Подякували: 221VOLT, Monolith, ostap34PHP3

18 Востаннє редагувалося Monolith (26.02.2017 17:44:10)

Re: Веб-Довідник css.in.ua

*BRAVO* Поздоровляю. Дійсно зміни видно :)

А про редактор тексту - самому цікаво, тому хочу паралельно задати і своє питання: може хтось сказати, або де почитати, як взагалі зробити, щоб користувач просто писав текст, правив його натискаючи кнопочки, тобто без напряму прописування тегів, а в БД записувалося вже текст з html-тегами.

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

P.S. Чи у готових markdown-плагінів вже все "з коробки" працює?

Подякували: NagarD, 221VOLT, ostap34PHP3

19 Востаннє редагувалося 221VOLT (26.02.2017 19:58:51)

Re: Веб-Довідник css.in.ua

я для подібного заюзав https://simplemde.com/
також для php пробував https://github.com/erusev/parsedown
проте як на стороні сервера в php розпарсити-замінити я не вїхав відразу (там дещо треба підправити),
тому поки і вивід-формування html у мене також на js робиться  :D брудний костиль, а заодно і на сервер менше нагрузки))

https://blog.clever-games.win/
Це ще не кінець. Це навіть не початок кінця. Але, можливо, це кінець початку.
Зростання мудрості можна точно вимірювати ступенем зменшення злоби.
///// у творчій відпустці. не турбувати /////
Подякували: Monolith, NagarD2

20 Востаннє редагувалося NagarD (12.03.2017 22:41:11)

Re: Веб-Довідник css.in.ua

Якось, по роботі, для інтеграції фейсбук апі, потрібно було захищене з'єднання. Я почитав трохи. І дізнався, що пошукові системи вже давно краще індексують сайти з https.

Це виходить я тупив багато часу.

Почав шукати безкоштовні центри сертифікації і виявилося, що зараз сертифікати, яким довіряє більшість браузерів видає тільки одна спільна контора гугла, мозілли і інших гігантів - letsencrypt.

Отримав сертифікат і тепер css.in.ua доступний тільки по захищеному протоколу. І зліва майорить зелений замочок.  *OK*

https://s8.hostingkartinok.com/uploads/images/2017/03/31a6e90816669002985c03a17d370c05.png

український веб-довідник - css.in.ua
Подякували: Monolith, ping, 0xDADA11C7, 221VOLT, ostap34PHP, leofun016