Náš blog

Novinky
12.05.2022
Marian Kristel

Novinky vo Figme z Config 2022 konferencie

Množstvo zaujímavých noviniek pre dizajnérsky nástroj Figma bolo predstavených počas tohtoročnej konferencie Config 2022. Ak si zvedavý, ako ovplyvnia tvoj obľúbený dizajnový nástroj a v konečnom dôsledku aj celý pracovný postup, prečítaj si krátky súhrn. Figma novinkySpravilo sa niekoľko aktualizácií základných funkcií Figma vrátane Auto Layoutu a komponentov. Zahŕňa to preusporiadanie umiestnenia ikon v rozhraní Figma a niektoré ďalšie ovládacie prvky, vďaka ktorým sú existujúce funkcie výkonnejšie. Čo je ďalej nové: • Tmavý režim Figma (dark mode) - najviditeľnejšia aktualizácia. • Absolútne umiestnenie (absolute positioning) - umiestnite položky do komponentu automatického rozloženia. • Záporné medzery (negative spacing) - auto layout odteraz podporuje aj záporné medzery medzi položkami. • Podpora variabilných fontov vo Figme - využite plný potenciál variabilných fontov priamo v dizajnovom nástroji. Ovládajte tučnosť, šírku a optickú veľkosť fontov (alebo ich nastavte automaticky). • Spring animations - použite vlastné alebo prednastavené animácie na prototypovanie prirodzených a plynulých prechodov. • Samostatné ťahy (Individual strokes) – jednoducho pridajte ťah na každú hranu zvlášť. Skvelý spôsob vytvárania kariet, výberov atď. • Spotlight - jednoduchší spôsob, ako byť sledovaný ostatnými používateľmi vo Figme. Menšie Figma aktualizácie• Zobrazenie obrysov vrstiev - prezeranie obrysov vo Figme vám uľahčuje kontrolu, výber a úpravu skrytých a vnorených vrstiev. Outlines zobrazíte klávesovou skratkou Command / Control + Y. • Ochrana heslom - ľahko ovládajte, kto môže pristupovať k súborom a prototypom pri verejnom zdieľaní odkazov vďaka ochrane heslom.ň • Obľúbené súbory - pridajte si medzi "Favorites" dôležité súbory a projekty, aby ste k nim mali rýchly prístup z ľavého bočného panela v prehliadači súborov. FigJam aktualizácieTu sú nové spôsoby, ako môžete pracovať vo Figjam: • Nové Jira widgety: Jira synchronizácia a správa priamo vo Figjam. • Ďalšie widgety: aj widgety Asana a Github sú teraz súčasťou Figmy, ďalej hlasové poznámky  • Widget Code Generator: Figma plugin, ktorý vám umožní vytvoriť widget pre FigJam. Tieto Figma aktualizácie boli darom z nebies a mnohí nadšenci Figmy po nich túžili nejaký čas. Figma neustále vylepšuje svoje nástroje, napriek tomu ostávajú jednoduché a ľahko sa používajú. Aká je vaša obľúbená aktualizácia?
Novinky
06.04.2022
Marian Kristel

Learn2Code končí!

Doteraz si pamätám, ako rozoberáme business nápady s kamarátmi a každý jeden bol o nejakej aplikácii alebo technológií, ktorá by „to“ vyriešila lepšie, rýchlejšie, lacnejšie, celoplošne. Avšak na ich exekúciu nám chýbali potrebné zručnosti ako napr. programovanie, design, online marketing a pod. V tej dobe sa ešte o startupoch príliš nehovorilo, ale táto vlna pomaly prichádzala aj na Slovensko. Nájsť programátora, ktorý by išiel do „toho“ za podiel bolo náročné. A tak vzniklo Learn2Code, 3-mesačný bootcamp, vďaka ktorému sa mohli účastníci naučiť programovať webové aplikácie a vytvoriť si svoj prvý webový projekt – prototyp svojho nápadu.   Malo to veľký úspech a kurz sa vypredal do posledného miesta. Počas kurzu sa hlásili už ďalší záujemcovia a z prvotnej potreby naučiť sa programovať vznikal vzdelávací projekt.   Bootscampy sme postupne rozšírili do 5 miest na Slovensku, pridali sme ďalšie témy ako design, marketing a postupne začali s online vzdelávaním. To posunulo Learn2Code zo vzdelávania desiatok účastníkov na tisícky pomocou videotutoriálov a tešíme sa dodnes, že už môže naše kurzy využiť ktokoľvek a odkiaľkoľvek s prístupom na internet.   Pandémia urýchlila aj našu digitálnu transformáciu a zamerali sme sa primárne na online vzdelávanie, ktorému sa plánujeme venovať aj naďalej. Čo je dobrá správa, že to bude s novou vzdelávacou aplikáciou a v novom šate.    Dlhšie sme bojovali s názvom Learn2Code, ktorý nás začal trochu obmedzovať, keďže v preklade "learn 2 code" znamená učiť sa programovať. Väčšina našich kurzov je už mimo segment programovania a do budúcna sa plánujeme venovať aj iným oblastiam a témam ako vzdelávanie.    Avšak všetko to bude mať jedného spoločného menovateľa – zručnosti. Preto vzniká nový názov Skillmea ⏩ Posuň sa vpred.    Skill je zručnosť a mea pochádza z latinského slova „môj, moje“, vo voľnom preklade sú to teda moje zručnosti, ktoré môže získavať alebo ponúkať každý. Skillmea bude kariérny portál, ktorý ti pomôže na tvojej ceste za vysnívanou prácou alebo tvojím vlastným businessom. Jednoducho ťa posunie vpred.
Novinky
03.12.2021
Jaroslav Beňo

