Böngészőháború: Opera, WebKit, Blink (...de már 2018 van!)

Egy kevéske idő bizony eltelt az utolsó bejegyzés megírása óta. Nos, azóta a böngészőháború - legalábbis a korábbi formában - gyakorlatilag megszűnt, a gyártók a harc helyett közös dokumentációkat gondoznak - persze hozzá kell tenni, hogy gyakorlatilag a tech gigászok kezébe került szinte a komplett piac, ha pedig a technológiát nézzük, a blink (lánykori nevén webkit) motor lassan mindent kiszorít - ahogy a google chrome is. Sőt, külsőre már az egykori mumus internet explorer windows 10-el érkező edge nevű utóda is a chrome-ra hajaz, ahogy a firefox felülete is egyre közelebb áll hozzá. Ráadásul közös szabványt kaptak a kiegészítők - immár szigorúan html, js, css alapon készülnek, web extension-nek neveztetnek.

Apple fronton nem sokat változott a helyzet, a Safari továbbra is az általuk fejlesztett webkit-en alapul, de hülye is lenne beengedni a blinket (google) az operációs rendszerébe. Az ios (iPhone, iPad) továbbra is igen szigurú a böngészőkkel, nem enged be más motort a gépezetbe, így - bár van chrome és firefox is ios-ra, azok nem natív appok, hanem plusz tulajdonságokkal felturbózott safari-k, de hasonlóképp működik már az android is - az android webview réteg a chrome-on alapul, majd erre a rétegre húzzák rá az egyes gyártók a saját brand-böngészőt (pl. samsung.) De itt viszont van firefox, opera, dolphin stb. a saját motorjával.

Opera: prestóról blinkre - avagy íme, a 2013-ban elkezdett bejegyzés:

Nem túl rég jelentették be az Opera böngésző "motorcseréjét", ezzel gyakorlatilag megszűnik a 4 nagyobb böngészőmotor egyike, a Presto fejlesztése. A jövőben a Webkit hajtja majd az Operát is - illetve mégsem, hiszen időközben a Google bejelentette a Chromium / Chrome alapjául is szolgáló, gyorsan terjeszkedő  Webkit lecserélését az egtyébként annak klónozásából előállított Blink nevű motorra.
Mivel az Opera is a nyílt forrású Chroimumra építi az új böngészőt, a böngésző következő generációja szintén a  Blinkre fog épülni.

Aviary - képszerkesztők mobilon 3.

A napokban megérkezett az önálló / hivatalos Aviary képszerkesztő mobil eszközökre (iOS, Android, WP7). A korábban Aviary HTML5 photo editor (Feather) néven ismert, asztali böngészőkből és mobilokról is jól használható felülete ismerős lehet, hiszen több fotómegosztó - szerkesztő is ezt használja beintegrálva, hiszen idáig erre nyújtott lehetőséget az Aviary Android SDK segítségével, illetve a megfelelő API key birtokában akár egy  mobil alkalmazás  vagy weblap adminisztrációs felületébe is beilleszthetjük.

Android - iOS

HTML5 mikroadat-generátor webalkalmazások

A Google, Yahoo és Bing által egyaránt támogatott mikroadatokkal (kezdeményezés: schema.org) bár nem nehéz ellátni meglévő kódunkat "kézzel" sem, azonban jó szolgálatot tehet kedvenc tartalomkezelőnkhöz egy modul, ami dinamikusan látja el mikroadatokkal az adott bejegyzést, oldalt, fotót, vagy egy termék értékelését, paramétereit egy webáruházban.
Jelen bejegyzés tárgyát azonban online, regisztráció és telepítés nélkül használható, mikroadatokat generáló webes alkalmazások képezik.

microdatagenerator.org

Egy alapszintű eszköz, ami a Local Business sémára épül - azaz alapvetően a helyi információkat adja hozzá kódunkhoz (cím, város, telefonszám, weblap, geo koordináták), ezen belül további sémákkiválasztását nem teszi lehetővé.

microdatagenerator.com

A rendkívül hasonló domainnel rendelkező microdatagenerator.com is hasonló elven működik, beírjuk az űrlapokba a kívánt adatokat, majd megkapjuk a használható HTML kódot. Itt azonban már több taxonómia közül választhatunk, a Local és E-Commerce fő-menüpontok alatt kereshetjük meg a nekünk szükséges sémát.

microdatagenerator.com - HTML5 microdata 

A teljesség igénye nélkül néhány az itt generálható sémák közül:

