Tuesday, December 17, 2013

Вэб дизайн хийлгэх үйлчлүүлэгчдээсээ асуух 72 асуулт

Вэб дизайн хийлгэхээр хандсан үйлчлүүлэгчдээсээ зайлшгүй асуух ёстой 72 асуултыг энэ сайт дээр оруулжээ.
http://bonfx.com/72-questions-to-ask-new-web-design-clients-with-pdf-chart/

Ярилцлага авч байгаа юм шиг дараалуулаад асуугаад байхгүй ч гэсэн зайлшгүй энэ талаар тандаж, хариултыг нь олж авч байж тухайн захиалагч юу хүсч байна? Хэр их ажиллагаатай болох вэ? Ажлыг гүйцэтгэх явцад, ажиллагаанд оруулах, оруулснаас хойш гүйцэтгэгч, захиалагч хоёр яаж хамтарч ажиллах вэ? гэсэн асуултын хариултыг олж, "тоглолтын дүрмийг гаргах" болно.

Вэб хөгжүүлэгчид эдгээр асуултуудыг үйлчлүүлэгчдээсээ асуудаг ч зарим асуултыг асууж тодруулахаа мартсанаас болж үйл ойлголцол гарч, цаг хугацаа, нөөцийг буруу төлөвлөх асуудал гарч болзошгүй тул тэмдэглэж аваад үйлчлүүлэгчдээсээ асуухыг зөвлөжээ.

