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


Maak Pure CSS-driehoeken met deze gratis web-app

Er is een grote druk om het web een meer CSS-vriendelijke plek te maken . Jarenlang waren afbeeldingen altijd de oplossing voor browserhacks, van het herhalen van achtergronden tot de techniek van schuifdeuren. Maar nu is het eenvoudiger dan ooit om patronen, pictogrammen en speciale effecten met CSS3 te maken.

Met deze driehoeksgenerator kunt u de grootte en vorm van elke gewenste driehoek ontwerpen. Het spuugt automatisch een CSS-klasse uit die u op elk element kunt toepassen.

In de optiepanelen kunt u de kleur en richting van de driehoek wijzigen (omhoog / omlaag en zijwaarts). Je kunt ook de breedte / hoogte van de driehoek wijzigen en zelfs rotzooien met de links / rechts scheeftrekking als je een ongelijke driehoek maakt.

Dit is veruit een van de coolste web-apps die ik ooit heb gezien. Het wordt gehost op Designyourcode, een site vol met geweldige blogartikelen en gratis web dev-tools.

En voor alle liefhebbers van compatibiliteit met eerdere versies, heeft u de mogelijkheid om de Microsoft.Chroma- functie in CSS op te nemen, die ondersteuning biedt voor IE6-gebruikers . Minder dan een procent van de wereld gebruikt zelfs IE6, maar het is nog steeds een leuke optie.

Om een pure CSS-driehoek aan uw site toe te voegen, kopieert en plakt u de CSS-klasse met de regels in uw stylesheet. Geef deze les dan aan iemand
of leeg blokelement.

Als u bijvoorbeeld een naar boven wijzende driehoek wilt maken, kopieert u de code en voegt u een element als dit toe:

Dat zou ook een element op blokniveau kunnen zijn, of het zou absoluut in een ander element kunnen worden geplaatst .

De mogelijkheden zijn eindeloos en deze tool kan een beter alternatief bieden dan de CSS border hack. Ga om aan de slag te gaan naar de web-app voor driehoekjes en wijzig de waarden naar wens.

PNotify - Een zeer aanpasbare meldingsplugin

PNotify - Een zeer aanpasbare meldingsplugin

Voor sommigen van ons die voortdurend bezig zijn, houden meldingen ons op de hoogte van alle belangrijke gebeurtenissen, nieuwsbestedingen en informatie. Het vermindert de wachttijd terwijl we ons kunnen blijven updaten met de nieuwste gebeurtenissen en het is geen wonder dat we meldingen ontvangen op zowel desktopcomputers als mobiele apparaten

(Technische en ontwerptips)

Wat is nieuw in Google Chrome 59

Wat is nieuw in Google Chrome 59

Na een lange periode van ontwikkeling heeft Google's Chrome-browser eindelijk zijn Chrome 59-update ontvangen . Nu verkrijgbaar op de desktopversie van Chrome met Android en Chrome OS-versies die kort daarna volgen, brengt Chrome 59 een combinatie van prestatieverminderingen en nieuwe functies met zich mee

(Technische en ontwerptips)