webdesign / development + awesome
archivovaný archívny archív
Farby do očí
napísal blade, 1 Dec 2011
Toto je ovládač. Ovláda farby vášho okolia. Čo je to za ovládač, že ovláda farby okolia? To je ovládač ovládajúci svetlo-emitujúce-diódy. Ak vám to nedošlo z obrázku, je s ním dosť veľká sranda. Za predpokladu, že vlastníte spomínaný svetlo emitujúci objekt.
Jedného dňa, počúvajúc hudbu som zistil, že moja izba, akokoľvek sa snaží, veľmi biedne reflektuje atmosféru znejúcej skladby. O niekoľko týždňov na to, som zistil, že existuje vec ako 5 metrový RGB LED pás a o niekoľko ďalších týždňov sa ocitol v mojej pozesii:
9 komentárov Minimalistické hodiny + stav baterky pre Windows 7
napísal blade, 5 Nov 2011
Pri poslednom upratovaní plochy som zistil, že najväčší neporiadok mi na nej robili "gadgety". To sú tie kalendáriky, počasia a podobné srandy. Všetky pôsobili strašne "vytrhnutým" dojmom, teda že sa na plochu vôbec nehodia. Pôvodne som chcel z nich len poodstraňovať pozadia, ale nejak to nefungovalo a nakoniec som skončil s úplne vlastnými gadgetmi. A keď už som ich robil, prečo sa nepodeliť, že? :)
Prvý gadget sú obrovské digitálne hodiny (800x350px) s voliteľným dátumom. Zámer bol spraviť ich tak, aby splývali s plochou, boli veľké a napriek tomu pôsobili minimalisticky. Skončilo to pri niečom, čo pripomína štýl Windows 8 (Metro). Farbu, rozmazanie a priesvitnosť si môžete nastaviť podľa ľubovôle, rovnako ako aj zarovnanie na pravú alebo ľavú stranu.
Druhý gadget je ukazovateľ stavu baterky notebooku. Nastavenia sú podobné ako pri hodinách s jedným bonusom navyše - gadget sa vie automaticky skrývať keď je baterka plne nabitá (alebo vybratá).
Gadgety si nainštalujete velice jednoducho, stačí ich stiahnuť a 2x na ne kliknúť. Testované boli na Windows 7 s IE9, ale mali by fungovať aj na Viste.
Linky na stiahnutie
Digitálne hodiny + dátum (SK)
Stav baterky (SK)
a anglické verzie (tie som vlastne spravil ako prvé)
Digital clock + date (EN)
Battery gadget (EN)
[ 
]
]
Demoscéna - obskúrne moderné umenie?
napísal blade, 12 Oct 2011
Keď sa povie demo, normálny človek si predstaví malú skúšobnú verziu programu alebo hry. Malá skupina nenormálnych ľudí má ale na mysli niečo úplne iné. Niečo oveľa zaujímavejšie. Niečo exotické, skryté pred zrakom ostatného sveta. "Nenormálne" demo tiež existuje vo svete počítačov. Zvyčajne má podobu jedného spustiteľného súboru, v ktorom je obsiahnuté všetko potrebné na to, aby sa začala diať vizuálna a zvuková mágia.
Inak povedané, demo si môžete predstaviť ako hudobné video, ktoré je generované v reálnom čase (často vrátane hudby). Demo je vec, ktorá vznikne keď dáte dokopy hackerov a umenie. Existujú už od čias prvých grafických počítačov a ich úlohou je ukázať čo všetko dokáže daný hardvér a čoho sú schopní programátori, grafici a hudobníci.
Netvoria ich výrobcovia hardvéru. Tvorí ich skupinka nadšencov kolektívne nazývaná ako "Demoscene". Zaujímavé je, že demoscéna existuje prakticky len v Európe a dokonca sú organizované pomerne veľké (pár tisíc účastníkov) underground súťaže - demoparties. Vyhrať sa na nich nedá nič, jedine ak nehynúca sláva :) Ťažko povedať aká veľká je scéna. S určitosťou iba viem, že do dnešného dňa bolo vytvorených cez 40 000 diem.
Okrem vytvorenia čo najpôsobivejších efektov, o ktoré sa snažia demá, existuje druhá kategória, tzv. intrá. Keď už nebola dostatočná výzva vytvárať neuveriteľné efekty, pár šialencov si to sťažilo a dali si za cieľ napratať čo najviac obsahu do extrémne obmedzenej veľkosti. Typické obmedzenia sú 64 kilobajtov, 4 kB a dokonca 256 bajtov! Oproti dnešným tlstým vypaseným programom sú takéto veľkosti naozaj neskutočné. Porovnajte si to. Do 64K sa zmestí pri najlepšej vôli malinký JPG obrázoček a tu máme ľudí, čo vedia do rovnakej veľkosti napchať 10 minútový príbeh aj s hudbou. Alebo 256 bajtov. To je menej ako 2 tweety. Po tom, čo som videl koľko sa dá vpratať do tak malej veľkosti, mi je na zaplakanie, že nový Windows má 12GB (a Mac OS nie je na tom o nič lepšie).
[ 
]
]
CSSkové trojuholníky a bubliny
napísal blade, 13 Jul 2011
Počul som, že horíš nedočkavosťou vedieť ako robiť takéto bubliny s trojuholníkmi v CSS bez použitia obrázkov!
Hm, to znie ako riadna kravina, povedz mi o tom viac.
Nuž.. všetko to začalo obyčajným štvorcom, ktorý mal "border"...
[ 
]
]
Rozuzlenie záhady CSS (s cicíkmi™)
napísal blade, 25 Apr 2011
Ako keby nestačilo, že žiadny browser sa nespráva celkom podľa (chaoticky prekomplikovanej) špecifikácie CSSka, občas máte tú česť naraziť na divné správanie, ktoré zámerne vytvorili jeho autori. Dnešný príklad -keď dáte obrázok do vnútra div elementu, na spodku sa vytvorí medzera. Prečo sa to deje a prečo by mi to malo vôbec vadiť?
Strihal som CSSko s dizajnom, kde má byť pod obrázkom aktuálne veľmi obľúbené "zloženie" za pozadie (ako vidíte na obrázočku vľavo hore). Tak si hovorím, že šak pohoda, spravím div s paddingom na spodku, v ktorom bude ako pozadie ten šedý cicík™ a posuniem celý div doľava. V tomto div-e by potom mohol byť hocijaký obrázok a bol by pekne ocicíkovaný.
.obrazok_s_cicikom {
float: left;
padding-bottom: 5px;
margin-bottom: 8px;
position: relative;
left: -6px;
background: transparent url('cicik.png') 0% 100% no-repeat;
}
No a tu prichádza zrada, cicík je posunutý o 3 pixely nižšie! Pôvodne som myslel, že to je nejaký bug browseru, ale ukázalo sa, že sa rovnako správa vo Firefoxe, Chrome, Opere a dokonca aj IE. Obrázok mal veľkosť 83, div 86. Tak skúšam vypínať bordery, paddingy, marginy, aj keď viem, že tam aj tak nie sú. Zo zúfalosti nahodím celý CSS reset a stále nič.
Po chvíli hľadania som sa dopátral k zaujímavému zisteniu. Obrázok natiahne div preto, že je braný ako inline element, ktorý sa snaží byť zarovno základnej čiary textu (baseline). Text je ale beťár a niektoré znaky má pod touto čiarou (malé "p", "q", "g", ...), takže div sa pre istotu roztiahne.
Divné. Obrázok síce nie je zrovna text, ale v podstate to dáva zmysel.
Čo sa s tým dá teda robiť? Buď spraviť z obrázku "nie-text" (.obrazok_s_cicikom img { display: block; }) alebo, ešte lepšie, nastaviť ho na najspodnejšiu úroveň textu (.obrazok_s_cicikom img { vertical-align: bottom; }).
Tak, tam máš záhada, práve si bola objasnená! Nabudúce si povieme niečo o ešte väčšej a častejšej záhade, o margin collapsingu.
[ ]
]
Ktorá hudba je objektívne najlepšia?
napísal blade, 12 Apr 2011
Dosť blbo sa odpovedá na túto otázku.. ale zrovna včera som si všimol na last.fm jednu zaujímavú vec a napadlo mi spraviť menší experiment.
Tou vecou bolo, že pomer ľudí počúvajúcich interpreta a celkový počet prehratí jeho skladieb býva veľmi rôzny. Tento pomer je vlastne ukazovateľom "oddanosti" fanúšikov, resp. koľko pesničiek od interpreta si v priemere jeden človek pustí. A to už zaváňa miernou objektivitou, proste najlepšie je to, čo si človek musí furt púšťať. :)
"Oddanosť" však nie je na last.fm priamo dostupná, tak som zbúchal PHPčkový skript, ktorý posťahoval údaje o 1000 najpopulárnejších interpretoch, no a výsledné štatistiky sú vcelku zaujímavé. Bez chodenia okolo horúcej kaše (to príde až za chvíľu), tu je prehľad prvých 20 interpretov zoradený podľa priemerného počtu vypočutých skladieb:
| # | Interpret | Vypočutí na osobu | Počet prehratí | Počet poslucháčov | Žáner |
|---|---|---|---|---|---|
| 1 | O.S.T.R. | 185.29 | 29 824 022 | 160 960 | hip-hop |
| 2 | The Beatles | 124.54 | 307 863 283 | 2 471 950 | classic rock |
| 3 | Coma | 124.00 | 22 328 114 | 180 063 | rock |
| 4 | In Flames | 115.07 | 91 571 015 | 795 760 | melodic death metal |
| 5 | 植松伸夫 | 109.91 | 27 844 646 | 253 338 | soundtrack |
| 6 | Asking Alexandria | 109.81 | 7 595 884 | 69 173 | post-hardcore |
| 7 | Glee Cast | 103.55 | 36 306 609 | 350 612 | musical |
| 8 | Hey | 92.91 | 17 724 166 | 190 768 | rock |
| 9 | Metallica | 86.15 | 162 343 062 | 1 884 333 | thrash metal |
| 10 | Radiohead | 85.43 | 279 740 625 | 3 274 643 | alternative |
| 11 | Porcupine Tree | 84.14 | 45 099 156 | 535 980 | progressive rock |
| 12 | Katatonia | 83.83 | 27 746 503 | 330 981 | doom metal |
| 13 | Myslovitz | 82.86 | 21 354 547 | 257 716 | polish |
| 14 | Die Ärzte | 82.37 | 31 037 935 | 376 833 | punk rock |
| 15 | Sabaton | 81.39 | 13 647 519 | 167 686 | power metal |
| 16 | Pink Floyd | 80.98 | 153 591 890 | 1 896 689 | progressive rock |
| 17 | Sonata Arctica | 80.91 | 38 216 838 | 472 328 | power metal |
| 18 | Nightwish | 80.75 | 79 355 845 | 982 722 | symphonic metal |
| 19 | Opeth | 79.47 | 43 363 934 | 545 665 | progressive metal |
| 20 | Eluveitie | 78.68 | 13 699 778 | 174 115 | folk metal |
[ 
]
]
Spravte si vlastné tričko
napísal blade, 13 Mar 2011
Ako lepšie povedať svetu čo si myslíte, ako keď si to budete hrdo niesť na hrudi? Pokiaľ radi kreslíte, môžete takto zaujímavým spôsobom využiť svoje obrázky.
Vytoriť si vlastné tričko je napodiv relatívne jednoduché a nenákladné. Keďže existuje kopec spôsobov ako na to a každý má svoje špecifiká, rozhodol som sa spraviť menší prehľad a popísať moje skúsenosti s každým z nich.
First things first
Ako to vlastne celé prebieha?
Buď si zvolíte jednoduchú cestu, skúsite nejaký generátor tričiek a poštou vám prijde mačka vo vreci™tričko, ktoré ste nechali na pospas danej firme alebo druhá možnosť, ak chcete mať všetko podľa seba:
- zoženiete/nakreslíte obrázok s vysokým rozlíšením (aspoň 150 dpi, ideálne 300 alebo vektory)
- zanesiete ho do firmy, ktorá robí potlač, vyberiete si typ trička, spôsob, farby, atď.
- počkáte pár dní
- máte tričká
Bude vás to stáť od 10 až po 30€ aj s tričkom, pričom cena sa skôr pohybuje pri tej dolnej hranici a niektoré spôsoby potlače sú závislé od množstva. Teraz k jednotlivým metódam, ich výhodám a vlastnostiam.
[ ]
]
