digitális, mellesleg, web

Vodafone: túl hosszú a jelszavad!

Kezd az egész úgy tűnni, mintha elégedetlen ügyfélként a szolgáltatóm minden viselt dolgába sorban belekötnék, pedig az igazság az, hogy alapvetően semmi problémám nincs a Vodafone-nal: velem eddig mindig korrektek voltak, az ügyfélszolgálaton is mindig barátságosak, a boltokban is megoldottak eddig minden problémám, nagy bajom sosem volt velük, pedig az indulásuk óta az ügyfelük vagyok, lehetett volna. Most viszont mintha minden egyszerre csapódna le, és naponta futok bele olyasmibe, ami nem vet rájuk jó fényt. Szerintem. Akarta a fene, de ez van. Kezdődött azzal, hogy küldtek egy emailt, amiben felhívják a figyelmemet arra, hogy bizony kedvezőbb tarifával is elboldogulhatnék, nézzem csak meg az új csomagokat. Innentől egy tőről fakadó, jelen pillanatban kétfelé ágazó történet kerekedett az egész kis promó-kalandból.

Bővebben…

Standard
digitális, web

A webdizájn gyakorlatának jövője most: Webflow

Weblow @work

Ha valaki valaha már nekifogott valamiféle weboldal dizájnolásának-építésének, akkor tisztában van vele, hogy bár egyszerűnek tűnik, azért valójában ez sem véletlenül külön szakma. Igenis kell hozzá HTML, CSS, és némi javascript ismeret – és ez csak a minimum, hiszen manapság nagy valószínűséggel valamilyen tartalomkezelő rendszerre készül a sablon, így annak a nyavalyáit is illik ismerni, nem beszélve a mostanság kötelező reszponzív tulajdonságok implementációjáról! Azon túl, hogy persze továbbra sincs itt a kánaán, elkészült egy ügyes, vizuális felületen buherálható szerkesztő, amivel jóval egyszerűbb, és nem utolsó sorban élvezetesebb is a webdizájn: ez a béta fázisban, meghívásos alapon működő Webflow.

Bővebben…

Standard
digitális, egyetem, web

Ráncfelvarrás az IEAS és az Amerikanisztika Tanszék honlapjain

Bár mindkét oldal rendesen működött, azért mondjuk ki, ideje volt egy kis frissítésnek az Angol-Amerikai Intézet és az Amerikanisztika tanszék honlapjai táján: előbbi utoljára nagyjából három éve, utóbbi viszont – kimondani is szörnyű – már vagy öt-hat éve esett át jelentősebb változáson. Mindkét esetben mobile-first, reszponzív-adaptív dizájn vette át a korábbiak helyét (ami annyit tesz, hogy szépen, ügyesen idomul ahhoz a képernyőhöz, amin meg kell jelennie az oldalaknak), az egész dinamikusabb, bátrabb, vizuálisan izgalmasabb, de egyszerre letisztultabb és könnyebben áttekinthető is lett – remélhetőleg sokaknak elnyeri majd a tetszését.

Standard
web

Creative Commons ikonok @font-face segítségével

Egy kis kockaság arra az esetre, ha netán valaki szeretne Creative Commons ikont megjeleníteni weboldalán, de nem a szokásos képbeillesztéssel oldaná meg, hanem valami egészen más trükkre éhes. Nem igazán köztudott, de a CC rendelkezik egy true type font-settel, ami persze valójában az általuk használt ikonok gyűjteménye – ezt viszont ügyesen be lehet applikálni némi html+css kombóval bármilyen oldalba, például imígyen:

<html> <head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
<title>Test</title> 
<style type="text/css"> 
@media screen { @font-face { font-family: 'CC-ICONS'; 
font-style: normal; 
font-weight: normal; 
src: url('http://mirrors.creativecommons.org/presskit/cc-icons.ttf') 
format('truetype'); } 
span.cc { font-family: 'CC-ICONS'; color: #ABB3AC; } 
} 
</style> 
</head>
<body> 
<p>Key: a: SA, b: BY, c: CC Circle, d: ND, n: NC, m: Sampling, s: Share, 
r: Remix, C: CC Full Logo</p>
<span class="cc">a b c d n m s r C</span>
<p>This page is licensed under <span class="cc">C</span></p>
</body> 
</html>

Ennek pedig ez lesz az eredménye:

a b c d n m s r C
This page is licensed under C

Egy egyszerű @font-face trükk az egész tehát, és a változókat így máris a stíluslapban igazíthatjuk kényünkre-kedvünkre.

Standard
egyetem, web

Egyetemi honlapok – az egységes arculat útján

Régóta dédelgetett illetve hallatott elképzelés volt, hogy az SZTE lépjen az egységes arculat irányába, és például legalább a Kari honlapok szintjéig valamiféle vizuális és felépítésbeli közösség mutatkozzon meg. Teljesen véletlenül bukkantam rá a folyamat első jeleire, amely már három Kar honlapján látható: az Egészségtudományi és Szociális Képzési Kar, a Gazdaságtudományi Kar és az Állam- és Jogtudományi Kar oldalai már az egyetemi honlap átszínezett, így könnyen megkülönböztethető változatai. Könnyű persze a központosítás ellen is érvelni, ám kétségtelen, hogy ha valaki megszokja a fő oldal navigációját és felépítését, akkor könnyebben fog navigálni a karok oldalain is, hiszen hozzászokik a struktúra logikájához, ráadásul hamarabb megtalálja a keresett információt is, hiszen minden navigációs pont ugyanott található, plusz a fő, központi elemek a felső és alsó sávokban ugyanúgy fellelhetőek. Mindemellett az sem elhanyagolható szempont, hogy az egyetem így egységes arcot tud mutatni az érdeklődők felé, ami – mondani sem kell – tőlünk nyugatabbra alap elvárás. Más kérdés persze, hogy ahhoz, hogy mindezen elképzelés működjön is, néhány dolgot nem árt átgondolni.

Bővebben…

Standard
web

@font-face – avagy betűtípusok a weben

Röviden: az @font-face CSS definíciója arra hivatott, hogy olyan betűtípusokat is meg tudjon egy weboldal jeleníteni, ami nincs a felhasználó gépén telepítve. Eleddig nem volt sok értelme a használatának, minthogy ritka fehér hollónál is ritkább volt az a böngésző, amelyik támogatta a definícióban megadott betűtípus megjelenítését, mára azonban a böngészők egyre inkább képesek erre. Legalábbis minden jel arra utal, hogy a jelenleg a piacon futkosó böngészők legújabb változatai egyre inkább figyelmet fordítanak erre is, ami azért is időszerű, mert ugye a CSS3-at nem ma találták ki… A tipográfiai trükköt borzasztó egyszerű előcsalogatni, csupán fel kell tölteni egy mappába a betűtípus fájlt, majd a stíluslapon a következő sorokat bepötyögni:

@font-face {
        font-family: "Robson Celtic";
        src: url("http://site/fonts/rob-celt")}
h2 { font-family: "Robson Celtic", serif; }

A példában először megadtuk, milyen betűtípust szeretnénk használni, majd meghatároztuk, hogy melyik stíluselem előfordulásakor jelenjen meg, és máris készen vagyunk. A DragonWeb oldalain most kísérleti jelleggel a címek, címsorok jelennek meg ezzel a módszerrel – ha valaki nem észlel változást az eddigi megjelenéshez képest, az azt jelenti, hogy böngészője nem támogatja a CSS definíciót. Egyelőre 🙂

Standard