1. Байгууллагын имэйлээ яаж тохируулж хэрэглэдэг вэ?
2. Нууц үгээр нэвтэрч орох нууцлагдсан хэсэг хэрэгтэй юу?
3. Танай компанийн брэнд болгож хэрэглэдэг өнгөний кодууд?
4. Бидний хийж гүйцэтгэсэн ажлуудыг харсан уу?
5. Хэр хугацаанд хийх вэ?
6. Танилцуулга сайт хэлбэрээр үү? Блог шинж чанартай байх уу?
7. Хэнд хандаж сайтаа хийх вэ?
8. Шаардлагууд ?
9. Танай өрсөлдөгч байгууллагуудын ямар ямар вэб сайтууд байна?
10. Бидэнтэй уулзахаас өмнө хэдэн компанид хандаж уулзсан бэ?
11. Та бүхэнд нэрийн хуудас, бланкны толгой хэрэгтэй юу?
12. Сайтын илэрхийлэх үндсэн санаа?
13. Домэйнээ бүртгүүлж авсан уу?
14. Хайлтын системийн оновчлолын талаар хэр ойлголттой вэ?
15. Таны дуртай вэб сайтууд?
16. Одоо танд вэб сайт байгаа юу?
17. Танай байгуулагад фотошоп гэх мэт зураг засварлах програмтай ажилладаг хүн байгаа юу?
18. Хайлтын системтэй холбоотой тусламж хэрэгтэй юу?
19. Ямар нэг бүтээгдэхүүнийг танилцуулах болон бусад онцгой үйл явдалтай холбогдуулж вэбээ нээх үү?
20. Агуулга удирдах систем хэрэгтэй юу?
21. Вэб сайттай бол хэр удаан эзэмшиж байна?
22. Хэрэгцээтэй фото зургууд танд байга юу?
23. Олон хүн танай сайтыг удирдах уу?
24. Танай вэбэд хичнээн хуудас хэрэгтэй вэ?
25. Танай байгууллагын танилцуулга, тараах материал байна уу?
26. Танай одоогийн вэб сайтыг хүмүүс яаж олж ордог вэ?
27. Мэдээллийн чанартай тогтмол имэйл (news letter) илгээх үү?
28. Хамтарч ажилладаг мэргэжлийн дизайнер байгаа юу?
29. Эзэмшдэг, ашигладаг вэб сервер байгаа юу?
30. Танд таалагддаг, сонирхлыг тань татдаг ямар ямар вэб сайтууд байна?
31. Домэйн удирдах эрх тань танд байна уу?
32. Өөр сурталчилгааны материалууд танд байна уу?
33. Хэрэглэхэд хялбар байдлыг хэр эрхэмлэдэг вэ? (User Experience тал дээрхи хандлагыг асууж буй бололтой.)
34. Хайлтын систем дэх үзүүлэлт танд хэр чухал вэ?
35. Ямар үйлдлүүдийг сайтдаа багтаах вэ?
36. Бүтээлчээр сайтынхаа агуулгад цаашид анхаарах уу?
37. Танай сайтын агуулгууд бэлэн байгаа юу?
38. Танайд мэдээллийн технологийн ажилтан бий юу? Байгаа бол энэ ажилд оролцох уу?
39. Лого эмблем байгаа юу? Ямар форматаар байна?
40. Вэб дизайн, график дизайны тал дээр хэр туршлагатай вэ?
41. Ямар компани дээр вэбээ байршуулдаг вэ? (Вэб сайттай бол)
42. Вэб дизайн хөгжүүлэлт хийлгэж оролцож байсан уу?
43. Танай өрсөлдөгч ямар байгууллагууд вэ?
44. Хэр ойр ойрхон вэб сайтаа шинэчлэх вэ?
45. Вэб сайтынхаа хийлгэхийг хүсч буй хэв маягийг тодорхолойлну уу.
46. Ажиллах боломжтой таньдаг хөгжүүлэгчтэй юу?
47. Таны хийлгэх боломжит буй үнэ хөлс, төсөв?
48. Бидэнтэй хамтарч ажиллахыг хүсч байна уу?
49. Зургийн цомог хэрэгтэй юу?
50. Танай багт HTML/CSS мэддэг хүн байгаа юу?
51. Танай лого вектор форматтайгаар байгаа юу?
52. Танай ашигладаг системтэй нэгтгэх, холбоо уялдаатай ажиллуулах шаардлагатай юу?
53. Сайтаа цаашид яаж арчлах вэ?
54. Таны хэрэглэдэг програм хангамжууд?
55. Бидний тухай хаанаас олж мэдсэн бэ?
56. Бидний блог, нийтлэлүүдээс уншиж үзсэн үү?
57. Та юу юуг вэб сайтуудын түгээмэл гаргадаг алдаа гэж боддог вэ?
58. График дизайнтай холбоотой өөр тусламжууд танд хэрэгтэй юу?
59. Фэйсбүүк, Твиттер гэх мэт нийтийн сүлжээний сайтуудын боломжууд хэрэгтэй юу?
60. Вэбийн стандарт, вэб дизайны талаар хэр мэдэх вэ?
61. Вэб сайтаа өөр гадны програмуудтай холбоотой ажиллуулах шаардлагатай юу?
62. Холбоо барих хэсэг хэрэгтэй юу?
63. Домайн хаяг байгаа юу?
64. Өөр дизайны байгууллагуудтай холбоотой ажилладаг уу?
65. Өөрчлөх боломжтой уян хатан байдал танд хэр чухав вэ?
66. Өөрчлөлт оруулах тал дээр тусламж хэрэгтэй юу? Байнга тусламж дэмжлэх авах уу?
67. Вэб сайт тань юу юуг гүйцэтгэх боломжтой байх шаардлагатай вэ?
68. Онлайн худалдаа хийх боломж хэрэгтэй юу?
69. Логогоо солих, шинэчлэх бодол байгаа юу?
70. Хостинг эрх байгаа юу?
71. Үйл ажиллагааныхаа имижийг шинэлэг байдлаар танилцуулахы хүсч байна уу?
72. Одоогийн байгаа сайтаа хамгийн сүүлд хэзээ өөрчилж сайжруулсан бэ?

Sunday, December 15, 2013

Countries list

Дэлхийн бүх улсуудын жагсаалтыг SQL датабэйс, далбаануудыг нэг стандартад оруулсан icon хэлбэрээр олов.

https://drive.google.com/file/d/0B0MgiGLzI_S1ejNPSW9EQWdLZDA/edit?usp=sharing

Friday, December 13, 2013

Responsive video

Responsive буюу ямар ч хэмжээтэй төхөөрөмж дээр алдаагүй, зохицон ажиллах видеоны эмбэд кодыг оруулах гэж нэлээн оролдож байгаад нэтээс хайж олов.

.embed-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.embed-container iframe, .embed-container object, .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
<div class="embed-container">
<iframe src="//www.youtube.com/embed/ZI3z5cFgmMk" frameborder="0" allowfullscreen></iframe>
</div>

Sunday, December 8, 2013

Web Design vs Монгол бичиг

Монгол бичгээр вэб сайт бүтээх хүсэл эрмэлзэл сонирхол олон вэб хөгжүүлэгч, дизайнеруудад бодлын гүнд нь явдаг байх.