Celostránkové editovanie v DIVI

V októbri a novembri 2021 vyšli dve novinky do perfektnej Wordpress témy DIVI. V tomto článku sa na novinky pozrieme podrobnejšie, konkrétne na prvú z nich. Celostránkové editovanie v DIVI.  Prvou novinkou je možnosť editovať celú stránky odkiaľkoľvek. V minulosti, ak ste chceli upraviť hlavičku stránky, tak ste museli prejsť špeciálne na miesto na úpravu hlavičky. Teraz viete upraviť všetko odkiaľkoľvek. Ak to vidíš, vieš to upraviť.  Táto aktualizácia ti umožňuje jednoducho prejsť na tvoje vlastné hlavičky, päty a šablóny príspevkov počas prehliadania webových stránok a tak ich rýchlejšie upravovať vo Visual Builderi. Na úpravu častí tvojho webu už nie je potrebné prechádzať cez informačný panel WordPressu alebo Divi builderu.  Keď povolíš Visual Builder, môžeš upravovať všetko, čo vidíš, od hornej časti webu až po jej spodnú časť. V jednoduchosti povedané: bez ohľadu na to, kde sa na svojom webe nachádzaš, môžeš upravovať to, čo vidíš. Samozrejme, pomocou Divi vieš upravovať všetko, čo na stránke vidíš, ale v minulosti si musel ísť cez Divi theme builder, ktorý si musel lokalizovať a potom nájsť špecifickú časť stránky a tak ju upraviť. To mohlo zabrať nejaký čas, najmä ak si mal vytvorených niekoľko templatov a najprv si musel zistiť, ktorý chceš upraviť – ktorý je aktívny.  Nainštaluj updatyAko prvý krok musíš urobiť update Divi témy na najnovšiu verziu. Ak nemáš povolené automatické updaty, tak postup je nasledovný: pôjdeš do Appearance – Themes a urobíš update.  Ak vlastníš jednorazovú licenciu, tak updaty si vieš sťahovať počas prvého roku. Ak nie, tak ti odporúčam zakúpiť si plnú licenciu – updaty máš stále zadarmo. Ako začaťSme na našom webe, ktorý chceme upravovať. Sme prihlásení a prezeráme si web.  V hornej lište povolíme Visual Builder stlačením na Enable Visual Builder. Teraz vieš jednoducho upravovať custom header, custom footer, stránky a proste všetko, čo na stránke vidíš.  Teraz ti už nič nebráni vyskúšať túto novinku a potešiť sa s jednoduchším editovaním 🙂
Novinky
31.08.2021
Skillmea tím

Naučte sa používať Google Kalendár a zvládajte time management s prehľadom