• Local Business: Dentist Schema, Real Estate Schema, Restaurant Schema, Hotel Schema (kísérleti)

• E-Commerce: Reviews Schema (a hReview mikroformátum megfelelője), Aggregate Rating Schema (ezzel elég gyakran találkozhatunk a google találati listán, a Rich Snippet csillagok formájában jelzi egy adott termék értékelését), Product Description Schema

Természetesen ez a két eszköz közel sem fedi le a létező mikroadatokat, de kiindulásnak elég lehet, a struktúra alapján és a schema.org tanulmányozásával a többivel sem lehet nagy gondunk.

Google Web Fonts - új kinézet, 291 font, gyűjtemények

Nem is olyan rég újdonságnak számított a Google Font Directory / Google Font API, ami a CSS3 szabványban meglévő egyedi betűtípusok gyors, könnyű beágyazását teszi lehetővé flash, canvas / kép generálás nélkül, ráadásul nem utolsósorban böngészőfüggetlen megoldást is jelent.

Természetesen nem a Google az eslső, aki webes "betűtípus-könyvtárat" tett elérhetővé, hiszen a TypeKit is szép kis nevet szerzett már magának, de az pl. fizetős - illetve ingyenes TypeKit fiókkal ha jól emlékszem 1 betűtípust ingyen is felhasználhatunk egy adott domainhez, de más szolgáltatók - pl. wordpress.com is lehetővé teszik a használatát - de ott van még ingyenes alternatívaként a Kernest.com vagy a FontSquirrel is, de ezekről majd máskor..

Eleinte talán úgy 30-40 betűtípus lehetett a Google Font Directory készletében, ez a szám azonban folyamatosan nőtt, ma már 291 font közül választhatunk, melyek között igaz, még mindig sok olyat találni, ami nem tartalmaz bizonyos számunkra elengedhetetlen karaktereket, pl.: ő, ü, ű - de azért akad szép számmal olyan font is, ami már igen.

Természetesen a betűtípusok beágyazását egy egyszerű webalkalmazás segíti, (korábban az alkalmazni kívánt font egyes css tulajdonságait is beállíthattuk, mint letter-spacing, line-height stb.) ahol megkapjuk a kívánt betűkészlethez tartozó kódot, amit elhelyezünk oldalunk szekciójában - ráadásul még választhatunk is a következő módszerek közül (Supermercado Google Web Font):

css standard:

 <link href='http://fonts.googleapis.com/css?family=Supermercado+One' rel='stylesheet' type='text/css'>