Харин вэб дизайныг Монгол бичигт тааруулан урлахад фонт, вэб броузер, гарын драйвер гэх мэт асуудал бэрхшээл их байсан ч, өдөр өдрөөр технологи хөгжихийн хэрээр фонтны асуудал шийдэгдсэн. Ихэнхи вэб броузерууд http://www.w3.org/TR/css-writing-modes-3/ босоо, хэвтээ, баруун зүүнгүй бичдэг болсон байна. /* Firefox дээр л энэ асуудал шийдэгдээгүй байв. {ubuntu дээр шалгав}

Энэ сэдэвтэй холбогдуулаад Bootstrap 3.0.2-ийн грид системийг монгол бичигт тааруулан жаахан өөрчилж үзэв.

Dropdown (Dropright?) гэх мэт component, js боломжуудыг ажиллагаанд оруулахад нэлээн засвар өөрчлөлт орох бололтой.

Sunday, December 1, 2013

Монгол бичгийг вэбэд дүрслэх

Эх монгол бичгээ хэрэглэх хүсэл, тэр тусмаа вэбэд алдаагүй, дүрслэх хүсэл олон хэрэглэгч, хөгжүүлэгчдэд байдаг байх. Олон үйлдлийн системүүдэд фонт, гарын драйвер суулгах гэх мэтээр өөр өөрийн аргаар дүрслэх арга хэрэгслүүдийг хэрэгжүүлж байгаа ч өнөөг хүртэл крилл, латин үсэгтэй адил хялбар хэрэглэх боломж үүсээгүй л байна.

Харин саяхан Амаржаргал хэмээх залуугийн хийсэн драйвер, шинэ фонт http://mongoltolbo.com/hutuch/ хаяг дээр гарсан байна. Вэб-д Монгол бичиг дүрслэх боломжуудад нэлээн үсрэлт хийхийн эхлэл болох болов уу гэж бодогдов.



Ubuntu үйлдийн систем дээр Firefox дээр алдаагүй дүрслэгдэж байв.

᠂᠂᠂ ᠰᠡᠳᠭᠢᠯ ᠤᠷᠮᠠᠰ ᠪᠠᠳᠠᠷᠠᠨ ᠪᠠᠬᠠᠲᠤᠮᠤ᠂ ᠦᠰᠦᠨ ᠪᠤᠭᠤᠷᠤᠯ ᠥᠲᠡᠭᠦᠰ ᠪᠢ!
ᠬᠤᠲᠤᠭ ᠥᠯᠵᠡᠢ ᠪᠦᠷᠢᠳᠦᠭ᠍ᠰᠡᠨ ᠬᠤᠪᠢ ᠶᠡᠬᠡ ᠵᠠᠶᠠᠭᠠᠲᠤ ᠲᠦᠮᠡᠨ ᠦ ᠮᠢᠨᠢ


Монгол улсын ерөнхийлөгчийн албан ёсны сайтын Монгол Бичиг дээрхи хувилбар гарсан нь ихэд таатай харагдав. http://www.president.mn/mng/

Эх монгол бичиг дээр олон олон сайтууд гарч, мартагдах шахсан бичиг үсэг эргэн түгэн дэлгэрэх болтугай.

Монгол бичгийн цахим дүрслэлтэй холбоотай мэдээлэл, холбоосууд:

http://monscript.blogspot.com/
http://mongolian-script.blogspot.com/

Monday, November 25, 2013

PHP: Монгол хэл дээрхи SLUG функц

Гайгүй Slug функц хайж яваад https://gist.github.com/sgmurphy/3098978 нэг ийм функц олов.