Čo sme sa naučili cez home office?Home office, čiže práca z domu, sa začala rozvíjať s nástupom novších trendov elektronických zariadení, umožňujúcich komunikáciu medzi zamestnancom a zamestnávateľom v podstate odkiaľkoľvek. Tento druh práce sa častejšie objavoval po roku 2008, kedy sa svet postupne vracal do normálu po svetovej finančnej kríze. Avšak až do roku 2020 sa jednalo prevažne o firemný benefit.  Počas nástupu pandémie Korona vírusu bolo veľa firiem nútených umožniť prácu z domova, aby nedochádzalo k stretávaniu zamestnancov na pracoviskách a tým sa zamedzilo šíreniu nákazy. Aj keď sa veľa spoločností vrátila do bežného pracovného režimu, forma zamestnania cez home office stále pri niektorých oblastiach prevláda. Najčastejšie prácu na diaľku ponúkajú firmy, kde nemusí dochádzať k dennému osobnému kontaktu medzi zamestnancami. Home office sa stáva populárnym v softvérových firmách, marketingových a pridružených odboroch, u niektorých projektantov a celkovo u ľudí, ktorí vykovávají svoje povolanie skôr v kanceláriách. Pandémia priniesla výzvy pre mnohé spoločnosti a zmenila zaužívané pracovné normy. Aj mnohé banky či finančné inštitúcie začali hľadať možnosť, ako zmeniť pracovné prostredie tak, aby spĺňalo požiadavky súčasnej doby, keď časť zamestnancov pracuje z domu a časť je v práci.  Hlavná priorita pri práci z domu by mala byť dôsledná organizácia času, stanovenie rutiny, či režimu a nastavenie pauzy na odpočinok. Avšak nesmie sa zabúdať na deadliny, pracovné schôdzky mimo domova, dôležité telefonáty, či neodkladné odpovede na emaily. Okrem stanovenia harmonogramu práce je tiež nutné mať dobré technické a programové vybavenie v podobe notebooku, kvalitného internetu a pod., ktoré pre prácu potrebujeme. Podstatným, ale pre niekoho aj možno veľmi zanedbateľným bodom je prehľad vo veciach a na pracovnej ploche. Pri práci by sa mal človek cítiť pohodlne, príjemne a ideálne pre väčšiu sústredenosť by nemal byť rušený okolitým prostredím. Nástroje, ktoré pomôžu pri plánovaní časuNajskôr si vysvetlíme, čo je to time management. Je to súbor rád, postupov a nástrojov vedúci k rozplánovanie prístupu k práci, rodine, koníčkom a k samým sebe. Time management je teda zameraný na dosahovanie určených cieľov, priorít, ich monitoring a následné vyhodnotenie. Mal by pomáhať k zníženiu napätia, stresu a možnosti využitia viac času pre seba či svojich blízkych. Pre time management existuje niekoľko offline a online nástrojov. S rýchlou dobou a novšími technologickými trendami prechádza viac ľudí od využitia papierových kalendárov a diárov k forme digitálnych nástrojov. Asi najznámejší a najdostupnejšie nástroj pre plánovanie času je Google Kalendár. Čo je Google Kalendár a na čo sa používa?Ako už bolo spomínané v predchádzajúcom odseku, Google Kalendár slúži k efektívnejšiemu usporiadaniu času. Táto aplikácia či služba je dostupná online na digitálnom zariadení. Je možné ho voľne stiahnuť pre Android aj iOS, Kalendár je súčasťou používateľského účtu na Google. Podporujú ho prehliadače Google Chrome, Microsoft Edge, Firefox či Safari. Okrem správy času ponúka služba úpravy viac ako jedného kalendára, zdieľanie kalendára s ostatnými používateľmi a prepojenia s ďalšími službami poskytovanými od Google: Gmailom a Google Workspace aplikáciami. Kalendár je možné prepojiť aj s MS Outlook. V rámci kalendára je možnosť nastaviť až 5 upomienok v rôznych časoch. Tie prichádzajú buď formou emailu, notifikácií a vyskakujúcich okien, alebo bezplatných SMS, ktoré ste si pri zakladaní účtu v Google nastavili. Pre pracovné prostredie je vhodné prejsť na Google Workspace (G Suite), kde okrem bežného usporiadanie času ponúka tiež možnosť vytvorenia rezervácií na konferenčné miestnosti, sledovať kalendáre medzi jednotlivými zamestnancami, vytvorenie a zdieľanie odkazov na videokonferenciu v Google Meet - bežný používateľ nemôže vytvoriť, len sa ku konferencii pridať na základe pozvania. Administrátor môže pridávať aj nové nástroje, ktoré nie sú dostupné pre bežné používateľské využitie. Pre koho je Google Kalendár vhodný?Google Kalendár je vhodný v podstate pre kohokoľvek, kto si chce stanoviť časový harmonogram a mať prehľad v naplánovaných činnostiach, získavať upozornenia. V prípade, že ste sa rozhodli túto službu využiť naplno a neviete si rady, skúste si pozrieť náš online kurz Google Kalendár, kde sa okrem základných informácií naučíte prepojiť osobné kalendár s firemným, vytvoriť udalosť, pozvať hostí a napríklad aj to, akým spôsobom si pridať kalendáre ďalších osôb.
Novinky
19.06.2021
Skillmea tím

8 dôvodov, prečo by ste si mali vybrať WordPress

