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,011 profile views
  1. General JavaScript

    I assume that tree shaking with Webpack 2.0 would handle unused polyfills since they are individually exported modules?
  2. 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.
  3. 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.
  4. 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.
  5. HTML5 pedantry

    I think self-closing tags are more readable.
  6. 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/
  7. 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.
  8. 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.
  9. Learn ES6

    I'll check that out!
  10. Hey everyone

    Hi Lee, Welcome to the forum. Feel free to ask any questions
  11. Learn ES6

    FreeCodeCamp is good, and it's free. You'll find lots of content there
  12. 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.
  13. Learn ES6

    es6 is JavaScript. It's an update to the language. Personally, I'd start learning the fundamentals of JavaScript: Types / Primitives Conditionals Loops Arrays (in particular array methods such as forEach, map, filter, reduce, every. Mozilla Developer Network is a great resource) Functions Scope etc You can learn all of the above using resources such as Treehouse, Codeschool, Codecademy, FreeCodeCamp, plus many others. You'll also find some of these links useful: https://github.com/lukehoban/es6features https://github.com/addyosmani/es6-equivalents-in-es5 https://es6.io/ (paid course. I wouldn't do this unless you're comfortable with JavaScript fundamentals)
  14. General JavaScript

    The documentation is easy to follow, which helps. Also, I've been finding the test-first approach OK so far. Writing the test before the implementation means I'm writing less code and it's so much nicer to read. Although, I'm not sure if this is more related to functional programming as I've recently been learning a lot about it and have been trying to implement the methodologies as much as possible. JavaScript is so awesome right now, though!