nl.hideout-lastation.com
Paradijs Voor Ontwerpers En Ontwikkelaars


Meng je eigen CSS-gradiënten met deze gratis web-app

Elke webontwerper moet bekend zijn met CSS3-gradiënten . Ze bestaan ​​al jaren en ze worden breed ondersteund door alle grote browsers.

En nu kunt u met gratis web-apps zoals Blend CSS3-gradiënten maken met de visuele editors van de browser . U kunt kiezen tussen lineaire en radiale verlopen terwijl u knutselt met kleuren om te mengen.

De eerste pagina wordt geladen met twee effen kleuren aan elke kant. U kunt het kleurenpalet gebruiken om tussen tinten te schakelen of een handmatige HEX-code in te voeren als u de gewenste kleur kent. Zodra je twee kleuren hebt die je leuk vindt, klik je op de knop "Laten we samenvoegen" in het midden.

Beide kleuren worden samengevoegd in een CSS3-verloop met bewerkbare opties aan de bovenkant van de pagina. U kunt kiezen tussen lineaire gradiënten en radiale verlopen en als u de lineaire stijl gebruikt, kunt u de middenlocatie over de gehele pagina slepen .

En terwijl je in de overvloeimodus bent, kun je nog steeds teruggaan om de kleuren onderaan te wijzigen. Dit is als de perfecte codevrije CSS3-gradiëntgenerator die elke ontwerper nodig heeft.

Zodra u twee kleuren hebt die u bevallen, kunt u klikken op het pictogram voor de codesteek in de rechterbovenhoek. Dit opent een venster met CSS-code die u kunt kopiëren / plakken in uw stylesheets.

Blend is een gratis tool gemaakt door Colin Keany, een ontwerper uit New York. Het wordt ook gehost op zijn site, maar ik zie nergens een link naar GitHub of een andere gratis broncode. Maar hij heeft wel een casestudy geschreven waarin hij beschrijft hoe zijn proces Blend maakt met al zijn handige functies.

Helaas ondersteunt de huidige versie niet meer dan twee kleuren . Maar ik steek in de toekomst mijn vingers over voor meerkleurenopties.

Aangezien u een lokale kopie niet kunt downloaden, raad ik aan om Blend te bookmarken voor toekomstig gebruik. Het is de perfecte manier om verlopen te testen zonder uw stylesheet herhaaldelijk te bewerken.

En als u uw ideeën wilt delen of gewoon bedankt wilt zeggen voor dit verloopgereedschap, kunt u Colin @colinkeany tweeten.

Welke iconische leiders deden als hun eerste banen [Infographic]

Welke iconische leiders deden als hun eerste banen [Infographic]

Iedereen moet ergens beginnen voordat iconische leiders de krantenkoppen halen - Barack Obama is niet anders. Lang voordat hij president van de Verenigde Staten was, scharrelde hij op 16-jarige leeftijd ijs bij Baskin Robbins voor $ 8, 60 per uur. De oprichter van Virgin Group, Richard Branson, die vandaag miljarden waard is, begon als parkietenkweker

(Technische en ontwerptips)

Verbeter uw zoekresultaten met Rich Snippets & Schema.org Woordenschat

Verbeter uw zoekresultaten met Rich Snippets & Schema.org Woordenschat

Gestructureerde gegevens maken het mogelijk uw zoekresultaten visueel aantrekkelijker en informatiever te presenteren. Volgens een studie op het gebied van Searchmetrics leidt de toevoeging van gestructureerde gegevensopmaak aan een website tot een toename van 36% in de zoekresultaten van Google.Gestructureerde gegevensopmaak wordt gerenderd in Google, Bing en andere zoekmachines als rich snippets

(Technische en ontwerptips)