Blog Archives: responsive

Responsive lightbox scrpipt WordPress kodulehe jaoks

  |   by kadriad   |   jQuery, plugins  |  No Comments

Oli vaja teha galerii ja galeriis olevaid pilte nende peale klikkimisel näidata lightbox-variandis. Proovisin palju erinevaid pluginaid – nii lightbox, fancybox, nivo-slider variante, prettyphoto ja mida veel. Mõned pluginad ei olnud responsive, mõned ei näidanud pildi all teksti. Mõnedega ei saanud tasuta variandis eriti midagi teha. Lõpuks leidsin, et sama hästi võib lightbox-skriptid ka teema […]

Read more »

Responsive table

  |   by kadriad   |   Blogi, css  |  No Comments

Responsive disainiga lehel oli postituses tabel – tabel ise ei skaleerunud nii nagu vaja. Skaleeruva tabeli näide on siin: https://css-tricks.com/examples/ResponsiveTables/responsive.php Siin on css-osa: table { width: 100%; } @media screen and (max-width: 880px){ table, table, thead, tbody, th, td, tr { display: block; } table td { width: 100%; float: none; margin: 1.5% auto; } […]

Read more »

jQuery Responsive design pluginad: video, css ja muud

  |   by kadriad   |   Blogi, css, jQuery  |  No Comments

Kui on vaja video lisada ja et see skaleeruks sujuvalt, siis on hea kasutada pluginat: Fitvids: http://fitvidsjs.com/ Siin on div-de smart resize plugin: http://louisremi.github.io/jquery-smartresize/demo/ Muud vajalikud asjad: framework http://addyosmani.github.io/jquery-ui-bootstrap/ responsive css moodulid: http://purecss.io/ Resonsive ikoonid, font: http://fontawesome.io/ http://www.appelsiini.net/projects/lazyload Masonry ja isotope on suht samad asjad – erineva pikkusega/laiusega div-d jaotatakse ilusasti üksteise alla. Masonry – […]

Read more »

Responsive jquery google map plugin

  |   by kadriad   |   Blogi, jQuery  |  No Comments

Oli vaja lehe footerisse panna aknaga skaleeruv google map. Ühe variandi leidsin siit: https://github.com/joggink/mobileGmap  

Read more »

css3 fluid design

  |   by kadriad   |   Blogi, css  |  No Comments

Siin on ülevaade css 3 fluid design kohta, teise nimega responsive design. Samuti ka media queries ja seadme laius jne. http://coding.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/

Read more »