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


Flexbox-patronen: de ultieme CSS Flexbox-codebibliotheek

De nieuwste CSS flexbox-eigenschap heeft de manier waarop ontwikkelaars interfaces maken radicaal veranderd. Nooit meer zweven en CSS-hacks om lay-outs perfect uitgelijnd te krijgen. U hoeft zich geen zorgen meer te maken over aangepaste, responsieve technieken voor het verwerken van indelingen met meerdere kolommen.

Maar hoewel Flexbox veel problemen oplost, is het ook ingewikkeld om te leren. Om u op weg te helpen, is er een nieuwe online bibliotheek genaamd Flexbox-patronen die veel verschillende flexbox-elementen catalogiseert op één centrale locatie.

Deze bibliotheek is volledig gratis te gebruiken en is open source op GitHub. Alle voorbeelden kunnen lokaal worden gedownload via NPM of via GitHub . Maar u kunt ook bladeren door de voorbeelden via de website om codes te kopiëren en plakken waar nodig.

Elk patroon heeft zijn eigen pagina met een korte beschrijving en codevoorbeelden. U kunt de codes heel letterlijk kopiëren en in uw bestaande webproject plakken, hoewel het wordt aanbevolen dat u eerst een beetje leert over wat de code doet en waarom u deze gebruikt.

Neem bijvoorbeeld de demoversie van de sitetitelbalk met behulp van flexbox om alle elementen in een bovenste navigatiebalk naast elkaar uit te lijnen.

Meestal vereist dit drijvers en een clearfix-klasse om alles goed uitgelijnd te krijgen.

Met flexbox kunt u alles in één container vasthouden met behulp van de eigenschap display: flex . Op deze manier kunt u definiëren hoe de elementen met elkaar moeten samenwerken en hoe de flexbox op kleinere schermen moet werken .

De patronen worden voortdurend bijgewerkt en de huidige bibliotheek richt zich op de meest voorkomende elementen zoals tabbladen, zijbalken en verticale / horizontale centrering.

Als je helemaal nieuw bent in flexbox, bekijk dan zeker Flexbox-patronen. De site zal je niet alle basisbegrippen van flexbox leren, maar het biedt voorbeelden uit de praktijk waar je mee kunt sleutelen voor je eigen webprojecten.

Gebruik deze startchecklist voor elke nieuwe site die u bouwt

Gebruik deze startchecklist voor elke nieuwe site die u bouwt

Het ontwerpen en coderen van een website kost veel aandacht. Het is echter een heel ander karwei om de site online te krijgen en volledig te optimaliseren .Met deze Web Launch Checklist kunt u ingaan op de belangrijkste punten van een nieuwe website om ervoor te zorgen dat u alles bestrijkt. Dit omvat basistips voor prestaties, zoals laadtijd, maar ook belangrijke taken zoals SEO, inhoud, beveiliging en toegankelijkheid

(Technische en ontwerptips)

10 Smart Home-apparaten voor thuisautomatisering

10 Smart Home-apparaten voor thuisautomatisering

Ooit gedacht om je huis in een slimme woning te veranderen? Zou je het niet leuk vinden om de lichten uit te kunnen doen die je achterliet, zelfs nadat je op kantoor bent geweest? Of zet u de airconditioning aan voordat u thuiskomt van uw werk? Smart Home-apparaten kunnen u ook de veiligheid van uw huis laten controleren, deuren voor vrienden openen voor tijdelijke toegang (zelfs als u niet thuis bent om ze te ontvangen) en zelfs uw gewone apparaten "slimmer" maken

(Technische en ontwerptips)