WordPress je platforma, ktorá ponúka množstvo výhod pre spravovanie akéhokoľvek obsahu. Spočiatku sa táto platforma využívala len na blogovanie, avšak dnes vďaka množstvu vylepšení v podobe pluginov je možné na prostredníctvom tohto systému vytvoriť akýkoľvek web. Pritom samotná tvorba obsahu, rovnako ako aj obsluhovanie webovej stránky je nesmierne rýchle, jednoduché a pohodlné. Ako tvoriť prostredníctvom Wordpress?V prvom rade je potrebné, aby ste si zvolili názov stránky a vybrali si dobrú hostingovú spoločnosť, vďaka čomu si vytvoríte stabilný základ. Informácie o WordPresshostingu nájdete tu na stránke IONOS. Následne si nainštalujete Wordpress a môžete začať tvoriť. Vyberiete si vhodnú tému, pričom môžete siahať po bezplatných aj platených verziách. Nahráte tému a začiatok vašej zbesilej jazdy sa môže začať. Tento redakčný systém je zadarmo a súčasne nevyžaduje ani žiadne nadmerné programovacie schopnosti. Prakticky ho vie používať aj obyčajný používateľ internetu, keďže na webe vieme nájsť veľa návodov. Problémom nie je ani vytvoriť aj multi - jazyčnú webstránku. V neposlednom rade ho využíva nespočetné množstvo používateľov, pretože jeho využívanie poskytuje veľa výhod. Aké výhody WordPress poskytuje? Výhody WordPressu1⃣ WordPress je vďaka svojim funkciám dnes už rovnocenný CMS (Content management system) v porovnaní s akýmkoľvek iným. Medzi základnú výhodu, ktorá mu zaručuje aj čoraz viac používateľov je jeho jednoduchosť. Stránky viete jednoducho vytvoriť, upraviť a ovláda sa jednoducho aj intuitívne. 2⃣ Ďalšou výhodou je aj to, že si na vašu webovú stránku viete doplniť množstvo pluginov. Tie slúžia predovšetkým na obohatenie, zlepšenie funkcií ale aj ako získavanie feedbacku od návštevníkov. Širokú škálu pluginov viete získať zadarmo, pričom niektoré si viete aj zakúpiť. Či už teda chcete dopriať vašej stránke väčšiu bezpečnosť, prehľadnosť alebo získať prehľadnejšie štatistiky o zákazníkoch, pluginy sú správnou voľbou. 3⃣ Okrem toho, že tvorba stránok je jednoduchá a viete vytvoriť naozaj kreatívne a pekné stránky, WordPress stránky sa vedia rýchlo dostať aj do pozornosti. Ako to? No je to spôsobené najmä tým, že majú skvelú koreláciu so SEO. SEO umožňuje vašej stránke, aby bola viditeľná pri vyhľadávaní prostredníctvom vyhľadávačov. Takáto optimalizácia vás dokáže dostať na popredné priečky pri vyhľadávaní, kde získate aj náležitú pozornosť. Môžete to docieliť viacerými spôsobmi. 4⃣ Rovnako patrí WordPress medzi nesmierne bezpečné systémy, ktoré zaručia, že vaša stránka bude chránená. Zvyšovanie ochrany sa dá realizovať voľbou a zmenou hesiel, prípadne nainštalovaním nových pluginov. Opatrní by ste mali byť aj v prípade, že máte viacerých administrátorov stránky, aby ste základné informácie mali stále pod kontrolou. 5⃣ Grafická úprava patrí asi medzi najväčšie výhody samotného WordPressu. Poskytuje totiž naozaj nesmierne variabilné možnosti ako si vytvoriť nový, zaujímavý web. 6⃣ Každý web, aj s použitím tej istej bezplatnej témy môže vyzerať úplne inak. Viete si totiž nájsť množstvo zaujímavých doplnkov a tvoriť tak niečo úplne nové a graficky jedinečné. Samozrejme samotný systém podporuje tvorbu videí, audio nahrávok aj fotografií. 7⃣ WordPress umožňuje vytvárať viac stránok prostredníctvom jednej domény.  8⃣ Rovnako umožňuje podporu rôznych hostingov, vďaka čomu nevyčleňuje striktne ako postupovať pri tvorbe. Variabilita tohto systému umožňuje vytvoriť akýkoľvek blog, či internetový obchod alebo prakticky čokoľvek čo si zaumienite. Tipy na zaujímavé pluginyNa záver by sme vám chceli priniesť tipy na zaujímavé pluginy, ktoré môžete na stránkach využiť a vďaka tomu ju vylepšiť. Medzi najznámejšie patrí určite Yoast SEO plugin, ktorý sa zameriava na spomínanú SEO optimalizáciu a teda vám môže pomôcť získať viac  čitateľov/ zákazníkov. GDPR Cookie Consent predstavuje ideálne riešenie pre ochranu osobných údajov, Wordfence Security zabezpečí bezpečnosť vašej stránky. Ak si chcete vytvoriť e-shop, vaším najlepším pomocníkom bude WooCommerce. Rovnako je skvelým doplnkom aj WooCommerce Stripe ako platobná brána na e-shopy. Autoptimize môže pomôcť zlepšiť rýchlosť webu, pričom je však potrebné ho nastaviť mechanicky. Akismet je plugin, ktorý vás zbaví spamu. Pre tvorbu kontaktného formulára na web môžete využiť Contact Form 7 s prídavkom Contact Form DB pre ukladanie kontaktných údajov. Tvorba webstránky môže byť pre začiatočníka náročná, preto vám ponúkame detailný návod.  Pre inštaláciu pluginov nájdete na internete tiež množstvo tipov, pričom môžete využiť niektoré z našich tipov.
Novinky
25.02.2021
Ľudovít Nastišin

