Lunagang - Forum

i k0nijn i schreef:Ja, die had ik ook gevonden, maar een source van 2007 leek me niet ideaal. :")

Zal het eens lezen, thanks!

Whisperer schreef:

i k0nijn i schreef:Ja, die had ik ook gevonden, maar een source van 2007 leek me niet ideaal. :")

Zal het eens lezen, thanks!

Litmus en CampaignMonitor hebben een hoop interessante artikelen en ook templates die je kan gebruiken.
Ook heeft Zurb tegenwoordig Foundation for emails.

http://litmus.com/resources
https://www.campaignmonitor.com/
http://foundation.zurb.com/emails/email-templates.html

Armajail schreef:Hey,

Ik ben bezig met een tutorial-website op te maken, maar... probeer maar eens te zeggen dat je bv " <div id="container"></div> " moet intikken.
De website is helemaal in html, dus als ik in mijn tekst zet dat je bovenstaande moet intikken, zal de website meteen de div oproepen ipv de div-tekst te tonen.
Is er een manier waarop je kan voorkomen dat de website de div-tag niet oproept, maar enkel die text toont ?
Geen echt idee hoe ik dit moet intikken op google....
Thx

<code><div id="container"></div></code>

• Ik vind de breedte van je leestekst prima, maar het geheel geeft wel nogal het gevoel dat je veel ruimte weggeeft en alles wat op elkaar duwt. Ik zou die sections wat breder maken, maar je content zelf even breed houden.
• Die opsomming met iconen kan op zich geen kwaad, maar die zou ik omzetten naar iets minder kleurrijk. Nu voelt dat echt aan als een kleurboek voor mij. Allemaal in het blauw-groen van je header zou kunnen, of in het zwart. Of in verschillende kleuren per sectie, dat zou je ook nog kunnen doen.
• Fijn font om te lezen, imo, maar voor je naam mag het wel wat meer karakter hebben, vind ik. Het voelt wat gewoontjes aan.
• Aangezien je met een one-pager werkt met anchors als menu, zou ik kijken naar een scroll-animation als je het menu gebruikt.
• Mobile ziet er goed uit. Wat mij stoort is dat je menu niet automatisch sluit als je een button gebruikt hebt.

Armajail schreef:Op zich al mooi

Eerste tip: Als ik met de muis over de verschillende knoppen ga, blijft het een handje met vinger.
Ertussen is er ook het handje met vinger. Controleer ofwel dat je enkel de tekst in a href zet.
ofwel kan je per knop, als je erover gaat, een andere kleur geven.

Armajail schreef:Op zich al mooi

Eerste tip: Als ik met de muis over de verschillende knoppen ga, blijft het een handje met vinger.
Ertussen is er ook het handje met vinger. Controleer ofwel dat je enkel de tekst in a href zet.
ofwel kan je per knop, als je erover gaat, een andere kleur geven.

Mooi responsive Maar ook hierbij het menu nog een kleine tip. Zet in de lijst de mogelijkheid om het menu ook terug te sluiten.

Other than that, good job

i k0nijn i schreef:

• Ik vind de breedte van je leestekst prima, maar het geheel geeft wel nogal het gevoel dat je veel ruimte weggeeft en alles wat op elkaar duwt. Ik zou die sections wat breder maken, maar je content zelf even breed houden.
• Die opsomming met iconen kan op zich geen kwaad, maar die zou ik omzetten naar iets minder kleurrijk. Nu voelt dat echt aan als een kleurboek voor mij. Allemaal in het blauw-groen van je header zou kunnen, of in het zwart. Of in verschillende kleuren per sectie, dat zou je ook nog kunnen doen.
• Fijn font om te lezen, imo, maar voor je naam mag het wel wat meer karakter hebben, vind ik. Het voelt wat gewoontjes aan.
• Aangezien je met een one-pager werkt met anchors als menu, zou ik kijken naar een scroll-animation als je het menu gebruikt.
• Mobile ziet er goed uit. Wat mij stoort is dat je menu niet automatisch sluit als je een button gebruikt hebt.

--snip--

• Ik heb nu de cards een padding gegeven van 4em aan beide zijden op resoluties > 768px breed dat ziet er wel prima uit denk ik
• Ik vond het juist wel leuk met alle kleurtjes zo maar ik zal is kijken of ik er wat aan kan veranderen, zo had ik een ander portfolio gezien die bijvoorbeeld gewoon chips gebruikte wat een stuk minder ruimte inneemt maar er wel gewoon prima uitziet
• Hmm ik ben niet echt een design iemand maar ik snap wat je bedoeld, hoe zou jij het aanpassen om het er beter uit te laten zien?
• Daar ga ik even naar kijken nu
• Dat is opgelost

• Zet via CSS de scroll-behavior property van je container op smooth

  Code: Selecteer alles

  main.mdl-layout__content {
    scroll-behavior: smooth;
  }

• Voeg een event listener aan je links toe die de volgende functie uitvoert

  Code: Selecteer alles

  /**
   * Scroll the page content to the target of the clicked link
   * @param {MouseEvent} e the {MouseEvent} send by the listener
   */
  const scrollToElement = e => {
    e.preventDefault();
    const target = document.querySelector(e.target.hash);
    main.scrollTo(0, target.offsetTop);  // Main is je container waar je ook de scroll-behavior css property op deed
  };
  
  // --SNIP-- //
  
  // Add a scroll animation to the top navigation buttons
  const topNavbar = document.querySelector('nav.mdl-navigation.mdl-layout--large-screen-only');
  for (let link of topNavbar.querySelectorAll('a.mdl-navigation__link')) {
    link.addEventListener('click', scrollToElement);
  }
  

i k0nijn i schreef:Die icons zijn natuurlijk maar een mening, hè. Als jij er tevreden mee bent, is dat het belangrijkste. Ik wilde gewoon een extra invalshoek bieden, aangezien het lastig kan zijn om weg te stappen van iets dat je in je hoofd hebt gehad voor een tijd en uiteindelijk zo gewend bent geraakt door ermee bezig te zijn.

Je moet je font natuurlijk niet wijzigen voor je hele site, dat zou ik zeker niet doen. Het is gewoon je naam die er wat bijstaat, bijna alsof het achteraf pas een keuze was. Ik zou het meer bekijken als een persoonlijk logo dan gewoon je naam die op de website staat. Genoeg mogelijkheden om het text-only te houden.

In- of uitklappen • favicon