Jump to content

Lyndsey

Privileged
  • Posts

    1,053
  • Joined

  • Last visited

  • Days Won

    1

Lyndsey last won the day on January 16 2020

Lyndsey had the most liked content!

About Lyndsey

  • Birthday 09/21/1986

Users Experience

  • Experience
    Intermediate
  • Area of Expertise
    Web Developer

Contact Methods

  • Website URL
    http://lyndseyb.co.uk

Profile Information

  • Gender
    Female
  • Location
    South Wales
  • Interests
    Javascript

Recent Profile Visitors

17,012 profile views

Lyndsey's Achievements

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

    1. BrowserBugs

      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

      Jack

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

    3. Lyndsey

      Lyndsey

      Thanks guys!

  2. 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. 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. 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. 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.
  10. Hi Lee, Welcome to the forum. Feel free to ask any questions
  11. Lyndsey

    Learn ES6

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

    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)
×
×
  • Create New...