Tieto farby by mali udávať dizajnové trendy v roku 2021

Každý rok sa veľké spoločnosti zo sveta kreatívy predbiehajú v predikovaní farebných trendov na aktuálny rok. Každá má na to svoj vlastný postup, vždy je však založený na dátach a skúsenosti. My sme sa pozreli na to, čo pre rok 2021 vybrali Shutterstock a Pantone. A dali sme ti to aj do prehľadnej infografiky v závere. Farba je v grafickom dizajne jeden z najvýraznejších elementov. A je úplne jedno, o aký typ dizajnu ide. Rovnako ako fonty či obrázky dokáže upútať či odpudiť pozornosť, prípadne vyvolať  nejakú konkrétnu asociáciu. Výberu farieb pre svoje projekty by si preto mal venovať náležitú pozornosť a nepokaziť to hneď na začiatku. Ak vidíš svoju budúcnosť práve v kreatívnom biznise, nebude na škodu oboznámiť sa s teóriou farieb a stavať na rokmi overených základoch.  Vždy je ale dobré vedieť, aké farby aktuálne letia. Pekný pohľad na vec nám ponúka report farebných trendov od známej spoločnosti Shutterstock. Ich predikcie stoja na analýze zvýšenej aktivity či nárastu stiahnutí jednotlivých obrázkov. Je až neuveriteľné, že sa pozerali na HEX kódy pre každý jeden pixel týchto obrázkov. Takto teda vznikli predikcie farebných trendov pre rok 2021. Set Sail Champagne (#FAEBD7)Ide o prírodný odtieň s veľmi univerzálnym použitím. Najmä ak chceme v dizajnoch docieliť “zemitý” prírodný efekt. Ide o jemný a svetlý odtieň oranžovej, pekne dopĺňa modré farebné palety. Fortuna Gold (#DAA520)Názov Fortuna pochádza z rímskeho pomenovania bohyne šťastia. Ide o výrazný, tmavý odtieň žltej. Je veľmi vďačná pri metalických dizajnoch, prípadne ako komplementárna farba pre predchádzajúcu.  Tidewater Green (#2F4F4F)Základom tejto farby sú modrá a zelená. Je veľmi vhodná pre doplnenie dizajnov s veľkou saturáciou farebnej schémy. Prípadne ju môžeme použiť ako vylepšenú verziu pre neutrálnej časti dizajnov, napríklad namiesto sivej.  Shutterstock ale nie je jediný, kto má čo povedať k farebným trendom. Spoločnosť Pantone rovnako predstavila farby pre rok 2021. Ich predpoveď stojí na sivej farbe Ultimate Gray a žltej farbe s príťažlivým názvom Illuminating. Mali by reprezentovať pocit tepla domova a zodpovednosti, čo je pre aktuálnu situáciu na mieste. Schopnosť spoločnosti Pantone predpovedať farebné trendy je ich marketingovou silou, ktorá pomáha dizajnérom z rôznych oborov ísť s trendami od sezóny k sezóne.  Illuminating Yellow (#F5DF4D)Podľa ich vlastného vyjadrenia ide o hrejivý odtieň  "jasnej a veselej žltej s temperamentom". Tento popis je pre danú farbu vcelku výstižný.  Ultimate Gray (# 939597)Ide o “kamenistú” farbu reprezentujúcu to pevné a spoľahlivé v živote. Je dobre asociovaný so stabilitou v živote.  Tieto farby by mali teda v aktuálnom roku dominovať. Avšak pozor na to, aby ste sa nimi nenechali príliš uniesť. Stále sú to iba trendy. A tie prichádzajú a odchádzajú. Vždy sa treba zamyslieť a vybrať farby pre svoj projekt na základe viacerých faktorov. Niekedy je treba byť trendy, niekedy nadčasový a niekedy to treba skombinovať.  Pripravili sme si pre teba aj jednoduchú infografiku na stiahnutie, kde sú všetky trendy farby roka 2021 pohromade:  Celkom zaujímavé sú aj preferencie farieb rozdelené podľa krajín. Slovensko tam síce uvedené nie je, no keď sa pozrieš na Francúzsko, Nemecko, Švajčiarsko či Taliansko, trend je jasný. Náš odhad pre top farbu Slovenska by bola niektorá z nich. Čo ty na to? [Zdroj: Shutterstock]
Novinky
04.08.2020
Skillmea tím

Vyskúšaj si Learn2Code na mesiac zadarmo 😲

Pripravili sme si pre teba parádnu akciu - vyskúšaj si naše online kurzy na 30 dní zadarmo. Žiadne triky, skryté podmienky. Jednoducho sa prihlásis do predplatného na mesiac a možeš študovať to, na čo máš chuť. Postup aktivácie kurzov na 30 dní zadarmoJe potrebné ísť na stránku https://www.learn2code.sk/akcia a potom kliknúť na OBJEDNAŤ. Pokiaľ nie si u nás zaregistrovaný, vytvoríš si registráciu so svojím emailom. Pokiaľ už zaregistrovaný si, jednoducho sa prihlásiš do svojho účtu. Následne sa dostaneš na objednávkový formulár a musíš zaškrtnúť políčko 'Mám zľavový kupón'. A do tohto políčka vložíš kód  “yablko  ” Voilà, už len klikneš Vstúpiť do kurzu a predplatné máš aktivované. Potom si už len vyberieš kurzy, ktoré chceš študovať. Napríklad pôjdeš na stránku https://www.learn2code.sk/kurzy/online-kurz-javascript-es6 a klikneš Zapísať kurz. Platnosť tvojho predplatného sa zobrazuje v tvojom profile, možeš si to pekne skontrolovať. Kód je platný len do 31.8.2020. Čo všetko na teba čakáAbsolvuj toľko kurzov, koľko len chceš! Či už sa zameriavaš na grafiku, weby, video či marketing, vybrať si môžeš z viac ako 140 online kurzov zahŕňajúcich stovky hodín videa. Tvorba stránok, programovanie, Excel, ale ani fotografovanie či strih videa ti už nebudú robiť najmenší problém 💪 Poď na to a aktivuj si svoje predplatné na mesiac ešte dnes, kód je platný do 31.8.2020 👇
Novinky
02.07.2020
Lubomir Herko

Čo je nové v Bootstrap 5

Od polovice júna máme prístup k prvej alpha verzii Bootstrap 5. Okrem novej verzie loga v sexi zátvorkách {B} sa dočkáme aj obrovského množstva vylepšení na všetkých frontoch. Už samotná dokumentácia je ukážkou vylepšeného vzhľadu a funkcionalít. Ak sa nevieš dočkať a chceš nový Bootstrap vyskúšať ASAP, začni tu. Je to stále Alpha verzia, neodporúčam ju preto nasadiť do žiadneho projektu. Kým dostaneme prvú betaverziu, môže prejsť zmenami, ktoré Ti vyrobia viac práce ako pomoci. Toto je "zostrih" najvýraznejších zmien, ktoré sme popísali presne pre Teba. Na mieru. JavaScriptUž žiadna podpora pre jQuery, aj keď..Pre niektorých killer feature, pre iných nič podstatné. Nový Bootstrap 5 nebude už obsahovať jQuery ako jednu zo svojich závislostí (aj napriek tomu, že jQuery "asi" stále žije a v apríli tohto roka sme dostali novú verziu jQuery - 3.5). Vieme to už dávno, už sme sa na to len tešili. Ešte nemáme oficiálne konečné čísla, ale očakávame, že Bootstrap vďaka tejto zásadnej zmene stratí tak na kilobajtoch, ako aj milisekundách. Ak si rozumieme 😉 Ak však stále jQuery vo svojom projekte potrebuješ, Bootstrap o tom bude vedieť a všetky komponenty pridá k modulom jQuery. V zásade to znamená, že stále bude možné inicializovať napríklad Tooltip komponent takýmto (starým) spôsobom (v prípade, že Bootstrap detekuje prítomnosť jQuery): $('[data-toggle="tooltip"]').tooltip();Button pluginZmenami prejde aj state-management tlačidiel. Tie využívame napríklad aj ako indikátory ZAP/VYP pri rôznych funkcionalitách našich aplikácií. V starších verziách Bootstrap stav tlačidla riešil JavaScript. Bootstrap 5 sa snaží state-management riešiť v čo najvyššej miere dostupnými funkcionalitami a elementami HTML a CSS. Výsledkom tak je manažovanie stavu tlačidla pomocou checkbox a radio elementov. Naše ZAP/VYP tlačidlá tak budú o niečo spoľahlivejšie medzi rôznymi platformami. CSSCSS premennéS koncom podpory pre Internet Explorer prichádzajú aj nové možnosti. Jednou z nich sú aj CSS premenné. Tie sme uzreli už v predchádzajúcej verzii (root variables), avšak nie v takom rozsahu ako vo verzii 5 - kde sa css premenné dostali už aj do jednotlivých komponentov. Napríklad do tabuliek: .table { --bs-table-bg: #{$table-bg}; --bs-table-accent-bg: transparent; --bs-table-striped-color: #{$table-striped-color}; --bs-table-striped-bg: #{$table-striped-bg}; --bs-table-active-color: #{$table-active-color}; --bs-table-active-bg: #{$table-active-bg}; --bs-table-hover-color: #{$table-hover-color}; --bs-table-hover-bg: #{$table-hover-bg}; // Styles here... }Výhodou CSS premenných je ich používanie bez nutnosti skompilovania SASS kódu do CSS. Takto bude možné hodnoty niektorých premenných meniť v priamo Inspectore prehliadača, čo urýchli prácu napríklad pri prototypovaní. V Bootstrap 5 stále ostane možnosť definície premenných v SASS (_variables.scss) súboroch, tak, ako sme to robili doteraz. Osobne by som neočakával kompletný prechod zo SASS premenných do CSS premenných. SASS má stále svoju nenahraditeľnú úlohu pri vytváraní premenných pomocou mapovania, preto očakávam, že budeme mať k dispozícii kombináciu SASS premenných s CSS premennými aj v budúcnosti. Vylepšený gridZískame nový grid-tier pre obrazovky so šírkou väčšou ako 1400px - .col-xxl-. Rovnako medzery medzi jednotlivými stĺpcami gridu budú po novom "ohybnejšie". Získame novú css utilitu g pre naše .row. S gutter hodnotami takto bude možné pracovať podobne ako s margin a padding hodnotami, na čo sme si už zvykli: .g-2 .gx-2 .gy-2 .g-lg-2 .g-0FormuláreOd verzie 4 sme mohli vo svojich aplikáciách používať checkbox, radio a file elementy dvoma spôsobmi: 2. Buď sme použili pôvodný, systémový vzhľad (poskytnutý browserom), 4. alebo sme použili nový vzhľad (custom-checkbox, custom-radio). Verzia 5 bude obsahovať už len nový vzhľad týchto elementov. Formuláre tak budú vypadať rovnako v každom prehliadači a operačnom systéme a prispôsobenie vzhľadu týchto komponentov bude rovnako jednoduchšie. Rovnako bude odstránený aj potrebný .form-group wrapper. Nové formuláre už budú obsahovať len jednotlivé form elementy, bez tohoto DIV elementu. Hurá! Menej kódu! 🙂 <form> <div class="mb-3"> <label for="exampleInputPassword1" class="form-label">Password</label> <input type="password" class="form-control" id="exampleInputPassword1"> </div> ... </form>Wrapper bude potrebný len pre custom elementy (.form-select, .form-check, .form-file) a tiež .form-group. Utilities APIUtility sú veľmi užitočné CSS triedy, ktorými zvyčajne meníme parametre rámovaní, farieb, spôsobov zobrazenia, tieňovania a rôznych veľkostí (width, height, padding, margin, ...). V praxi sa občas stáva, že sa nevmestíme do preddefinovaných utilít, ktoré sú súčasťou Bootstrap-u. Preto sme niekedy vytvárali vlastné triedy. Napríklad ak nastavujeme šírku nejakého elementu, máme k dispozícii takéto css triedy: .w-25 /* 25% */ .w-50 /* 50% */ .w-75 /* 75% */ .w-100 /* 100% */ .w-auto /* auto */Ak sme potrebovali 33% width, 90% width, alebo iné hodnoty, vytvorili sme vlastné CSS triedy, urobili override na $sizes mapu v nejakom vlastnom súbore, alebo sme nebodaj editovali priamo $sizes mapu v súbore premenných _variables.scss. Vo verzii Bootstrap 5 máme k dispozícii čistejší a užitočnejší SASS nástroj, ako modifikovať existujúce, alebo pridať nové utility do nášho projektu, témy, alebo pluginu pre Bootstrap - utilities API: $utilities: map-merge( ( "width": ( property: width, class: w, values: ( 33: 33%, 90: 90% ) ), "input-padding": ( property: padding, class: ip, values: ( 0: 0, 1: .3rem, 2: .5rem, 3: .7rem, 4: .9rem, 5: 1rem, ) ) ), $utilities);Výsledkom takéhoto kódu budú nové css triedy utilít: .w-33 /* nastaví width na 33% */ .w-99 /* nastaví width na 90% */ .ip-1 /* nastaví padding na .3rem */ .ip-2 /* nastaví padding na .5rem */ .ip-3 /* nastaví padding na .7rem */ .ip-4 /* nastaví padding na .9rem */ .ip-5 /* nastaví padding na 1rem */Ostatné vylepšeniaIkonyS alpha verziou Bootstrap 5 prichádza aj piata alpha verzia Bootstrap Icons. Je to sada viac ako 1000 ikon, ktoré sú nadizajnované tak, aby parádne ladili s Bootstrapom. Nifty funkcionalita je tiež SVG sprite, ktorá nám umožňuje vytvoriť vlastnú mapu SVG ikon a efektne ju používať v projekte bez toho, aby sme kód špinili samotným SVG zdrojovým kódom. <svg class="bi" width="32" height="32" fill="currentColor"> <use xlink:href="bootstrap-icons.svg#heart-fill"/> </svg>Osobne som veľkým fanúšikom Fontawesome ikon, ktoré obsahujú okrem enormne väčšieho množstva ikon a ich variantov aj veľmi užitočné spôsoby integrácie do projektov. Fontawesome nie sú však dostupné zdarma, preto možno v ďalšom projekte aj my v learn2code zvážime integráciu s Bootstrap ikonami. DokumentáciaUž na prvý pohľad je vidieť, že dokumentácia prešla zmenami. Tie však nie sú len vizuálne, ale vylepšený je aj samotný obsah. Orientácia medzi sekciami je vďaka novému postrannému menu rýchlejšia. Jednotlivé sekcie obsahujú aj akési "overview", ktoré postupne pribúdajú do každej hlavnej sekcie dokumentácie. Aj tieto zmeny urýchľujú navigáciu v dokumentácii a hľadanie želanej informácie je takto rýchlejšie. FarbyPribudli tiež nové farebné odtiene a vylepšený bude aj ich kontrastný pomer. ZáverTento text nie je a ani nechcel byť kompletným diffom verzie 4 s novou verziou 5. Omnoho viac noviniek nájdeš v stále rastúcej dokumentácii k Bootstrap 5. Ak som na niečo dôležité zabudol, pokojne sa ozvi v komentári.
Novinky
03.09.2019
Skillmea tím

4 nové online kurzy na Learn2Code

Tento týždeň ti na Learn2Code prinášame 4 nové kurzy, v ktorých sme dali priestor niekoľkým novým témam. Sú to online kurzy zamerané predovšetkým na soft skills, spestrením je určite šachový kurz so slovenskou jednotkou Jánom Markošom. Zaujalo? Prečítaj si krátke predstavenie kurzov v článku. Prezentačné zručnosti - základyAk aj ty mávaš roztrasené kolená vždy, keď máš vystúpiť na pódium alebo prezentovať svoj nápad pred skupinou ľudí, mal by si zamerať pozornosť na tento kurz.  Nikto ako rečník z neba nespadol, aj ty sa máš možnosť osvojiť si a zdokonaliť svoje prezentačné zručnosti tak, aby si pri vystupovaní pôsobil/a sebavedome.  Čo máš robiť pri vystupovaní s rukami, kam sa pozerať a ako pracovať s publikom ti vysvetlí Andrej Mažáry – líder Slovenských Toastmasters (globálna organizácia venujúca sa rečníctvu) a stredoeurópsky šampión v rečníckych improvizáciách.    Ako rozmýšľať pri fotografovaníV ponuke máme mnoho kurzov zameraných na technickú stránku fotografie. Vytvoriť dobrú fotku však nie je len vecou kompozície a techniky, fotka by mala byť nositeľom príbehu, emócie, ktorú chce fotograf zachytiť.  Učiť sa budeš od troch úspešných a oceňovaných fotografov, ktorí sa venujú predovšetkým dokumentárnej a reportážnej fotografii. Každý z nich ti poskytne vlastný pohľad na postupy a techniky, ktoré pri fotení používajú, ako pracujú s objektom,s rôznymi zdrojmi svetla, prezradia ti kompozičné tipy a nápady. Kurz je určený tebe, ak už máš zvládnuté základy práce s fotoaparátom, možno uvažuješ nad fotením ako svojím živobytím a hlavne chceš tvoriť fotky, ktoré budú výnimočné.  Kurz podnikania - ako začaťKurzom ťa bude sprevádzať osem zakladateľov a CEO úspešných slovenských firiem. Tým myslíme značky ako Tuli, CURAPROX, daren & curtis, VISIBILITY, Be Cool a ďalšie. V tutoriáloch sa s tebou podelia o svoje skúsenosti, Know-how a zodpovedajú dôležité otázky, nad ktorými možno uvažuješ aj ty. Ako myšlienku premeniť na realitu, nápad na fungujúci biznis? Ako vieš odhadnúť jeho úspech? Akú rolu hrajú brand, firemná kultúra či hodnoty firmy? Vysvetlia ti aj plusy a mínusy partnerstva v podnikaní, ako a kedy prijímať nových zamestnancov a čo robiť, ak by to celé nevyšlo. Šach (Coming soon)Dlhoročná šachová jednotka na Slovensku Ján Markoš odhaľuje svoje šachové majstrovstvo. Uč sa od neho o šachových stratégiách, taktikách či sile jednotlivých figúr. Objavíš strategické a taktické postupy, o ktorých si možno doteraz nevedel. Kurz je určený mierne a stredne pokročilým šachistom. Či už rozohrávaš šachové partie online alebo zoči-voči, tento kurz ťa dostane na vyššiu úroveň. Našiel si kurz, ktorý ťa zaujal a bude pre teba prínosným? Ak máš prípadne návrh na ďalšie témy kurzov, ktoré by si v Learn2Code uvítal, napíš do komentára.