Studiorufusisback.be
Op www.studiorufusisback.be vind je de laatste reviews over webdesign, CSS-tricks & About your Ledger voor webdesign en Designtools.
Lees de artikelenArtikelen
Nieuws over webdesign en -ontwikkeling: Collectief #741
Wil je ons wat nieuws sturen? The Collective bevat het laatste nieuws en bronnen van de webdesign- en webontwikkelingsgemeenschap. Als je iets hebt gezien of gemaakt dat je in het volgende nummer gepubliceerd wilt zien, gewoon dien de bron of het artikel hier in
CSS Oneindige en cirkelvormige roterende afbeeldingsschuifregelaar | CSS-trucs
Afbeeldingsschuifregelaars (ook wel carrousels genoemd) zijn overal. Er zijn veel CSS-trucs om de gemeenschappelijke schuifregelaar te maken waarbij de afbeeldingen van links naar rechts (of omgekeerd) schuiven. Hetzelfde geldt voor de vele JavaScript-bibliotheken die fraaie schuifregelaars met complexe animaties maken. Dat gaan we in dit bericht niet doen. Door middel van een kleine reeks artikelen gaan we een aantal mooie en ongebruikelijke schuifregelaars voor alleen CSS verkennen. Als je moe bent van het zien van dezelfde oude klassieke sliders, dan ben je op de juiste plek! Voor dit eerste artikel beginnen we met iets dat ik de "circulaire roterende afbeeldingsschuifregelaar" noem: Cool toch? laten we de code ontleden! De HTML-opmaak Als je mijn reeks fraaie afbeeldingsversieringen of CSS-raster en aangepaste vormen hebt gevolgd, dan weet je dat mijn eerste regel is om met de kleinst mogelijke HTML te werken. Ik doe altijd mijn best om CSS-oplossingen te vinden voordat ik mijn
10+ coole tools die professionele ontwerpers gebruiken
Je denkt dat doktoren een zware baan hebben, maar je hebt nog geen ontwerper ontmoet. Het maakt niet uit tot welk ontwerpgebied een ontwerper behoort, men moet jongleren met projectpitches, facturering, klantenservice, persoonlijke organisatie en echt ontwerpwerk. Dus wanneer het leven meerdere projecten, overlappende deadlines en scherp tijdbeheer naar je toe gooit, moet je hulp krijgen van enkele handige tools die je leven gemakkelijk maken. We hebben deze lijst samengesteld met handige tools die professionele ontwerpers wereldwijd gebruiken. Van teambeheertools tot ontwerpbronnen, u kunt elke tool bekijken om te zien welke u zullen helpen uw leven beter te organiseren. 8 plaatsen om portfolio voor ontwerpers te presenteren 8 plaatsen om portfolio voor ontwerpers te presenteren Het enige dat spreekt voor de talenten van een ontwerper of kunstenaar, is hun werk. En de beste manier... Lees verder 1. maandag. com Monday.com blinkt uit als tool voor teambeheer, of de teamgrootte nu 2 of
De beste WooCommerce-thema's voor uw website
Niet zomaar een oud plan of een oude aanpak is voldoende bij het openen van een nieuw bedrijf, en het is ook niet voldoende bij het bouwen en lanceren van een online winkel – zelfs als het onderliggende bedrijf al succesvol is. Er zijn de juiste tools en ontwerpfilosofie voor nodig om een succesvolle online winkel te bouwen – dingen die niet elk WooCommerce WordPress-thema kan hebben. Wanneer je een reeks geweldige WooCommerce WordPress-thema's tegenkomt die de optimale ontwerpen en instellingen bieden om de klus te klaren, moet je misschien nog wat tijd besteden aan het verfijnen van de lijst totdat je er een vindt die perfect bij je past. Dat is de situatie waar je hier mee te maken hebt. Je hebt de 10 beste WooCommerce-thema's op de markt. Op minstens één ervan staat jouw naam. BeThema | Het grootste WordPress- en WooCommerce-thema Met zijn meer dan 40 krachtige kernfuncties heeft BeTheme alle tools, instellingen en opties die je nodig hebt om elk gewenst websitetype te bouwen.
Dieper graven in vragen over containerstijlen | CSS-trucs
Ik heb een tijdje geleden enkele vroege gedachten over query's in containerstijl opgeschreven. Het is nog vroeg. Ze zijn al gedefinieerd in de Specificatie CSS Containment Module niveau 1 (momenteel in Editor's Draft-status) maar er vinden nog een aantal openstaande discussies plaats. Het basisidee is dat we een container kunnen definiëren en vervolgens stijlen voorwaardelijk kunnen toepassen op zijn afstammelingen op basis van de berekende stijl. @container <name>? <conditions> { /* conditional styles */ } Het beste voorbeeld dat ik tot nu toe heb gezien, is het verwijderen van cursief uit iets als <em> , <i> en <q> wanneer ze worden gebruikt in een context waarin de inhoud al cursief is: em, i, q { font-style: italic; /* default UA behavior */ } /* When the container's font-style is italic, remove italics from these elements. */ @container style(font-style: italic) { em, i, q { font-style: normal; } } Dat is het algemene idee. Maar als je het nog niet wist, Miriam Suzanne, die
Op zoek naar uitstekende multifunctionele WordPress-thema's? Lees dit
Als het gaat om het bouwen van websites, is er waarschijnlijk enige waarheid in het gezegde dat je zo goed bent als de tools die je hebt. Ontwerpervaring en het vermogen om code te schrijven kunnen enkele tekortkomingen goedmaken. Maar wat u echt wilt, is een WordPress-thema waarmee u niet alleen uitstekend werk kunt leveren, maar waarmee u ook snel en gemakkelijk websites kunt bouwen. Er zijn goede multifunctionele thema's en minder goede multifunctionele thema's. U wilt zeker voorkomen dat u een van de laatste kiest. Hoe kun je onderscheid maken tussen goed en minder goed als je geen tijd hebt om uitgebreid onderzoek te doen? En welke aanpak kunt u kiezen als u vastbesloten bent te investeren in een thema dat u alle flexibiliteit geeft die u ooit nodig zult hebben. Thema waarmee je jezelf door het bouwproces kunt loodsen. Diegene die u een eindresultaat geeft dat precies is wat u verwacht, of wat uw klant eist – of beter? Je kunt altijd de verkopen, beoordelingen en recensies van
3 essentiële designtrends, december 2022
Nu we de laatste maand van 2022 ingaan, zijn er nog steeds tal van nieuwe ideeën en trends op het gebied van website-ontwerp. De evolutie doorheen het jaar was opwindend en ontworpen om ontwerpers en ontwikkelaars van websites te helpen meer betrokkenheid en interactiviteit te creëren terwijl ze de grenzen verlegden. Deze trends zijn geen uitzondering. Dit is trending in design deze maand. 1. Inspiratie voor videogames Die ruimte waar realiteit en virtual reality samenvloeien, is populair voor het ontwerpen van websites. Trending zijn ontwerpelementen en thema's met een pseudo-videogamestijl die er interactief, enigszins echt en fantasierijk uitziet. Deze websites kunnen verschillende looks en thema's hebben, maar hebben een paar belangrijke elementen gemeen: Veel animatie Interactieve elementen, echt of waargenomen Snelle beweging die de gebruiker in scène zet "Onwerkelijke elementen" zoals de vleermuisschedel voor Mythical Games Donkere kleurenschema's Ontbreken vaak traditionele
Alleen vandaag! 8 beste Cyber Monday 2022-deals voor ontwerpers en bureaus
Een van meer van deze 8 Cyber Monday-deals kan u dit jaar, volgend jaar en daarna een solide rendement op uw investering opleveren. Als u een website-ontwerper of -ontwikkelaar bent, weet u hoeveel zelfs een kleine verbetering in een product kan blijven opleveren in termen van rendement op uw investering. En als die verbetering een grote is, des te beter. Dat is precies wat de volgende Cyber Monday-producten voor u, uw websites of uw bedrijf kunnen doen. In sommige gevallen kan die ROI inderdaad heel groot zijn! Er is een grote verscheidenheid aan speciale kortingen te krijgen. Maar als je ze allemaal probeert te bekijken, kan Cybermaandag komen en gaan voordat je de kans hebt om een keuze te maken. We willen niet dat jou dat overkomt. Daarom hebben we het meeste werk voor je gedaan door 8 aanbiedingen samen te brengen waarvan we denken dat ze net zo aantrekkelijk zijn als waar dan ook. Veel winkelplezier! Het opnemen van een aantrekkelijke, responsieve en gemakkelijk te
De nieuwe beperkte lay-out gebruiken in WordPress-blokthema's | CSS-trucs
Een van de hoofddoelen van de WordPress Site Editor (en ja, dat is nu de "Officiele naam ) is om de basisstijl van blokken te verplaatsen CSS naar gestructureerde JSON . JSON-bestanden zijn machinaal leesbaar, waardoor ze kunnen worden gebruikt door de op JavaScript gebaseerde Site Editor voor het rechtstreeks in WordPress configureren van de globale stijlen van een thema. Het is nog niet helemaal zover! Als we kijken naar het Twenty Twenty-Two (TT2) standaardthema, waren er twee belangrijke onopgeloste problemen: styling interacties (Leuk vinden :hover , :active , :focus ), en de marges en opvulling van lay-outcontainers . Je kunt zien hoe die tijdelijk werden opgelost in de TT2 style.css bestand in plaats van het in de theme.json het dossier. WordPress 6.1 loste die problemen op en wat ik wil doen is specifiek naar de laatste kijken. Nu we JSON-gebaseerde stijlen hebben voor de marges en opvulling van lay-outcontainers, opent dat ons voor flexibelere en robuustere manieren om
15 populaire tools en bronnen die ontwerpers in 2022 zullen gebruiken
Webontwerpers worden over het algemeen efficiënter in wat ze doen naarmate ze meer ervaring opdoen. Deze verbeterde efficiëntie bespaart tijd en resulteert doorgaans in eindproducten van hogere kwaliteit. Zorgvuldig gekozen ontwerptools en middelen kunnen vrijwel hetzelfde effect hebben. Dat ze webdesigners in staat stellen meer te bereiken in kortere tijd. Het toevoegen van hun algehele competentie en het toevoegen van waarde voor hun klanten. Of u nu op zoek bent naar een tool of een hulpmiddel, u wilt er een die bijdraagt aan uw ontwerpopties (flexibiliteit). Ook eentje die je werk tegelijkertijd makkelijker maakt. Dat is precies wat deze top 15 tools en bronnen voor ontwerpers met elkaar gemeen hebben. Gebruik een of meer van hen terwijl je je een weg baant door je projecten in 2022. Dan kun je in een bepaalde tijd meer verwachten en het beter doen. Be – Het grootste WordPress- en portfolio WordPress-thema Laten we beginnen met de meer dan 650 vooraf gebouwde websites van