Posts Tagged ‘for the record’

jobb klikk tiltása

calendar 2012. január 2. author kobak

Ha valaki rákeres a jobb klikk letiltására a Google-n, akkor rengeteg hosszú és bonyolult Javascript kódot találhat. A Látszótéren is a képek védelme érdekében az a kérés merült fel, hogy tiltsuk ezt.

Volt sok régi megoldásom erre, de azért körülnéztem, mi az ideális megoldás. Itt találtam egy remek és egyszerű módszert, ami az eddigi legegyszerűbb, s leghatásosabb megoldás a jobbklikk letiltására:

<body oncontextmenu="return false;">

Persze az oldal is leírja hogyan lehet ez ellen védekezni, a legegyszerűbb pl. a noscript firefox kiegészítő használata.

Ezenkívül, ha ez még kevés, akkor a hotlinkelést érdemes tiltani, erre egyik kedvenc blogomon található remek leírás más egyéb hasznos htaccess trükkel együtt. Nézzük a hotlinkelésre vonatkozó részt:


RewriteEngine On
#a ?weboldalad\.hu/ részhez a Te oldalad írd be
RewriteCond %{HTTP_REFERER} !^http://(.+\.)?weboldalad\.hu/ [NC]
RewriteCond %{HTTP_REFERER} !^$
#Cseréld /images/nohotlink.jpg képet a Te képeddel, amit megjelenítenél
RewriteRule .*\.(jpe?g|gif|bmp|png)$ /images/nohotlink.jpg [L]

Más egyéb trükköket is lehet(ne) alkalmazni, de minden kivédhető. Ezeket viszont legalább nem akkora nehézség bevetni, s nem bonyolítják extrém módon az oldal normális használatát.

px, pt, em, százalék

calendar 2011. augusztus 1. author kobak

Ha weboldalt kell gyártani, alapvetően nekem a px a default mértékegység. Sajnos másoknak nem, így akad néha némi kavarodás. Valamiért itt a távolság mérés nem az SI mértékekkel működik. Viszont, hogy senki ne zavarodjon össze, a Roy Reed a REEDdesign alapítója csinált egy egyszerű kis táblázatot, amit most saját magamnak, s azok számára, akik esetleg néha még elvesznek a mértékegységek kusza világában, itt is közlök.

pt px Em %
6pt 8px 0.5em 50%
7pt 9px 0.55em 55%
7.5pt 10px 0.625em 62.5%
8pt 11px 0.7em 70%
9pt 12px 0.75em 75%
10pt 13px 0.8em 80%
10.5pt 14px 0.875em 87.5%
11pt 15px 0.95em 95%
12pt 16px 1em 100%
13pt 17px 1.05em 105%
13.5pt 18px 1.125em 112.5%
14pt 19px 1.2em 120%
14.5pt 20px 1.25em 125%
15pt 21px 1.3em 130%
16pt 22px 1.4em 140%
17pt 23px 1.45em 145%
18pt 24px 1.5em 150%
20pt 26px 1.6em 160%
22pt 29px 1.8em 180%
24pt 32px 2em 200%
26pt 35px 2.2em 220%
27pt 36px 2.25em 225%
28pt 37px 2.3em 230%
29pt 38px 2.35em 235%
30pt 40px 2.45em 245%
32pt 42px 2.55em 255%
34pt 45px 2.75em 275%
36pt 48px 3em 300%

képátméretezés egyszerűen (osx)

calendar 2011. június 23. author kobak

Tegnap a twitteren is megosztottam, de itt is hamar közzéteszem mire leltem az Internet nagy erdejében. Több képet egyszerre átméretezni lehet a Preview alkalmazás segítségével (ezt tudtuk, de kicsit körülményes) szépen összekattintva a dolgokat:

  1. Képeket megnyit
  2. Mindet kijelöl
  3. Tools » resize
  4. Majd Save All

Vagy lehet egyszerűen, Terminal:

sips -Z 1024 *.jpg

A fenti parancs minden .jpg fájlt átméretez, hogy a hosszabbik oldala max 1024 pixel széles legyen.

wordpress loop

calendar 2011. március 6. author kobak

A loop a wordpress legjobb funkciója. Sokáig mumusként tekintettem rá, mert nem igazán értettem, hogy pontosan mire jó. Aztán rájöttem az egészen kézenfekvő válaszra: mindenre.

A Loop a wordpress lelke. Mindent megcsinál, s mindent vele csinálunk. A Loop írja ki a posztokat, oldalakat, mindent. És csodálatosan testreszabható.

Egy oldalon használhatunk akár több Loopot is. Az egész ügylet titka a $query_string változó. Ezt pedig a például a következőképpen alakíthatjuk kedvünk szerint:

<?php query_posts('posts_per_page=3&cat=4') //3 bejegyzés, a 4-es kategóriából
    if (have_posts()) : while (have_posts()) : the_post();  

//a tartalom kiírása the_title(); stb függvényekkel

