Webmester Blog

Az én kódom, az én váram

Az én kódom, az én váram

Az én kódom, az én váram... De szép is lenne, ha valóban így lenne. Számos esetben tapasztaltam már olyat, hogy az általam üzemeltetett weboldalról valaki átmásolt szöveges tartalmat, vagy épp egy forráskód részletet. Mivel ezeken a szellemi alkotásokon sokáig dolgoztam, így szerettem volna megvédeni őket. Tökéletes megoldás nincs, [...]

Alul-felül scrollbar

Alul-felül scrollbar

Egy érdekes mini projekt keretében felmerült egy olyan kérés, hogy mi lenne ha a görgethető doboz alján és tetején is lenne görgetősáv. Elsőre vakartam a fejem, hogy ezt hogy is lehetne kivitelezni. Persze kreatív ember lévén biztos voltam abban, hogy erre is találok megoldást és így is lett. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ornare velit metus, [...]

Mit néznek pontosan a látogatóid?

Mit néznek pontosan a látogatóid?

A napokban azon gondolkodtam, hogy milyen jó lenne látni, hogy a látogatóim pontosan mely részén is töltenek el több időt a weboldalamon. A Google Analytics ugyan ad egy statisztikát az átlag tartózkodási időről, sőt a kattintási területek népszerűségéről is, de arról már sajnos nem, hogy a látogatók mondjuk többet nézik-e a cikket, vagy csak azon belül egy képet, [...]

Hogyan védjük meg dokumentumainkat az indexeléstől?

Hogyan védjük meg dokumentumainkat az indexeléstől?

Gondolom már veled is előfordult, hogy kerestél valamit az interneten és akaratlanul is belefutottál PDF, vagy DOC dokumentumokba a találati listán. Sok esetben akár olyan adatokat is tartalmaznak ezek a dokumentumok, amik kényes infromációkat rögzítenek, vagy egyéb okból nem szándékoztak nyilvánosságra hozni. [...]

A Semantic UI és a Bootstrap

A Semantic UI és a Bootstrap

A Semantic UI egy fejlesztőknek szánt keretrendszer, melynek segítségével lenyűgöző, reszponzív felületeket hozhatunk létre HTML alapokon. A Bootstrap az eddigi legnépszerűbb mobil alapú, reszponzív rendszer a webes körökben. Utóbbi története 5 évvel ezelőtt kezdődött, nemrégiben megjelent a 3.3.6-es verziója. [...]

Dinamikus e-mail cím védelem

Dinamikus e-mail cím védelem

Ma már nem új fogalom a kéretlen leveleknek a zuhataga, ami nap, mint nap elárasztja az e-mail fiókunkat. Az esetek jelentős részében a weboldalakra publikusan kiírt e-mail címekre vadászó, úgynevezett mail hunter botok a felelősek. A legtöbbnek a működése igen egyszerű. A bot lekérdezi egy adott weboldal minden létező url-jét és beolvassa az így kapott HTML DOM-ot. [...]

CSS animációk, ahogyan csak szeretnéd

CSS animációk, ahogyan csak szeretnéd

Weboldalak jelentős része használ valamilyen animációt. A legjellemzőbb a sliderekben használt, úgynevezett preloader animációk, de népszerűek a menü elemek, vagy logo megjelenítésének animálása is. Ezekhez az animációkhoz használhatunk valamilyen JavaScript alapú keretrendszert, vagy kihasználhatjuk a CSS 3-ban rejlő lehetőségeket. [...]

Forráskód kiemelés a blogban

Forráskód kiemelés a blogban

Akik esetleg régebb óta követik a blogom, már észrevehették, hogy bekerült egy látványos újítás. Méghozzá az, hogy a tutorialokban szereplő forráskódok szintaxisa mostantól színekkel vannak elszeparálva. A látványon túl sokat javult a kód olvashatósága, könnyebb megértése. Mindehhez számos kódkiemelő, úgynevezett syntax highlighter szkriptet kipróbáltam, [...]

Látják a cookie-d

Látják a cookie-d

2011 augusztusában lépett hatályba a cookie-k kezelését szabályozó jogszabály. Eredetileg csak a viselkedésalapú reklámok megjelenítéséhez való hozzájárulásról szólt az európai irányelv, miszerint csak előzetes hozzájárulással lehet cookie-t használni. [...]

Egyedi betűkészletek formátumai és beágyazása a weboldalunkba

Egyedi betűkészletek formátumai és beágyazása a weboldalunkba

Azt hiszem azzal nem mondok újat, hogy ma már felhasználhatunk egyedi betűkészletet is weboldalunk megjelenésének javítására. De vajon mennyire vagyunk tisztában azzal, hogy milyen betűkészlet fájltípusokat kell használnunk és ezeket a formátumokat, melyik böngészők támogatják? .eot (Embedded OpenType) Az OpenType (. [...]