Жаахан засвар хийгээд Монгол үсгүүдийг авдаг болгов.
function url_slug($str, $options = array()) {
            // Make sure string is in UTF-8 and strip invalid UTF-8 characters
            $str = mb_convert_encoding((string)$str, 'UTF-8', mb_list_encodings());

            $defaults = array(
                    'delimiter' => '-',
                    'limit' => null,
                    'lowercase' => true,
                    'replacements' => array(),
                    'transliterate' => true,
            );

            // Merge options
            $options = array_merge($defaults, $options);

            $char_map = array(
                    // Latin
                    'À' => 'A', 'Á' => 'A', 'Â' => 'A', 'Ã' => 'A', 'Ä' => 'A', 'Å' => 'A', 'Æ' => 'AE', 'Ç' => 'C',
                    'È' => 'E', 'É' => 'E', 'Ê' => 'E', 'Ë' => 'E', 'Ì' => 'I', 'Í' => 'I', 'Î' => 'I', 'Ï' => 'I',
                    'Ð' => 'D', 'Ñ' => 'N', 'Ò' => 'O', 'Ó' => 'O', 'Ô' => 'O', 'Õ' => 'O', 'Ö' => 'O', 'Ő' => 'O',
                    'Ø' => 'O', 'Ù' => 'U', 'Ú' => 'U', 'Û' => 'U', 'Ü' => 'U', 'Ű' => 'U', 'Ý' => 'Y', 'Þ' => 'TH',
                    'ß' => 'ss',
                    'à' => 'a', 'á' => 'a', 'â' => 'a', 'ã' => 'a', 'ä' => 'a', 'å' => 'a', 'æ' => 'ae', 'ç' => 'c',
                    'è' => 'e', 'é' => 'e', 'ê' => 'e', 'ë' => 'e', 'ì' => 'i', 'í' => 'i', 'î' => 'i', 'ï' => 'i',
                    'ð' => 'd', 'ñ' => 'n', 'ò' => 'o', 'ó' => 'o', 'ô' => 'o', 'õ' => 'o', 'ö' => 'o', 'ő' => 'o',
                    'ø' => 'o', 'ù' => 'u', 'ú' => 'u', 'û' => 'u', 'ü' => 'u', 'ű' => 'u', 'ý' => 'y', 'þ' => 'th',
                    'ÿ' => 'y',

                    // Latin symbols
                    '©' => '(c)',

                    // Greek
                    'Α' => 'A', 'Β' => 'B', 'Γ' => 'G', 'Δ' => 'D', 'Ε' => 'E', 'Ζ' => 'Z', 'Η' => 'H', 'Θ' => '8',
                    'Ι' => 'I', 'Κ' => 'K', 'Λ' => 'L', 'Μ' => 'M', 'Ν' => 'N', 'Ξ' => '3', 'Ο' => 'O', 'Π' => 'P',
                    'Ρ' => 'R', 'Σ' => 'S', 'Τ' => 'T', 'Υ' => 'Y', 'Φ' => 'F', 'Χ' => 'X', 'Ψ' => 'PS', 'Ω' => 'W',
                    'Ά' => 'A', 'Έ' => 'E', 'Ί' => 'I', 'Ό' => 'O', 'Ύ' => 'Y', 'Ή' => 'H', 'Ώ' => 'W', 'Ϊ' => 'I',
                    'Ϋ' => 'Y',
                    'α' => 'a', 'β' => 'b', 'γ' => 'g', 'δ' => 'd', 'ε' => 'e', 'ζ' => 'z', 'η' => 'h', 'θ' => '8',
                    'ι' => 'i', 'κ' => 'k', 'λ' => 'l', 'μ' => 'm', 'ν' => 'n', 'ξ' => '3', 'ο' => 'o', 'π' => 'p',
                    'ρ' => 'r', 'σ' => 's', 'τ' => 't', 'υ' => 'y', 'φ' => 'f', 'χ' => 'x', 'ψ' => 'ps', 'ω' => 'w',
                    'ά' => 'a', 'έ' => 'e', 'ί' => 'i', 'ό' => 'o', 'ύ' => 'y', 'ή' => 'h', 'ώ' => 'w', 'ς' => 's',
                    'ϊ' => 'i', 'ΰ' => 'y', 'ϋ' => 'y', 'ΐ' => 'i',

                    // Turkish
                    'Ş' => 'S', 'İ' => 'I', 'Ç' => 'C', 'Ü' => 'U', 'Ö' => 'O', 'Ğ' => 'G',
                    'ş' => 's', 'ı' => 'i', 'ç' => 'c', 'ü' => 'u', 'ö' => 'o', 'ğ' => 'g',

                    // Mongolian / Russian
                    'А' => 'А', 'Б' => 'Б', 'В' => 'В', 'Г' => 'Г', 'Д' => 'Д', 'Е' => 'Е', 'Ё' => 'Ё', 'Ж' => 'Ж',
                    'З' => 'З', 'И' => 'И', 'Й' => 'Й', 'К' => 'К', 'Л' => 'Л', 'М' => 'М', 'Н' => 'Н', 'О' => 'О', 'Ө' => 'Ө',
                    'П' => 'П', 'Р' => 'Р', 'С' => 'С', 'Т' => 'Т', 'У' => 'У', 'Ү' => 'Ү' , 'Ф' => 'Ф', 'Х' => 'Х', 'Ц' => 'Ц',
                    'Ч' => 'Ч', 'Ш' => 'Ш', 'Щ' => 'Щ', 'Ъ' => 'Ъ', 'Ы' => 'Ы', 'Ь' => 'Ь', 'Э' => 'Э', 'Ю' => 'Ю',
                    'Я' => 'Я',
                    'а' => 'а', 'б' => 'б', 'в' => 'в', 'г' => 'г', 'д' => 'д', 'е' => 'е', 'ё' => 'ё', 'ж' => 'ж',
                    'з' => 'з', 'и' => 'и', 'й' => 'й', 'к' => 'к', 'л' => 'л', 'м' => 'м', 'н' => 'н', 'о' => 'о','ө' => 'ө',
                    'п' => 'п', 'р' => 'р', 'с' => 'с', 'т' => 'т', 'у' => 'у', 'ү' => 'ү', 'ф' => 'ф', 'х' => 'х', 'ц' => 'ц',
                    'ч' => 'ч', 'ш' => 'ш', 'щ' => 'щ', 'ъ' => 'ъ', 'ы' => 'ы', 'ь' => 'ь', 'э' => 'э', 'ю' => 'ю',
                    'я' => 'я',

                    // Ukrainian
                    'Є' => 'Є', 'І' => 'I', 'Ї' => 'Ү', 'Ґ' => 'G',
                    'є' => 'є', 'і' => 'i', 'ї' => 'ү', 'ґ' => 'g',

                    // Czech
                    'Č' => 'C', 'Ď' => 'D', 'Ě' => 'E', 'Ň' => 'N', 'Ř' => 'R', 'Š' => 'S', 'Ť' => 'T', 'Ů' => 'U',
                    'Ž' => 'Z',
                    'č' => 'c', 'ď' => 'd', 'ě' => 'e', 'ň' => 'n', 'ř' => 'r', 'š' => 's', 'ť' => 't', 'ů' => 'u',
                    'ž' => 'z',

                    // Polish
                    'Ą' => 'A', 'Ć' => 'C', 'Ę' => 'e', 'Ł' => 'L', 'Ń' => 'N', 'Ó' => 'o', 'Ś' => 'S', 'Ź' => 'Z',
                    'Ż' => 'Z',
                    'ą' => 'a', 'ć' => 'c', 'ę' => 'e', 'ł' => 'l', 'ń' => 'n', 'ó' => 'o', 'ś' => 's', 'ź' => 'z',
                    'ż' => 'z',

                    // Latvian
                    'Ā' => 'A', 'Č' => 'C', 'Ē' => 'E', 'Ģ' => 'G', 'Ī' => 'i', 'Ķ' => 'k', 'Ļ' => 'L', 'Ņ' => 'N',
                    'Š' => 'S', 'Ū' => 'u', 'Ž' => 'Z',
                    'ā' => 'a', 'č' => 'c', 'ē' => 'e', 'ģ' => 'g', 'ī' => 'i', 'ķ' => 'k', 'ļ' => 'l', 'ņ' => 'n',
                    'š' => 's', 'ū' => 'u', 'ž' => 'z'
            );

            // Make custom replacements
            $str = preg_replace(array_keys($options['replacements']), $options['replacements'], $str);

            // Transliterate characters to ASCII
            if ($options['transliterate']) {
                    $str = str_replace(array_keys($char_map), $char_map, $str);
            }

            // Replace non-alphanumeric characters with our delimiter
            $str = preg_replace('/[^\p{L}\p{Nd}]+/u', $options['delimiter'], $str);

            // Remove duplicate delimiters
            $str = preg_replace('/(' . preg_quote($options['delimiter'], '/') . '){2,}/', '$1', $str);

            // Truncate slug to max. characters
            $str = mb_substr($str, 0, ($options['limit'] ? $options['limit'] : mb_strlen($str, 'UTF-8')), 'UTF-8');

            // Remove delimiter from ends
            $str = trim($str, $options['delimiter']);

            return $options['lowercase'] ? mb_strtolower($str, 'UTF-8') : $str;
    }

Sunday, November 10, 2013

HTML Page print дээрхи url, header-ийг арилгах



@page
{
size: portrait;
margin:0cm;
}
@page rotated { size : portrait }
table { page : rotated }
@media print{
body{ background-color:#FFFFFF; background-image:none; color:#000000 }
#ad{ display:none;}
}

@page дээр margin: 0; нөхцлийг зааж өгөхөд зураг дээр харагдаж буй огноо, url хаяг шахагдаж алга болох нь ээ