Lekerekítés

Vidám Fűz tette fel a kérdést, hogy most akkor ez így hogyan? 3 féle megoldás van. A kedvencem a CSS3-as megoldás, ami nem működik Internet Explorer és Opera alatt sem, (Operához egy másik megoldás van, azt most nem fejtem ki). Ehhez itt egy nagyon jó kis leírás: http://www.css-3.hu/2009/09/kerekitett-sarkok-css-3-modra/ ez tudomásom szerint firefox 3.5-ben, safari-ban és chrome-ban működik.

A másik megoldás jQuery alapon megy. Ennek a használata a következő:

Csinálunk egy HTML osztályt, legyen mondjuk .rounded-corner a neve.

<div class="rounded-corner">ide kerül a tartalom.</div>


Kell csinálnunk egy javascript file-t, amit a smink .info file-jában húzunk be, illetve le kell tölteni a hozzá való jQuery plugint, amit szintén a smink könyvtárba tegyünk. (Persze van modul is. Ha ezt használjuk, akkor az első sor nem kell, bár ez a modul nem tűnik up-to-date-nek.)

scripts[] = jquery.corner.js
scripts[] = rounded.js

ebbe a file-ba (rounded.js) írjuk a következőket:

$(".rounded-corner").corner();

vagy

$(".rounded-corner").corner(15px);

De érdemes itt megnézni a további lehetőségeket.

(Esküszöm HTML-be HTML írni eléggé advanced dolog.)

Összefoglalás

Érdekes tanfolyam ez, mert, ahhoz képest, hogy vége van, csak most kezdődik el igazán. Elösször is, mi az, amit el fogok olvasni, át fogok nézni: Front End Drupal, Using drupal és Nagy Gusztáv Webes tartalomkezelő rendszerek. Alapvetően azt gondolom, hogy nem nagyon fognak újat mondani, de biztos találok bennük néhány jó ötletet, és talán rendbe rakják eddigi kusza ismereteimet.

Ezen kívül szeretnék összehozni valamit, amivel HTML5 alapon lehet mockupokat, látványterveket készíteni. Szerintem ez a jövő, és lassan a photoshopot is csak arra fogják használni, amire való, képek szerkesztésére.

Merre járok?

Úgy néz ki, hogy a mocup-ot rosszul terveztem meg. Az ugye egy olyan oldal terve volt, ami a magyar e-bay vásárlókat mentesíti a királyi magyar postától, és ahol olyan eladóktól is vásárolhatnak az e-bay-en, akik egyébként nem szállítanak Magyarországra. Úgyhogy átnyergeltem egy másik projectre, ami egy webáruház, ahol kubai szivarokat lehet kapni. Az eredmény itt látszik, ezzel sem vagyok megelégedve.

A legfontosabb.

A hülye kis szakmai dolgok miatt majdnem elfeledkeztem a legfontosabbról. A tegnapi tanfolyamon elhangzott a nevem az előadásban. Azóta híresebb vagyok, mint a bikicsunáj.

Design készítés

A tegnapi előadás után két feladatot kaptunk, melyek közül én a Készíts látványtervet! résszel foglalkoznék. Itt nagyszerű tanáraink azt tanácsolták hogy a látványtervhez Photoshop-ot, Gimp-et, vagy más, hasonló képszerkesztő programot használjunk (akkor inkább a Gimpet :). Nos, én ezzel nem értek egyet, illetve mutatnék egy másik, szerintem jobb utat.

Mégpedig ez nem más, mint a HTML és a CSS. Azt gondolom, hogy látványtervet, de akár egy mockup-ot is jobb HTML-ben és CSS-ben csinálni. Sőt, ha már drupal, akkor jobb rögtön egy sminket ráhúzni az oldalra, és ott design-olni.

Így rögtön fognak látszani például az interaktív elemek, mint a linkek. Ha kell, meg lehet bolondítani egy kis jQuery-vel, vagy jQuery UI-val. Ha pedig lekerekített sarkok kellenek, arra ott a CSS3, amiben még rengeteg érdekes dolog van.

Nagyon jó kis olvasnivaló a témában a Weblaboron. további olvasnivalókkal.

Sorrend

Szerintem ez az egyik legfontosabb része a tanfolyamnak: egy weboldal kialakításának menete:

• Cél megjelölése
• Felhasználók jellemzése, használati esetek
• Navigációs terv
• Oldaltervek készítése
• Dizájn

Persze ez sem ökölszabály, de fontos, hogy ezeken a lépéseken végigmenjünk, a megrendelővel karöltve.

Első nap az iskolában

Bár már elég régóta foglalkozom drupállal, sminkeket, modulokat is készítettem már, de mégis az az érzésem, hogy ezt a tanfolyamot végig kell csinálnom. Tudom, hogy vannak lemaradásaim design vonalon, - és mint az első videó után kiderült, sminkkészítés terén is, - css-ben sem vagyok olyan profi, mint amennyire szeretnék, meg érdekelt ez a konnektivista oktatási szemlélet is. A legfontosabb pedig, hogy jó programozó holtig tanul.

Rögtön az első videóban tanultam pár új dolgot. Az egyik ilyen az oldaltervezés menete, amit ugyan már valahol belül éreztem, de nem láttam még így leírva. A másik a gridek használata, - pedig ez a kiterjesztés már régóta fent van a gépemen, csak eddig nem tudtam, hogyan kell használni -. A harmadik pedig, bevallom töredelmesen, az alsminkek használata, mert ahogy eddig testre szabtam a sminkeket, attól PP a fejét fogná.

Na, akkor most már végignézem a videót, aztán elolvasom a Floattutoriál-t, ez az egyik gyengém CSS-ből, és megcsinálom a layoutokat. Holnap pedig megcsinálom a szivaros oldal mockup-ját, hacsak a holnapi előadáson nem lesznek újabb feladatok.

PP és Kulcsi, köszönöm az eddigi zseniális tanfolyamvezetést!