Jump to content

[Portofoliu] Authe. // #A03


Authe
 Share

Recommended Posts

bfKCEt3.png



Versiunea PC Desktop



YFXepTX.png



Versiunea Mobile, Smart.DEV



/* ============================================================== */



Mai jos gășiți lista cu actualizările făcute la index :


- A fost adăugat navigation bar cu fonbt-awesome, pentru a accesa mai repede link-urile;

- A fost adăugat „background-color” la class title;

- A fost redusă mărimea border-ului pentru un aspect mai plăcut la ochi;

- A fost scos border-bottom de la class title;

- A fost adăugat o „săgeată” la class title;

- A fost schimbat font-ul principal de la id title (Arial -> Source Sans Pro);

- A fost adăugat „background-color” la class heading;

- Am centrat mai mult text-ul și am lăsat mai mult spațiu sus și jos (se pot schimba de la padding);

- Am adăugat hover la id heading, la text-ul de umplutură (de la o culoare mai inchisă, la una mai deschisă);

- A fost schimbat font-ul la „Get in Touch” (Arial -> Calibri);

- A fost schimbat design-ul butoanelor, adăugat efect de „zoom” și culoare pentru fiecare social network;

- A fost adăugat script-ul „nicescroll.js”, pentru un scroll mai frumos, mai modern, responsive;

- A fost adăugată versiunea mobilă „Smart.DEV - [v1.200816A]”;

__________________________

ACEST TEMPLATE ESTE RESPONSIVE, CARE SE ADAPTEAZĂ AUTOMAT LA FIECARE ECRAN (1920px, 1440px, 1024px, 768px, 425px, 375px, 320px, 275px);

CA SĂ VEDEȚI ADAPTAREA DAȚI UN RESIZE LA BROWSER ȘI VEDEȚI DIFERENȚELE.


Mai jos vă las lista cu fiecare breakpoint pentru Telefoane, Tablete și PC-uri (fiind Desktop sau Laptop).


320px: Smartphone (portrait)

480px: Smartphone (landscape)

768px: Tablet (portrait)

1024px: iPad (landscape), PC Desktop, Laptop - sa va dati seama cum s-ar vedea pe aceste dispozitive.

__________________________



767px:


- Font-size-ul de la nav-bar a fost redus.


620px:


- Navbar-ul dispare;


580px:


- Dispare titlul normal și apare titlul pentru dispozitivele mobile (iPad [cu o resolutie mai mică], iPhone etc), o să apară scrisul „Smart.DEV”.

- Dispar imaginile și rămân titlul și descrierea.

- Dimensiunea la „Get in Touch” a fost redusă (2.7em -> 2.3em).

- Spațiul dintre iconițe a fost redus (1em -> 0em)

.

- Dispare „WEBSITE.RO 2016 - DENIS CRISTIAN © 2016” și apare „SMART.DEV ”.

- Dispare „Rămâi cu noi in contact pe rețelele de socializare”.


367px:


- Font-size-ul de la „title-mobile” a fost redus (1.7em -> 1.4em).

- Font-size-ul de la „Get in touch” a fost redus (2.7em -> 2em).

- Dimensiunea de la iconite a fost redus (50px -> 45px).


300px:


- Font-size-ul de la „title-mobile” a fost redus (1.4em -> 1.2em).

- Dispare „Smart.DEV” din footer.

- Font-size-ul de la „heading” a fost redus (1em -> 0.85em).

- Dimensiunea de la iconite a fost redus (50px -> 40px).


** GARANTEZ CĂ ACEST SKIN MERGE PÂNĂ LA DIMENSIUNEA DE 275PX (MOBILE) ȘI 1440PX (PC DESKTOP), PENTRU DIMENSIUNI MAI MARI NU GARANTEZ. **

__________________________



COPYRIGHT:

Denis Cristian, Rockstar Games, CSS3, HTML5, ShadyART, Twitter, jQuery, JavaScript,

Modernizr 2.8.3, InuYaksa*2014, Font Awesome.

_____________________________





DACA INTAMPINATI BUG-URI, DATI-MI un PM.

Link to comment
Share on other sites

Chiar ti-a iesit ceva frumos, nu prea trebuia sa il faci public :)) nu stiu de ce ai facut-o.

Daca iti deschizi o firma de design, poti face bani cu asa ceva.

Link to comment
Share on other sites

Chiar ti-a iesit ceva frumos, nu prea trebuia sa il faci public :)) nu stiu de ce ai facut-o.

Daca iti deschizi o firma de design, poti face bani cu asa ceva.

Atunci cand iti publici munca ta pe diverse site-uri, pe google, o faci deoarece esti pasionat de astfel de lucruri, de ceva nou si vrei ca Membrii / persoanele ce au nevoie de asa ceva sa fie ajutate. Odata ce munca ta este rasplatita cu "fericire" cu "dowload-uri" te motivezi sa creezi ceva nou, ceva frumos, ceva ce le place majoritatea "cautatorilor".

 

Authe, mereu mi-a placut cum lucrezi, imi place ca te stradui sa faci ceva diferit, ceva ce poate sa-ti aduca talentele la 110%. Felicitari inca o data si astept cat mai multe Update-uri la portofoliul / experienta ta.

Link to comment
Share on other sites

imi plac avatarele, dar sunt cam intunecate.

font-ul de la avatarul tau? mersi

 

 

 

Asa le-am vrut sa fie, Arial.

Link to comment
Share on other sites

PV85gBa.png



- click pe imagine pentru o resolutie mai mare -


Edited by Authe
Link to comment
Share on other sites

Imi place foarte mult stilul tau de a lucra, lucrarile sunt curate, sau simpliste, cum vrei tu sa le zici. Fonturile se potrivesc bine, imi place imbinarea dintre alb-negru si acel brush albastru.

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.