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


Bouw responsieve widgets met tabbladen met GridTab

Het is altijd gemakkelijker om websites te bouwen met open source tools in plaats van het wiel opnieuw uit te vinden. Deze tools variëren van bibliotheken tot kleinere plug-ins, maar u kunt voor vrijwel alles een oplossing vinden.

De fenomenale plug-in jQuery GridTab is een goed voorbeeld. Hiermee kunt u een aangepast raster instellen, de onderbrekingspunten definiëren en een responsieve widget met tabbladen maken die geschikt is voor elke website.

U kunt uw eigen CSS-klassen toevoegen of met bestaande CSS-klassen werken om een ​​tabbladfunctie te creëren die bij uw ontwerp past. Deze plug-in ondersteunt ook navigatie-elementen voor de volgende / vorige besturingselementen en schakelen tussen tabbladen .

Installatie is eenvoudig en vereist alleen de jQuery-bibliotheek als afhankelijkheid . Als dat eenmaal is geïnstalleerd, kun je GridTab van npm pakken of direct downloaden vanuit GitHub.

Houd er rekening mee dat deze widgetsplugin met tabbladen een standaardstijl heeft, dus deze heeft een afzonderlijk CSS-stylesheet bovenop het JS-pluginbestand. Maar u kunt deze CSS altijd samenvoegen tot uw eigen om HTTP-verzoeken te verminderen.

Om de plug-in te initialiseren, geeft u eenvoudig de totale rastergrootte door, samen met een willekeurige optionele parameter (alle vermeld op GitHub).

Hier is een eenvoudig initialisatiescript :

 $ (document) .ready (function () {$ ('# gridtab-1'). gridtab ({grid: 3});}); 

De instellingen omvatten aangepaste selectors, responsieve stijlen, border / padding / kleurinstellingen en natuurlijk een callback-functie .

U bent misschien nieuwsgierig om te zien hoe dit allemaal werkt en hoe het eruit ziet in uw browser. Bekijk het gedeelte "Demo's" om enkele voorbeelden te zien, inclusief onbewerkte broncode die u kunt kopiëren.

De meeste mensen beschouwen tabbladen als functies voor widgets met een klein profiel. Portfoliowebsites kunnen echter ook gebruikmaken van rasters met tabbladen en de GridTab-plug-in is de beste manier om dit effect vast te houden.

Alles wat u moet weten, inclusief volledige documentatie, kunt u vinden op de hoofdpagina van het tabblad Grid. Dit bevat ook een koppeling naar de GitHub-repo, zodat u door de bron kunt bladeren en uw eigen responsieve rasters met tabbladen kunt aanpassen.

20 WordPress Shortcodes en plugins die u misschien wilt proberen

20 WordPress Shortcodes en plugins die u misschien wilt proberen

Als u niet bekend bent met shortcodes, is een shortcode een WordPress-specifieke code waarmee u creatieve dingen kunt doen met scripts en code. Aangezien u uw berichten en pagina's niet hoeft te vullen met lange lelijke codes, worden ze samengevat in slechts één regel code - een shortcode.Kort gezegd is een shortcode eigenlijk een snelkoppeling naar een lang script of stuk code.

(Technische en ontwerptips)

Converteer Android-apparaat naar een faxmachine met deze twee tools

Converteer Android-apparaat naar een faxmachine met deze twee tools

Faxen zijn tegenwoordig min of meer vervangen door de e-mail . Hoewel het niet langer de de facto methode is om belangrijke documenten te verzenden, kan een faxmachine nog steeds als een goed alternatief voor de e-mail fungeren in tijden van nood. Daarom bekijken we twee hulpprogramma's die u kunnen helpen met uw faxbehoeften via uw Android-apparaat

(Technische en ontwerptips)