MiMaVe.Design.Photo -web©

Loading...

Groove

Webdesigndroid image/svg+xml Webdesigndroid MiMaVe.design.photo All rights reserved

Pieniä päivityksiä ja asiaa svg:stä

Pari pientä fiksausta piti vielä laittaa MiMaVe.Design.Photon webbiin. Grafiikasta, web designista ja svg:stä kiinnostuneille voin sanoa, että piti laittaa grafiikan viivojen filleille fallback Edgen takia, siis toinen arvo mihin voi tukeutua, jos oikea ei toimi. Tämä voi olla tulevaisuudessa ihan hyvä käytäntö, vaikka olin jo tuossa aikaisemmin aika innoissani kun myös Edge näytti pelittävän paremmin svg:n suhteen, mutta kuinka ollakkaan, taas kun testasin Edgeä pitkästä aikaa puuttuivat gradientin omaavat viivat WebDesignBoyn loaderanimaatiosta ja webdesign- sivun animaatiosta. Ne siis toimivat Edgessä kohtuudella tossa joku aika sitten, että tiedä häntä. Muissa testatuissa selaimissa näyttäisi toimivan niinkuin pitääkin…

Lue lisää yksityiskohdista artikkelista.

+++ “Pieniä päivityksiä ja asiaa svg:stä” » » »

Thematics

MiMaVe.Design.Photo -web 2.0.1

Gutenberg on nyt osa WordPressin perustaa ja MiMaVe.Design.Photo pitäisi olla nyt kokonaan Gutenbergisoitu. Muitakin muutoksia tuli.

Lisää uusista webbisuunnittelu -kikkailuista artikkelista.

+++ “MiMaVe.Design.Photo -web 2.0.1” » » »

Thematics

Pääsivut Gutenbergisoitu

Nyt on kaikki pääsivut kevyesti Gutenbergisoitu käy arvioimassa tuloksia.

Klikkaa nappuloita sivuille.


Enään puolen sataa poustausta ja saman verran gallerioita Gutenbergisöintiä vaille… 😄

WebdesignBoy pt1

The Great Adventures of the WebdesignBoy Pt1: The Rogue Menu

Ensimmäinen oikea animaatiopaketti on nyt tehty. Tai kyseessä on testauspaketti. WebsuunnitteluHäiskä seikkailee verkkoavaruudessa ensimmäistä kertaa ratkaisten vastarintaisen valikon ongelman. 😉 Animaatio löytyy Multimedia -sivulta. Kyse ei siis ole mistään huippuanimaatiosta, mutta menettelee tässä vaiheessa. Jos kuvan nykiminen ihmetyttää niin siinä on vain 7 kuvaa sekunnissa, mutta se saa mielestäni ihan kivan fiiliksen. Fps (kuvaa sekunnissa) ja pikselimäärien vaan kasvaessa kokoajan maailmalla on tällaisessa 7fps:n pätkässä jotain, tai sitten ei??? Ainakin näkee miten animaatio toimii, siis kuvia pienillä muutoksilla peräkkäin…


Animaatiossa on myös musiikkia. Toivottavasti se viihdyttää jollakin tasolla. Grafiikkaa ja yleisilme esim. yrityksen ilme voidaan siis laajentaa videon, animaation ja äänenkin puolelle. Jonkin verran lisää työtä niin voi saada vaikka minkänäköistä ja kuuloista aikaan…

Animaatio ja musiikki MiMaVe.design.photo

Thematics

Versio 1.2.4 maailmalle

MiMaVe.design.photolle päivitystä

Tuli lisättyä vähän css-animaatiota, muutama pieni visuaalinen tweak ja yksi vähän monimutkaisempi svg/css/javascript -animaatio (Webdesign-sivulla scrollaukseen sidottu). Nämä animaatiot oli vähän testausmielessä tehtyjä, mutta ihan tyytyväinen olen. WebdesignBoyn grooveista tulee ainakin iloiseksi. 🙂 Kyse oli siitäkin, että miten erimuotoiset animaatiot toimivat eri laitteilla ja selaimissa ja samalla saisi kuvan siitä mitä kannattaa tehdä. Tietynlainen svg:hen liitetty animaatio ei toimi Edgellä, eikä varmaan Explorerilla, jos jollain tämä jo vanhentunut selain on vielä käytössä, mutta tämä mahdolisuus oli jo osittain tiedossa. Näissä selaimissa on muutenkin ollut erikoisuuksia grafiikoiden suhteen. Muilla testatuilla laitteilla ja selaimilla animaatiot toimii ihan kohtuullisesti, pieniä eroja tietenkin löytyy. Testattu: ios, android, windows, linux, ja selaimilla Firefox, Chrome, Safari, Opera, Edge + pari muuta.


Animaatioita olisi tarkoitus vielä kehitellä ja jatkaa. Pari pientä “ongelmaakin” löytyi mobiililaitteissa, näihin tulee fiksaus mahdollisimman pian. Tarkoitus olisi kokeilla vielä monimutkaisempiakin kokonaisuuksia, kunhan niin pitkälle kerkiää.

Thematics