- Видео 48
- Просмотров 24 341
Cut the Code
Нидерланды
Добавлен 23 мар 2021
Wij zijn Cut the Code, de eerst no-code agency van Nederland en oprichters van de eerste en grootste No-Code Community van Nederland.
Cut the Code is er voor de designers, de developers en de digital savvy’s die willen ontwerpen en ontwikkelen. Zonder gezeik, maar met de beste no-code tools.
Op ons RUclips-kanaal updaten we je in no-time over de no-code wereld, met heldere break downs, live builds, toptips, verse inzichten, portfolio reviews en antwoorden op de vragen waar jij mee zit.
We houden de laatste trends in de gaten, verzamelen nieuws en delen dit alles via ons RUclips-kanaal én socials.
Join de No-Code Community en Cut the Code!
Cut the Code is er voor de designers, de developers en de digital savvy’s die willen ontwerpen en ontwikkelen. Zonder gezeik, maar met de beste no-code tools.
Op ons RUclips-kanaal updaten we je in no-time over de no-code wereld, met heldere break downs, live builds, toptips, verse inzichten, portfolio reviews en antwoorden op de vragen waar jij mee zit.
We houden de laatste trends in de gaten, verzamelen nieuws en delen dit alles via ons RUclips-kanaal én socials.
Join de No-Code Community en Cut the Code!
#10 Custom Buttons maken in Webflow binnen het MAST framework • Van Idee tot No-Code Platform!
Er zijn honderden manieren om buttons te maken in Webflow, maar welke aanpak werkt écht goed? In deze video laat Erwin je stap voor stap zien hoe je een button bouwt die perfect past binnen een design system. Dit is een uiterst gedetailleerde tutorial waarin we werken met het MAST Framework van Webflow. Dit en meer leer je in de tiende video van de serie: Van Idee tot No-Code Platform!
- - -
🧡 Join 1.200+ Nederlandse No-Coders:
www.nocodecommunity.nl/
#nocode #nocodeplatform #nocodedevelopment #webflow #webflownederland
- - -
🧡 Join 1.200+ Nederlandse No-Coders:
www.nocodecommunity.nl/
#nocode #nocodeplatform #nocodedevelopment #webflow #webflownederland
Просмотров: 105
Видео
#9 Zo sturen wij op waarde inplaats van proces • Van Idee tot No-Code Platform!
Просмотров 132Месяц назад
Met behulp van milestones creëer je sneller waarden voor jouw klant. Dit is een secret ingrediënt bij Cut the Code. Daarom leg ik je in deze video uit wat milestones zijn, hoe wij deze bepaald hebben voor het no-code platform en hoe je dit zelf kunt doen, en wat de volgorde van deze milestones bepaald. Want op welke milestone ga je jezelf focussen wanneer de eerste MVP live is? Dit allemaal en ...
#8 Wireframes voor no-code designers • Van Idee tot No-Code Platform!
Просмотров 164Месяц назад
Leer hoe je de juiste wireframes maakt voor no-code oplossingen. De juiste fidelity toepassen in het opzetten van wireframes kan je enorm veel tijd besparen. In deze video leer ik je dan ook hoe wij wireframes opzetten, wetende dat je met interactie- en visuele limitaties te maken hebt van no-code tools zoals bijvoorbeeld Softr en Glide. 00:00 Intro 00:38 Wat is high & low fidelity? 04:25 Hoe b...
#7 Beginnen met Webflow en het MAST Framework • Van Idee tot No-Code Platform!
Просмотров 5242 месяца назад
#7 Beginnen met Webflow en het MAST Framework • Van Idee tot No-Code Platform!
#6 Tijd om de Homepage op te zetten met variabelen • Van Idee tot No-Code Platform!
Просмотров 2973 месяца назад
#6 Tijd om de Homepage op te zetten met variabelen • Van Idee tot No-Code Platform!
#5 De Kracht van Grids in No-Code • Van Idee tot No-Code Platform!
Просмотров 2123 месяца назад
#5 De Kracht van Grids in No-Code • Van Idee tot No-Code Platform!
#4 Dieper ingaan op features • Van Idee tot No-Code Platform!
Просмотров 1803 месяца назад
#4 Dieper ingaan op features • Van Idee tot No-Code Platform!
#3 Wat wordt de MVP? • Van Idee tot No-Code Platform!
Просмотров 3243 месяца назад
#3 Wat wordt de MVP? • Van Idee tot No-Code Platform!
#2 De juiste no-code tools kiezen • Van Idee tot No-Code Platform!
Просмотров 3843 месяца назад
#2 De juiste no-code tools kiezen • Van Idee tot No-Code Platform!
#1 Wat is het idee? • Van Idee tot No-Code Platform!
Просмотров 4953 месяца назад
#1 Wat is het idee? • Van Idee tot No-Code Platform!
Het allereerste no-code event van Nederland!
Просмотров 2972 года назад
Het allereerste no-code event van Nederland!
Linktree in Webflow automatiseren met Zapier | Cut the Code
Просмотров 5043 года назад
Linktree in Webflow automatiseren met Zapier | Cut the Code
Linktree maken in Webflow | Cut the Code
Просмотров 7493 года назад
Linktree maken in Webflow | Cut the Code
Geluid toevoegen aan button in Webflow | Cut the Code
Просмотров 3433 года назад
Geluid toevoegen aan button in Webflow | Cut the Code
Gemaskerde tekst animatie maken in Webflow | Cut the Code
Просмотров 5493 года назад
Gemaskerde tekst animatie maken in Webflow | Cut the Code
Custom hamburger-menu in Webflow | Cut the Code
Просмотров 9 тыс.3 года назад
Custom hamburger-menu in Webflow | Cut the Code
Zapier - Wat het is en hoe het werkt? | Cut the Code
Просмотров 3,1 тыс.3 года назад
Zapier - Wat het is en hoe het werkt? | Cut the Code
Gebruik een custom tekstselectie in Webflow | Cut the Code
Просмотров 2773 года назад
Gebruik een custom tekstselectie in Webflow | Cut the Code
Je website meertalig maken met Weglot | Cut the Code
Просмотров 4243 года назад
Je website meertalig maken met Weglot | Cut the Code
Paginatitel laten veranderen bij verlaten van een website in Webflow | Cut the Code
Просмотров 3073 года назад
Paginatitel laten veranderen bij verlaten van een website in Webflow | Cut the Code
Structureer je Webflow website efficiënt | Cut the Code
Просмотров 2 тыс.3 года назад
Structureer je Webflow website efficiënt | Cut the Code
Hoe je een magnetische button animatie maakt in Webflow | Cut the Code
Просмотров 7053 года назад
Hoe je een magnetische button animatie maakt in Webflow | Cut the Code
Danke well!
Geweldig video boss 🙌
Thanks Ahmed! 👊
Zou wel eens graag een video willen zien waar jullie een full build doen van Figma naar Webflow met het gebruik van MAST. Helaas geen enkele of zeer weinig tutorials over te vinden 🙏
Mee eens 😍
@@ahmedyahya3593 🙏
Hey Brent! In de volgende afleveringen gaan we bouwen in Webflow met behulp van het MAST framework vanuit Figma! 🙌 Ik ben erg benieuwd wat jullie er van vinden 🙏 alle vragen zijn welkom! - Erwin
@@cutthecode heerlijk, Erwin! Kijk ernaar uit 🫡
Geldt ook voor de webflow variables😎
Exact!! Goede toevoeging Derk 🤌
Top video! Is het ook goed om het framework van Relume te gebruiken als je veel gebruik maakt van Relume of raden jullie dan ook MAST aan?
Als je veel gebruikmaakt van Relume, is het zeker een goede keuze. Bij MAST gebruiken we af en toe Relume-componenten, maar we moeten dan vaak enkele classes aanpassen. We ervaren dat onze werkwijze niet altijd volledig aansluit bij de voorkeuren van het Relume-framework. Desondanks vinden we de methode erg interessant en raden we het zeker niet af.
Bedankt voor het compliment ❤️
Relume is gebaseerd op client first
@@angelogreeny Klopt helemaal!
Hele goeie video, Ik zit al klaar voor de volgende aflvering! Wil WebFlow graag leren maar vind het erg lastig en jullie leggen het heel fijn uit!
Ah tof zeg! We zijn 2,5 met vakantie momenteel maar komen daarna terug met een hoop nieuwe afleveringen over Webflow! Heb je specifiek nog vragen die ik voor je kan beantwoorden? - Erwin
Wat een geweldige video 🔥
Thanks! Leuk dat je dat even laat weten 🫶. Kijk je nog uit naar specifieke updates? Ik ben benieuwd hoe ik ze videos namelijk nog beter voor je kan maken. Let me know! - Jordy
Wat betreft die kleuren die enorm dicht bij elkaar liggen en het pipetje: Ik heb het idee dat Figma de kleuren niet altijd goed overneemt. Ik durf te wedden dat ze gewoon dezelfde kleuren overal hebben gebruikt haha. Toffe video weer! Ik kijk naar de volgende :)
Als het pipetje wat blurry wordt dan is Figma niet zou nauwkeurig meer inderdaad :'). Uiteindelijk had de Webflow build inderdaad wat minder variabelen 🔥. Leuk dat je de video zo waardeert Derk! Iets specifiek waar je benieuwd naar bent? - Jordy
Een waardevolle video! Thanks!
Dankjewel! Hopelijk was alles duidelijk. Mocht je nog meer willen weten, let me know! - Jordy
Dit is echt heel leerzaam! Tof hoe dit proces gaat.
Leuk om te horen dat je er zo enthousiast over bent Derk! Mocht je ergens vragen over hebben, je weet ons te vinden! - Jordy
Mooie opbouw en goeie logica . Wordt een mooi project. Kijk dan ook uit naar de vervolg video... Succes !
Dankjewel! We zijn zelf ook heel erg benieuwd naar de volgende stappen. Waar kijk je zelf het meest naar uit?
Tof plan ! Jullie spreken van een "community" ... Waar vind ik daar meer info over ? 'k Heb ZEKER interesse ! (ik ben een fullstack developer)
'k Heb ondertss zelf het antwoordje gevonden in Vid 02 :)
Aah top! Je kan inderdaad meer vinden op nocodecommunity.nl
Toffe video Erwin!
Thanks Ferdi ❤️ - Erwin
Jaa dit is top! 👏
❤️❤️
Waarom staat WordPress hier niet bij eigenlijk? Ieder zijn voorkeur, maar het is zeker een goede no-code tool om een dergelijk platform in te bouwen.
Hey, goede vraag! Ik zat even te twijfelen of ik een grote speler had gemist op 5:30...Natuurlijk, Elementor! Elementor is zeker een goede optie, maar omdat ik veel designvrijheid wil (ongelimiteerd), kies ik liever voor Webflow. Ik wil de website later misschien omzetten in een Web App. Webflow is dan ook een betere keuze, vooral omdat Wized daar perfect voor is gemaakt. Thanks voor je reactie! Scherp! - Erwin
Tof plan! Zien je spreadsheet apps ook als no code ;)
Thanks! En op het moment dat jij een concept kunt valideren of kunt ontwikkelen in een Spreadsheet app dat aansluit bij jou gebruiker, waarom niet?! Als Excel een esport kan zijn, dan kan het zeker een app builder zijn 🔥
Thank you so much! This was a very understandable video, even with dutch haha I could get everything with my English and German. Dankeviejl! (..oder so :D )
Haha, well done Brigitta!
Can't believe I managed to do it even tho I dont understand a word of Dutch :D Why dont you make english tutorials btw ?
Haha, awesome! Because we're currently focussing on Dutch and there are already a lot of English channels <3
Het lukt mij niet om media te vertalen (beelden met tekst vervangen voor vertaald beeld). Heb je hier misschien een fix voor?
Hé Mark! Helaas is dit niet mogelijk binnen Webflow binnen de standaard localization opties. Dit is wel mogelijk binnen Webflow Enterprise. Wat je zou kunnen doen is op basis van de LANG=NL/EN in de code de juiste asset laten zien of met geotargetly.com/ locatie specifieke content inladen.
@@cutthecode thx! Ik ga het checken
I followed what you did like for like and everything was great. but then I made an adjustment at the end, to basically move the nab bar and all it’s children into a section - call it hero - and adjusted the positioning from fixed to absolute so as not to scroll to every page. But now the interaction does not work at all…. 😢 help
ERWIN VAN KATTENCODE!!!!
Hey, zou je kunnen uitleggen hoe je dit zelfde menu laat sluiten wanneer je op een link klikt? Dit is namelijk een best essentieel onderdeel wat je niet benoemd. Heb dit geprobeerd met dezelfde hide/show animaties maar dan botst het met de andere trigger.
beautiful explanation
thanks!
This tutorial is so clear and easy to understand
Very helpful thanks 👉👉 I inserted the anchor link which worksfine , however when I click the home link the menu still visible that's happen in the menu 🤷
Vraagje. Kun je ook een zap maken die de uitkomst van een rekensom (vanuit een web formulier) opgenomen wordt in een pdf die dan gemaild wordt naar de inschrijver? Dus afhankelijk van de uitkomst (1-10, of 10-20 of 20-30) een andere pdf? Enig idee hoe je dit kan opzetten?
Dit kan met ‘conditions’ waaruit je bepaald welke waardes bepalen wat de de volgende stap moet worden.
Super nice Erwin, heel fijn uitgelegd. Groetjes uit Zwolle :)
Meer video’s!!
Hoi! ik gebruik voor zo'n layout een Grid met 2 kolommen ipv die row methode die jij gebruikt. Is er 1 van de 2 beter of kan het allebei net zo goed? Ik hoor het graag man! Groetjes, FinnDesign.
Hé Finn! 9 maanden geleden had ik je zeker de row methode met flexbox aanbevolen. Grids worden gelukkig steeds meer ondersteund door alle browsers. Daarom daar ik je nu aan om grids te gebruiken. Internet Explorer werkt niet goed met grids. Houdt daar wel rekening mee.
Hoi, zou het mogelijk zijn een video te maken wat betreft webflow en gdpr?
Goed idee! We gaan binnenkort weer video's maken en zullen dit idee onthouden!
Really great tutorial! Thanks!
Nice to hear! 🙌
Goeie video! Ik heb wel een vraagje over webflow. Ik maak een online store voor men bedrijf maar al de prijzen staan in dollar weet u toevallig hoe ik dat kan veranderen naar euro?
Pls, What font did you use in this project?
It's font Lunema!
Hey, klopt het dat je ingelogd moet zijn in je drive om het geluid te horen? Het werkt bij mij bijvoorbeeld niet in incognito. Is hier een omweg voor?
Hoi Hendrik! De audio files moet je op een cloud zetten. Wij gebruiken Google Drive. Het is inderdaad nodig om een account te hebben en ingelogd te zijn op Google Drive waar de bestanden kunnen worden opgeslagen. Zodra de koppeling is gelegd tussen het bestand en de website is het niet meer nodig om ingelogd te zijn in de Google Drive om het geluid te kunnen horen. De 'src' haalt gewoon het bestand op via de Google Drive server en zorgt met de interactie dat de audio wordt afgespeeld. Het afspelen kan ook gewoon in incognito.
Please add English content or at least add subtitles.
Thanks for your comment! Adding English subtitles is a good idea🙌
I don't speak Dutch but it's still very understandable how you set up your video. Great!
Good to hear! Nice🙌
Waar is de superlike?
Goede video! Wel benieuwd hoe gebruikers dit zullen ervaren 😅
Thanks Max! Geluid in een website moet natuurlijk wel passen bij de doelgroep en het product. Voorbeeldje: www.awwwards.com/inspiration/search?text=sound&type=submission Voor deze experiences is geluid natuurlijk heel tof maar dat is lang niet voor elke website een goede optie. :) - Erwin
Top video ❤️
Tof! Ga de tool checken! Hey Erwin, is het een idee om een tutorial te maken over de mogelijkheden van audio in Webflow? Zou zeker iets zijn waar ik meer over wil weten en waar momenteel weinig goede voorbeelden van zijn. Thnx!
Ha Fabian! Greaaaat idea! Met native Webflow is er niet veel mogelijk met audio. Maar met een beetje jQuery kunnen we een hoop. Daar ga ik een video over maken 🙌🏼 Thanks voor je reactie ✌🏼
Leuk concept, er is nog weinig Nederlandse content omtrent no-code. Ik denk dat Udesly ook wel zal aanslaan bij jullie doelgroep. Succes 🤙
Thanks, leuk om te horen! Udesly gebruiken we zelf ook dus hier kunnen we zeker een video over maken!
Jessus wat lekker 🔥🤟🏼
Hi guys, leuke video! Wel een paar kanttekeningen: Je gebruikt een classname 'section', waarom niet de 'TAG' op Section? En dan een omschrijvende classname? Je zet dan ALLEEN de styling erin die je zal gaan hergebruiken, en maakt meteen voor de eerste section een combo-class aan voor de unieke styling. Bij de tweede section haal je die combo class weg, maak je de nieuwe combo class, en geef je die de volgende unieke styling. In jouw geval had ik dus de body background neutraal gelaten, je section class alle padding, marges etc gegeven, vervolgens een combo class PURPLE gegeven voor de background. Daarna je 2e section een combo class met GREEN gemaakt en de bgcolor aangepast. Alleen zo hou je het overzichtelijk, zeker voor als je hierna nog meerdere secties zou gaan maken, met unieke, of terugkomende achtergrondkleuren. Overigens kun je wél gewoon de max-width van de native container element aangeven, je kunt dus gewoon het container element gebruiken ipv een divblock. Hoewel het idd niet heel veel uitmaakt, zorgt Webflow er wel voor dat je niet een container element in een container element kan nesten, en dat houdt je project ook gestructureerd. Als je div blocks gebruikt als main container zou je dat (per ongeluk) wel kunnen doen. Verder kun je in Webflow het beste gewoon spaties in je class names gebruiken. (Als je een template voor Webflow maakt verwachten ze dat zelfs) Dat houdt het lekker overzichtelijk en past heel erg in de 'no-code' sferen. Webflow voegt er zelf in de code-export dashes aan toe. Maar goed, da's een persoonlijke keuze :)
Ha Niels! Thanks voor je uitgebreide en kritische reactie! Daar houden wij van! Ik doe een 'section' class op de sections omdat ik dit overzichtelijk vind in de layers panel. Maar wat je zegt is wel helemaal waar hoor! Ieder zo zijn voorkeur. Ik ga het nog wel een keer proberen op jouw manier. Thanks! Deze video is een maand geleden opgenomen. Klopt inderdaad dat het nu wél mogelijk is om een container class in te stellen op max-width. Was de afgelopen jaren niet mogelijk en ik kwam hier drie weekjes terug pas achter. Dit doen wij dus voortaan ook. :) Dit kan ik helaas dit meer aanpassen in de video. :( Dashes in de class names doen wij bewust op deze manier. Wij werken regelmatig met custom code. Zo kunnen we makkelijker copy/pasten met classes en is het niet nodig om dashes toe te voegen. Daarbij maken we gebruik van de BEM-method voor class naming. Zo zijn __ elements, --modifiers en is een class zonder dashes een component. Nogmaals, thanks voor je reactie! Wordt gewaardeerd!
@@cutthecode Duidelijk! Ik had de eerste keer trouwens niet helemaal tot het einde gekeken, ik zag net pas dat je uiteindelijk wel de html tags veranderd, dus mijn comment was niet volledig terecht :) Ik heb nog wel een opmerking over hoe je BEM gebruikt, maar dat kan ook wel een keertje in een privé bericht als je eens wilt sparren :) Ik ben jullie op IG gaan volgen met m'n NDsigned.web account !
Jaa, sure! Slide de DM maar in en dan gaan we sparren. 🌲 Altijd goed om elkaar te verbeteren, right?
Heel tof dat je dit kanaal bent gestart! Misschien een leuk ideetje voor een volgende video: Er zijn verschillende manieren om een multi step form te maken in Webflow. Ben benieuwd hoe jij dat zou doen en is denk ik erg waardevol voor de Webflow community aangezien forms vaak worden gebruikt als de CTA. Succes! 👍🏼
Hé Jordi! Tof idee! Hebben we al vaak ontwikkeld dus daar kunnen we zeker een video over maken! Dank! 🙌🏼
Nice!
Awesome! 🙏🏼