Jump to content


  • Content Count

  • Joined

  • Last visited

About Lyndsey

  • Rank
    Web Guru
  • Birthday 09/21/1986

Users Experience

  • Experience
  • Area of Expertise
    Web Developer

Contact Methods

  • Website URL

Profile Information

  • Gender
  • Location
    South Wales
  • Interests

Recent Profile Visitors

16,225 profile views
  1. Are there any good acessibility resources out there, other than MDN and A11y?

    1. BrowserBugs


      Depends what accessibility you're needing to test, I've never found a "checks all" tool. I've been recently playing with http://colorsafe.co/ to see how hard (or ugly) it takes for AA or AAA WCAG Standards :)

    2. Jack


      There's a course on Frontend Masters if you have an account

    3. Lyndsey


      Thanks guys!

  2. Lyndsey

    Identify Input ID

    You can target the input by something other than an ID, e.g. a class or data-* attribute that will likely not be dynamic.
  3. Lyndsey

    General JavaScript

    I assume that tree shaking with Webpack 2.0 would handle unused polyfills since they are individually exported modules?
  4. Lyndsey

    HTML5 pedantry

    I've recently been using Prettier - ESLint for Visual Studio Code and seeing it format old/legacy code based on my current lint settings is so nice. It helped me find a bug recently when a page wouldn't work in Internet Explorer and IE wasn't giving much in terms of debugging. Prettied it up and noticed that it removed a trailing comma. It's a great tool.
  5. Lyndsey

    HTML5 pedantry

    An end-tag is different to a self-closing tag. An end tag requires a parent opening tag e.g. a div, ul, p etc. Self-closing tags don't need an opening or closing tag e.g. br, input, meta.
  6. Lyndsey

    HTML5 pedantry

    Sorry, I should have been more clear. I prefer self-closing tags e.g. <input type="number" /> As I find them more readable and the HTML is easier to scan. However, Robert is right and they are not required in HTML 5.
  7. Lyndsey

    HTML5 pedantry

    I think self-closing tags are more readable.
  8. Lyndsey

    input[type="radio"]:checked + span Styling Issue

    You can use data-* attributes to achieve this in a much more compact way. This is an example: <!-- data-ref corresponds to the target form to be displayed --> <input id="windowFront" class="js-radio-button" name="window" value="Front" type="radio" data-form="#damageChips"> <!-- target form to be displayed when the radio is changed --> <div id="damageChips" class="form-section js-form-section"> ... </div> // jQuery var $radioButtons = $('.js-radio-button'); var $forms = $('.js-form-section'); $radioButtons.change(function() { var $this = $(this); var targetForm = $this.data('form'); $forms.hide(); $(targetForm).show(); }); Fiddle demo: https://jsfiddle.net/usjoL467/4/
  9. GitHub provides unlimited private repositories now for about £7 per month (or thereabouts). I think it's a great price. Plus I like to keep my repositories in one place.
  10. Lyndsey

    Learn ES6

    You may want to check out the 'Let's Learn ES6' video series. I have the book version, too, which you can find here.
  11. Lyndsey

    Learn ES6

    I'll check that out!
  12. Lyndsey

    Hey everyone

    Hi Lee, Welcome to the forum. Feel free to ask any questions
  13. Lyndsey

    Learn ES6

    FreeCodeCamp is good, and it's free. You'll find lots of content there
  14. Lyndsey

    Learn ES6

    This is true and it is the reason I'd learn the fundamentals first, in particular es5's Array methods which are used heavily. I'd also learn functions, scope and how callbacks work before attempting es6.io.