Webfejlesztés okosan és egyszerűen!

Archive - SiteBuild RSS Feed

Puska webszerkesztéshez

Cheat Sheet-ek szerintem elengedetlen egy webdesignernek vagy webfejlesztőnek. Sok olyan infó van bennük, ami egy kis kihagyás után sok segítséget nyújt, hogy emlékezzünk a dolgokra. Ebben a bejegyzésben, több témából válogattam össze Cheat Sheet-eket:  CSS, HTML, JavaScriptek, Photoshop, Illustrator, SEO, tipográfia,Dreamweaver, WordPress.

Én például egy kis kihagyás után mindig előveszek egy Cheat Sheet-et, mert ez felfrissíti az emlékezetemet. Mindenkinek ajánlom, főleg azoknak akik most tanulják a CSS, Photoshop, SEO… Egy egy ilyen Cheat Sheet  sokat segít. Én kezdőként nem tudtam róluk és ezért több időbe került megtanulni a dolgokat.

Ha valamit kihagytam volna dobjatok meg egy hozzászólással! icon smile Puska webszerkesztéshez

(more…)

Heti link #1

Ugyan úgy ,mint a Heti inspiráció sorozatunkban itt is megpróbálok heti rendszerességgel jelentkezni, már amikor időm engedi. Ebben a sorozatban megpróbálom összefoglalni a heti webdesign/sitebuild cikkeket. Jelen esetben régebbről is fogok cikkeket betenni, mert azért ez csak a legelső a sorozatban és illik legalább 10-15 linket kitenni, hanem többet. icon smile Heti link #1

Akkor kezdjünk is neki:

Color Inspiration: Wonderful Uses of Beige

40+ Awesome Grunge Style Photoshop Brush Packs

15 Useful HTML5 Tutorials and Cheat Sheets

55 Minimal Black and White Web Designs to Inspire You

Color Inspiration: Awesome Red Websites

(more…)

Weboldal optimalizálása mobilra

Az iPhone vs. Android konferencián nyilvánvalóvá vált az, hogy a weboldalunkat mobilra is optimalizálnunk kell, mert nemsokára mobilról 5X többen fognak netezni mint számítógépről.

1 Weboldal optimalizálása mobilra

(more…)

WordPress sablon készítés

Mind sokan tudják, a WordPress egy nagyon jó rendszer, amit már nem csak blogok készítésére használnak, hanem szokványos oldalak felállítására is. A WordPress kinőtte magát a blogrendszer szerepéből, ez nem is csoda hiszen megannyi kiegészítő és sablon készül hozzá, hogy nyugodtan kielégít egy weboldal szükségleteit. Mikor feltelepítünk egy WordPress-t az az első dolgunk, hogy sablont keresünk rá. Én személy szerint sohasem tudok választani sablont, mert az egyik jobb mint a másik.

Ezért sokan elgondolkoznak azon -még én is-, hogy készítsenek maguknak egy sablont. Ez mind szép és jó, de itt jön a neheze. Az elkészült design le is kell kódolni. Ha valaki nem ért hozzá vagy nekiáll tanulni(ez a ritkább eset), vagy rábízza valakire aki ért az ilyesmire és az elkészíti neki egy X összegért. Ez az ár külföldön 400 dollártól kezdődik.

De ki akar fizetni 400 dollárt, ha azt ő is meg tudná csinálni? Gondolom senki. Ha már ért valaki az xHTML és a CSS-hez akkor már nyert ügye van. Elsőre a WordPress sablon rendszere bonyolultnak tűnik, de csak első ránézésre. Ezért sokan már itt megtántorodnak, hiába kenik vágják az xHTML-t és a CSS-t.

(more…)

365PSD – Friss PSD fájlok nap mint nap!

Most egy olyan oldalt szeretnék bemutatni, amely sokat segít – még nekem is – az új webdesign effektek megismerésében. A tapasztaltabb webdesignerek már ránézésre meg tudják állapítani azt, hogy egy adott oldalelemen, milyen effekt található.

psdmindennap 365PSD   Friss PSD fájlok nap mint nap!

 

(more…)

JavaScript keretrendszerek

Ebben a cikkben felsorolom azokat a JavaScript keretrendszereket/könyvtárakat, amelyeket nemrégiben elkezdtek intenzíven használni a webfejlesztők. Felmerül a kérdés, hogy minek érdemes használni? Használjuk, vagy sem? Ezekre a kérdésekre fogok válaszolni. Először is következzenek azok a keretrendszerek, amelyek nélkül egy 2010-es weboldal nem létezhet.

1. jQuery

jquery JavaScript keretrendszerek

 

Ez a keretrendszer a legelterjedtebb. Már szinte minden új weboldalba beleépítik. Nagyon sok kiegészítést készítettek hozzá, ezért már nem kell magunk írni a kódokat. Csak letöltjük a kiegészítést feltesszük az oldalra és ott, ahol használni akarjuk div html taggal meghívjuk.

URL: http://jquery.com/ Dokumentáció: http://docs.jquery.com/

(more…)

Cufon és egyéb font replacement

Sokszor a sitebuilder-nek gondot jelent az, hogy a webdesigner olyan betűtípussal álmodta meg a webdesignt ami nem web-safe azaz nem web kompatibilis.

Ami annyit tesz, hogy olyan ritka a betűtípus, hogy az nem biztos, hogy meglesz a látogatónak ezáltal nem úgy fog megjelenni a weboldal mint ahogy a webdesigner megálmodta.

Ilyenkor a sitebuildert majd megeszi a fene, hogy a webdesigner miért nem tudta rendes alap betűtípussal elkészíteni a webdesignt.

A probléma kiküszöbölésére megszületett a cufon, a sFIR és sok más egyéb font replacement. Ezek javascript pontosabban jQuery alapúak. A sitebuilder egyszerűen letölti a jQuery-t és a font replacement szkriptet és megkeresi a fontot ami a webdesignban kell szerepeljen és a szkripttől függően elhelyezi a designban.

(more…)