php endwhile; endif; //mindent lezárunk
wp_reset_query(); //végül pedig reseteljük a query_stringet
?>

További infó a query_posts codex oldalon.

Azonban óvatosan a query_posts függvénnyel. Rast összerakott egy grafikont, s azon mutatja be mikor melyik queryt használjuk a wordpress témáinkban. Íme az említett ábra:

facebook like box keret

calendar 2010. október 14. author kobak

A facebookot ismerjük, s használjuk. Lehetőség van a facebook like boxának az oldalunkba ágyazására, azonban nem szabhatjuk a végtelelnségig testre a dobozt. Annak minden ellenére lesz egy vékony kék kerete. Ennek az eltüntetése némi trükközést igényel, de megoldható1:


 <div style="width:216px; height:287px; overflow: hidden;">
 <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FHUedu%2F154624427880993&width=218&connections=9&stream=false&header=false&height=287" scrolling="no" frameborder="0" border="0" style="border:none; overflow:hidden; width:218px; height:287px; margin: -1px -4px 0 -1px; " allowTransparency="true"></iframe>
</div>

A trükk lényege, hogy az iframe-et beletesszük egy éppen kisebb divbe, s a széleket elfedjük azzal. Ezért van a sok negatív margin az iframe tagen belül.

  1. kis guglizás után itt leltem rá a fenti megoldásra.

windows programok

calendar 2010. szeptember 20. author kobak

Sokszor telepítettem már windowst (még mindig xp-ről beszélünk, de a lenti programok nagy része boldogan köszön ránk 7 alatt is) különböző helyekre, s általában van nálam egy kis lista azokról a programokról, amik nem maradhatnak ki. Gondoltam felteszem ide is. Két egyszerű okból:

  1. Ti is lássátok, s kiegészítsétek.
  2. Könnyen össze tudjam gyüjteni őket, mert megvannak egy helyen linkelve mind.

A telepítést általában a Google Pack telepítésével kezdem. Ez azért is szerepel itt külön kiemelve.

Programok

A fenti programok általában egy pen drive-on mindig nálam vannak, de mostantól egyszerűen végigkattintva a bejegyzésen simán le tudom szedni mindegyikhez a legfrissebb változatot.

A blogposzt ötlete Fidel remek gyüjteménye után született, csak sokáig nem volt rá időm, kedvem, hogy összeszedjem a saját kiegészítéseimet hozzá. Azt hiszem az egyik leghosszabb ideig Draft állapotban pihenő bejegyzés kelt most életre.

  1. powertoys bejegyzés

google account jóság(?)

calendar 2010. szeptember 12. author kobak

Egyik ismerősömet migráltam google for your domain szolgáltatásba. Láttam, hogy lehet transitiont csinálni. Magyarul a dolog még nem tud, ezért alkalmazom inkább az angol szót. A dolog lényege, hogy a nem @gmail.com végű google hosztolt e-mail címek is teljes értékű google accounttá változzanak.

Azaz az eddigi viszonylag szűkös mail, calendar, chat, docs, Sites alkalmazásokat kiegészíti a google a picasa, reader, blogger, s egyéb google account cuccokkal. Ez az én esetemben annyit tesz, hogy a jelenleg ezekre fenntartott gmail accountjaimat takarékra tehetem. Azazhogy nem teljesen, mert végre megkapom a multiple sign-in lehetőségét is.

Hogyan történik a fent leírt folyamat? Be kell lépni a domain adminisztrációs felületre, s ott rögtön egy sárga figyelmeztetés vár, hogy lépjük meg a váltást.

És a folyamat elkezdőtött:

Persze a dolog nem mai keltezésű, Dragon Zoli már nyáron megcsinálta, nekem viszont a fent említett migrálás során most tűnt csak fel.

jajj

calendar 2009. március 3. author kobak

Fejlesztés közben mindig használjunk
div.akarmi {overflow: auto;}
direktívát a css-ben, mert egyébként olyan dolgokat is el tudunk rejteni, amit nem akarunk. Majd egy napja kerestem egy gombját az egyik menünek, s nem értettem hova tűnt. Most meglett.

Ma is tanultam valami fontosat. :-)

frameset

calendar 2009. február 21. author kobak

Ha frame-eket használsz, ne használj <body> és </body> tageket! Fél órát néztem, hogy mi a baj, főleg, hogy a webkit/safari testestül is megeszi a frame-eket.

Nem szoktam frame-et használni, de ide kellett.

MobileMe szinkronizálás – nem kell

calendar 2008. november 27. author kobak

Az iPod 2.2-re való frissítésével nagyjából egyidőben jelent meg a MobileMe szinkronizáló gombocskám. Mivel nem vagyok MobileMe előfiető, így a system preferencesben hiába keresem az eltávolítást, más megoldást kellett találni, mert teljesen felesleges, s csak foglalja a helyet. Jelenleg így fest:

Skitch

Gyors google keresés, s megtudtam, hogy az alma+click kombinációval bármilyen ikont ki lehet szedni a taskbarról. Jippi! Ma is tanultam valamit.