@import:

 @import url(http://fonts.googleapis.com/css?family=Supermercado+One);

javascript:

<script type="text/javascript">

WebFontConfig = {

google: { families: [ 'Supermercado+One::latin' ] }

};

(function() {

var wf = document.createElement('script');

wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +

'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';

wf.type = 'text/javascript';

wf.async = 'true';

var s = document.getElementsByTagName('script')[0];

s.parentNode.insertBefore(wf, s);

})(); 

</script>

Kiválaszthatjó még (már ha komplett betűtípus-családról beszélünk) a normal, bold, italic verzió, és egy grafikonnal adja tudtunkra a google a font betöltődési idejét is, és javasolja, hogy csak a nekünk szükséges font stílust pipáljunk be elkerülve ezzel a többi felesleges betöltődését.

Újdonságnak számít, hogy az egyes betűtípusokat gyűjteményekhez adhatjuk (Add "Supermercado One" to your collection), ezeket aztán le is tölthetjük, így akár saját szerverünkön is tárolhatjuk a fontokat.

Nemrég valaki a font letöltésben tovább ment, és lehetővé teszi nekünk az összes, Google Font Directory-ban lévő betűtípus letöltését / download google fonts: http://joemaller.com/1856/download-google-fonts/

Google Web Fonts

Google+ és Google profiladatok biztonsági mentése

Mi az a Google Takeout?

Nemrég akadtam rá a Google account beállításainál erre a hasznos funkcióra - név szerint az adatok letöltésére, ahol szinte mindenről kaphatunk biztonsági mentést, amit a Google+ rendszerén belül használunk - így a Buzz, a +1 button, Google profil, a G+ hírfolyam (Stream), körök és kapcsolatok (Circles and Contacts) - sőt, még a Picasaweb rendszeren lévő fotóink is - egyaránt menthetőek pár kattintással.

A rendszer lehetővé teszi az összes létező adat egyszerre történő mentését és az egyes kiválasztott szolgáltatásokhoz tartozó adatok  mentését szintúgy, a kapott eredmény minden esetben egy zip fájl, amiben almappánként jelennek meg az egyes Google szolgáltatásokhoz tartozó adatok.

Amit menthetünk a Google profilunkból:

• A Google Buzz állapotfrissítéseinket html formában menti (minden egyes bejegyzés egy html fájlba kerül),
•  Circles and Contacts: a névjegyeket vCard (.vcf) formátumban,
• a Google profilunk adatait egy .json fájlban kapjuk vissza
• a Google+ hírfolyamot (stream) pedig a Buzz-hoz hasonlóan különálló html állományokban,
• a +1 button segítségével szavazatot kapott linkeket pedig egy bookmarks.html fájlban tárolja

 Ha be vagyunk jelentkezve a Google  -be, a fenti sávon megjelenő profilnevünk alatti lenyíló menüből elérhető Account Setting menüpontra kattintva érhetjük el ezt a szolgáltatást Data liberation néven - vagy direkt link: https://plus.google.com/u/0/settings/exportdata

A konkurens szolgáltatások (legalábbis a Twitter vagy a Facebook) nem rendelkeznek ilyen lehetőséggel, külső webes alkalmazás segítségével mondjuk erre is van lehetőség - ilyen pl. a Tweetstream. 

A biztonsági mentés folyamatának néhány része képekben - Data Liberation:

Picplz - képszerkesztők mobilon 2.

A PicPlz megszűnt. Sajnos elesett a csatamezőn, ahol - lassan úgy tűnik - már csak a Google és a Facebook nyerhet. Nemrég ugye megjelent az Instagram Androidra is, a friss alkalmazás megjelenését követően aztán jött a hír, hogy megvette az fb. A PicPlz mellett egy másik, hasonló funkciókkal bíró, gyarapodó közösséget maga mögött tudó alkalmazás és egyben képmegosztó szolgáltatás, a Lightbox is erre a sorsra jutott, konkrétan a következő üzenetet olvastam nem túl rég a bejelentkezést követően:

"Lightbox is joining Facebook!"

A PicPlz volt az első, gyorsszerkesztést (by Aviary) és effektezést, emellett fotómegosztást - továbbmegosztást (tumblr, twitter, facebook, dropbox...) lehetővé tevő alkalmazás a telefonomon, és ez is volt a kedvencem, hiába érkezett meg az Instagram - valahogy alapból többet tudott, és akár a Lightbox (amiről szintén születőben volt egy írásom...), webes felületen keresztül is jól használható volt.

Nyugodj békében, PicPlz...!

A picplz.com egy határozottan egyszerű, (nem csak) mobil képmegosztó - képszerkesztő szolgáltatás fókuszban a pillanatok alatt alkalmazható effekteken, helyzetmegosztáson és a különböző közösségi oldalakon való publikáláson.

Természetesen létezik natív Android és iPhone alkalmazás a fotószerkesztőről, jómagam Android felhasználó vagyok, így a droid appról tudom leírni a véleményem - 100 %-ig elégedett vagyok vele. Használom is szívesen, így néz ki fotófolyamom a picplz.com-on.

A picplz alkalmazás indításakor kiválaszthatjuk, hogy meglévő képet szeretnénk megosztani és effektezni, vagy egyenesen indíthatjuk a kamerát ami főleg akkor jó, ha szeretnénk a képpel együtt a helyzetünket is rögzíteni.

A folyamatosan bővülő effektek között pedig van '70's (hetvenes éveket idéző szépia hatás), Russian Toy Kamera és még sok más, mindez keretes és képkeret mentes verzióban.

A szűrők előnye a mobilfotózás során egyértelmű, ugyanis egy nyers mobilfotó többnyire távol áll a tökéletestől, a jó témaválasztás plusz egy jól eltalált effektus azonban sokat dobhat a végeredményen - véleményem szerint ebben rejlik a picplz legnagyobb erénye.

Picplz - instant film effekt (kivételesen nem mobilfotó)

Ha szeretnénk, akár a Dropbox-ra is készít biztonsági mentést az eredeti és az átdolgozott képekről egyaránt.

picplz.com

Google +1 button

A Google most jelentette be hivatalosan a +1 gomb "bevezetését" - ez gyakorlatilag úgy működik, mint a facebook like, azaz kiírja azt a számot, ahányan rákattintottak, like-olták, "+1-elték" az adott oldalt. Nem csak ez az egy hasonlóság van a népszerű közösségi oldallal - ugyanis a nemrég megjelenésében is frissített Google profiloldalnál megjelenik egy új menüpont, amire kattintva a +1-ezett url-ek listája jelenik meg.

Ez a találati listán is meg fog jelenni - nyilván egyelőre csak az angol nyelvű google.com-on, és csak google fiókba történő bejelentkezés után.

A Google +1 gomb természetesen blogspot megosztás gombjai közé is bekerült, de itt is hasonló akár a facebook-nál - bármely weboldalba beilleszthető a like, vagyis +1 button.

A Google +1 button működése:

+1 webmestereknek

Google+

Időközben megjelent a többek között a Google +1 button-t is integráló Google+, azaz a keresőóriás Facebook-konkurensnek szánt közösségi szolgáltatása - ha szeretnél meghívót, még tudok küldeni, semmit nem kérek cserébe - részletek itt: Google+ meghívás

CRM rendszerek - ügyfélkezelés webes alkalmazásokkal

A webes alkalmazások világának bemutatása során nem hagyhatom ki a CRM rendszereket sem. Az ügyfélkapcsolatok kezelését segítő megoldások közül számos ingyenes és fizetős lehetőség létezik,  ezek jelentős része pedig jelen blog témájának is megfelel, hiszen jelentős részük böngészőben fut.

A CRM - azaz Customer relationship management, magyarul ügyfélkapcsolat-kezelés fogalma egy cég partnerei felé irányuló folyamatok leírását foglalja magában.
Az összes CRM szoftver célja az, hogy a kívánt folyamatokat támogassa, és természetesen a meglévő és a leendő ügyfelekkel kapcsolatos információkat eltárolja.  A CRM rendszer felépítése lehetőséget nyújt a jogosultságok kezelésére, így a benne szereplő adatokat a cégen belül különböző részlegek és azok dolgozói érhetik el.

Tömören: egy jó CRM rendszer címlisták és cég információk, feladatlisták, találkozók és úgynevezett lehetőség listák megosztására alkalmas.

Sugar CRM

sugarcrm.hu

Egy alapvetően nyílt forrású (legalábbis a SugarForge community edition, egyébként csak trial verziót lehet letölteni a hivatalos oldalról), böngészőből használható, szerverre telepíthető PHP / MySQL alapú vállalatirányítási rendszer - talán ez a legismertebb alternatíva - természetesen a Microsoft Dynamics CRM mellett, amit előszeretettel használnak a kisebb-nagyobb vállalatok. A Sugar CRM - mint a többi hasonló rendszer - lehetővé teszi a jelentősebb levelezőprogramokból való importlást / exportálást (legalábbis az Outlook esetében biztosan működik).

Microsoft Dynamics CRM

A vállalatirányításhoz, ügyfélkapcsolatok kezeléséhez sem kevés szállal kötődő Microsoft (ld. Exchange, stb.) saját CRM rendszere. Ma már akár a twitterrel is együttműködik, a Social Networking Accelerator névre hallgató funkció figyeli a vásárlók viselkedését a közösségi médiákon, és valós időben frissíti az aktuális szolgáltatásaikat, termékeiket - úgy tudom, egyelőre csak a twittert támogatja a Microsoft Dynamics CRM ügyfélkapcsolat-kezelő rendszer.
Természetesen együttműködik a Microsoft irodai szoftvereivel, és webes, böngészőben futtatható felülettel is rendelkezik.

Zoho CRM

http://crm.zoho.com/

A Zoho Online Office már korábban be lett mutatva ebben a blogban, szerintem messze a legjobb online irodai alkalmazás, ami szinte mindent magában foglal a dokumentumszerkesztőn, táblázatkezelőn, levelezőn át a wikiig és természetesen a CRM is a rendszer része. A Google Apps-be is integrálhatjuk.

Karma CRM

A Karma CRM egy jelenleg még béta állapotban lévő webalkalmazás, ami jelenleg teljesen ingyenes, fizetési modellt csak azután dolgoznak ki, ha már kilépett ebből a stádiumból. Webes felületen kell regisztrálni, ahol a felhasználó kap egy aldomaint, ahol aztán később kezelheti az ügyfélkapcsolatokat. Ahogy a videóban is látható, szép, ízléses és jellegzetesen mai design jellemzi a webalkalmazás felületét.



A teljesség igénye nélkül - pár további CRM a weben: salesforce.com, crm-free.com, salespush.com, fatfreecrm.com (ezutóbbi Ruby On Rails alapú).