• Friday , 13 October 2017

Custom Data Attributes HTML JavaScript CSS Tutorial

Code Canyon



Source: http://www.developphp.com/video/JavaScript/Custom-Data-Attributes-HTML-JavaScript-CSS-Tutorial
Learn to use custom data attributes. Custom data attributes allow authors to create custom data to apply to their HTML elements when no other attributes make sense to use to store extra data. They help extend the information that html elements can communicate to a program or script. Custom data attributes can be accessed through both JavaScript and CSS.

Original source

3d Ocean

Related Posts

26 Comments

  1. SeanzySmooth
    September 28, 2017 at 10:41

    So well made. Outstanding. The pacing is quick, but you learn so much.

  2. A Rivas
    September 28, 2017 at 10:41

    I hope you understand my english, It was an excelent and amazin example. I will learn more javascript code from your videos, I understood very well thanks a lot.

  3. Rombout Versluijs
    September 28, 2017 at 10:41

    Do you also have a example of this using it with jQuery?

  4. Brad
    September 28, 2017 at 10:41

    Intuitive! You explain all your videos better than anyone on youtube!

  5. Dilshad Marikar
    September 28, 2017 at 10:41

    Excellent

  6. Alexandros S.
    September 28, 2017 at 10:41

    Thanks a lot, i like your videos very much.

  7. Rodrigo Araujo Lima
    September 28, 2017 at 10:41

    nice!

  8. Angelo Guilherme Weiss
    September 28, 2017 at 10:41

    awesome!

  9. pronob roy
    September 28, 2017 at 10:41

    (data-rocket-distance) is this rocket a fix dataset ?

  10. Haitham Basim
    September 28, 2017 at 10:41

    thanks man ,great  tutorial :*

  11. Stephan Stanisic
    September 28, 2017 at 10:41

    Wow, that it is so easy. Didn't knew that. Thanks a lot!

  12. TheValocity
    September 28, 2017 at 10:41

    hello,Adam. do you think you can show how to script dropdown list with java, Ex: B, drop down list only show option when dropdown list option A is selected.Thanks for great videos.

  13. Alessandro Salzo
    September 28, 2017 at 10:41

    Hey Adam, nice tutorial.

    I was wondering, if you could do a video showing how to make a login script and display hidden content just for logged users.

  14. m Lops
    September 28, 2017 at 10:41

    you are great .. thanks a lot

  15. James Gachago
    September 28, 2017 at 10:41

    Thank you.

  16. Peter M. Souza Jr.
    September 28, 2017 at 10:41

    whaaaaaaaat

  17. Hamza A
    September 28, 2017 at 10:41

    what text editor are you using

  18. Phillip Drake
    September 28, 2017 at 10:41

    Thank you, Adam!  Great video!

  19. 谢森正一
    September 28, 2017 at 10:41

    any difference between this and jquery attr?~

  20. Noah Nobody
    September 28, 2017 at 10:41

    Wow, that's sweet. I never never thought of using data-* for animation. Thanks, Adam.

    I wonder what processing power cost is like on those animations. I'll have to google it and find out how to measure it.

  21. MrShawnlloyd
    September 28, 2017 at 10:41

    Great example of this !

  22. FireVulpez
    September 28, 2017 at 10:41

    Love the pace of these and how you explain everything in a good amount of detail. I wish you did .NET videos as well xD

  23. mynameiskranz
    September 28, 2017 at 10:41

    wow amazing! always new knowledge for me! THANKS A LOT!!

  24. Cizzbar
    September 28, 2017 at 10:41

    as always: you are my hero…the one and only. thank you for your guidance.

  25. sdhpCH
    September 28, 2017 at 10:41

    Just for inspiration to the viewers: Another good use of the data-attribute that I tend use very often is in a table that is fed off a database. If you attach for example data-id to the table row tag you can access the id of the mysql-entry – which is very helpful if you want to place a edit or delete button which then affects only a certain row within the table… Nice video again. Sir Adam… 🙂

  26. Naziru Adam
    September 28, 2017 at 10:41

    Hey Adam. I've always wanted to be the first to watch one of your videos and give you a thumb up, and I think I'm lucky today. A BIG THUMB UP!!!

Leave A Comment

You must be logged in to post a comment.