no.hideout-lastation.com
Paradis For Designere Og Utviklere


Opprett rene CSS-trekanter med denne gratis webapps

Det er et stort press for å gjøre nettet til et mer CSS-vennlig sted . I årevis var bilder alltid løsningen på nettleseren hacks fra gjentatte bakgrunner til skyvedørsteknikken. Men nå er det enklere enn noensinne å lage mønstre, ikoner og spesialeffekter med CSS3.

Med denne trekantgeneratoren kan du designe størrelsen og formen på hvilken trekant du vil ha. Det vil automatisk spytte ut en CSS-klasse som du kan søke på ethvert element.

I alternativpanelene kan du endre trekantens farge og retning (opp / ned og sidelengs). Du kan også endre trekantens bredde / høyde og til og med rot med venstre / høyre skrå hvis du lager en scalene-trekant.

Dette er langt en av de kuleste webappene jeg noensinne har sett. Den er vert på Designyourcode, som er et nettsted fullt av flotte bloggartikler og gratis web-dev-verktøy.

Og for alle elskere av bakoverkompatibilitet, har du muligheten til å inkludere Microsoft.Chroma- funksjonen i CSS som legger til støtte for IE6-brukere . Mindre enn en prosent av verden bruker selv IE6, men det er fortsatt et fint alternativ.

For å legge til en ren CSS-trekant på nettstedet ditt, bare kopier / lim inn CSS-klassen med reglene i stilarket. Gi så denne klassen til noen
eller tomt blokkelement.

For eksempel, for å lage en oppadgående trekant, vil du kopiere koden og legge til et element som dette:

Det kan også være et blokknivåelement, eller det kan plasseres helt innenfor et annet element.

Mulighetene er uendelige, og dette verktøyet kan tilby et bedre alternativ enn CSS-grensesnittet. For å komme i gang, kan du bare besøke triangelen web-appen og endre verdiene til din smak.

Inspirerende arbeidsområde: 60 fantastiske oppsett

Inspirerende arbeidsområde: 60 fantastiske oppsett

Vi bruker mesteparten av dagen foran datamaskinene våre. Det er her alt arbeidet blir gjort, e-post blir tatt vare på, og det sosiale forholdet blir gjort. Sannheten er at datamaskinen har blitt en stift for nesten alle aspekter av moderne livsstil, og nå er folk selv vedta flere enheter for høyere arbeidsferdigheter.Ett

(Tekniske og design tips)

SimpleLightbox - Touch-Friendly Image Lightbox som også støtter WordPress

SimpleLightbox - Touch-Friendly Image Lightbox som også støtter WordPress

Porteføljesider, blogginnlegg og til og med sosiale nettsteder bruker alle lysbokser. De er nyttige for å vise større innhold uten å ta opp mer plass på siden .Men det er ingen grunn til å bygge din egen fra bunnen av når det er så mange gratis skript på nettet. En av mine nye faves er SimpleLightbox, designet for å være 100% åpen kildekode og mobil responsive kjører på alle enheter .Alle bildemin

(Tekniske og design tips)