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>

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

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

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

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

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

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 хаяг шахагдаж алга болох нь ээ