Blog Archives: css

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 »

Google Chrome google fonts rendering

  |   by kadriad   |   Blogi, css  |  No Comments

Tihti näitab Chrome google web fonte kõige koledamini valikust veebilehitsejatest. Siin mõned css nipid ja soovitused, mis peaksid asja parandama. Minu meelest väga ei aidanud. Variandid on siin: http://stackoverflow.com/questions/17867574/chrome-not-antialiasing-text -webkit-text-stroke: 1px -webkit-text-stroke: 1px rgba(0,0,0,0.1) text-shadow: #fff 0px 1px 1px; text-shadow: #333 0px 0px 1px; // for black text -webkit-font-smoothing: antialiased;

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 »

Minify css ja javascript ja unminify

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

Vahel on vaja seo optimeerimiseks teha css ja javascript failid võimalikult väikesteks. Selleks on olemas head online tööriistad: Minify javascript: http://jscompress.com/ Minify css: http://cssminifier.com/ Ja vastupidi, teha css ja javascript mugavalt loetavaks, ehk siis reavahed tagasi. Unminify css online tool: http://mrcoles.com/blog/css-unminify/ Unminify javascript online tool: http://jsbeautifier.org/

Read more »

WordPress: Basic Google Placemarks näitamine nt arhiivi lehel

  |   by kadriad   |   Blogi, plugins, wordpress  |  No Comments

Oli vaja näidata plugina Basic Google Placemarks kategooriate kaarti custom post type kategooriate järgi ja seega näidatakse seda archive.php kaudu. Sellel lehel ei laeta automaatselt plugina css ja js faile. Maadlesin tükk aega, et õige lahendus toimiks, leitud koodid ei andnud tulemust. Lõpuks leidsin õige koodi: http://wordpress.org/support/topic/plugin-basic-google-maps-placemarks-javascript-andor-css-files-arent-loaded Ja kood ka: function ducknroll_bgmp_shortcode_check() { global $post; […]

Read more »