Tommy Hodgins

@innovati

designer • educator • creator of EQCSS • author of • makes plugins • husband to • frontend dev for

Toronto
ನವೆಂಬರ್ 2007 ಸಮಯದಲ್ಲಿ ಸೇರಿದ್ದಾರೆ

ಟ್ವೀಟ್‌ಗಳು

ನೀವು @innovati ಅವರನ್ನು ತಡೆಹಿಡಿದಿರುವಿರಿ

ಈ ಟ್ವೀಟ್‌ಗಳನ್ನು ವೀಕ್ಷಿಸಲು ನೀವು ಖಚಿತವಾಗಿ ಬಯಸುವಿರಾ? ಟ್ವೀಟ್ ವೀಕ್ಷಣೆಯು @innovati ಅವರ ತಡೆತೆರವುಗೊಳಿಸುವುದಿಲ್ಲ

  1. ಪಿನ್ ಮಾಡಿದ ಟ್ವೀಟ್
    ನವೆಂ 25,2017
  2. ಅವರು ಮರುಟ್ವೀಟಿಸಿದ್ದಾರೆ
    ಡಿಸೆಂ 30,2017

    Mr. considers what Element Queries might look like in CSS:

  3. ಡಿಸೆಂ 31,2017

    - Josh Manders: your ingenuity and perseverance are qualities I need more of in my life! Thanks for sharing so openly, you're a true inspiration cc

    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
  4. ಡಿಸೆಂ 31,2017

    - Jahan Addison: your patience and encouragement are a big help, you're the best autodidact I know and an inspiration that keeps the flame of learning alive cc

    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
  5. ಡಿಸೆಂ 31,2017

    - Ben Briggs: your generosity and technical expertise have made a huge impact on how people all around the world approach CSS, thank you cc

    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
  6. ಡಿಸೆಂ 31,2017

    - Jonathan Neal: your cheerful attitude and eagerness to help are amazing, I have a chance to see the work you do help developers every single day cc

    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
  7. ಡಿಸೆಂ 31,2017

    - Brian Kardell: your deep insight into the web platform, and how to extend it without breaking things has been a guide and inspiration for me this past year cc

    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
  8. ಡಿಸೆಂ 31,2017

    As 2017 comes to a close I want to thank a few people who have made a big impact on how my year unfolded. There are many more, but these folks I haven't found the proper time or place to thank yet:

    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
  9. ಡಿಸೆಂ 30,2017

    Having a bit of fun on this new iPad Mrs Claus got me for Christmas 🤶💕 You can play around with container queries, and 22 more JS-in-CSS plugins at

    Adding container queries for these DIV elements
    Previewing the HTML with container queries applied
  10. ಡಿಸೆಂ 30,2017

    Today I converted 3 EQCSS demos into the syntax Qompile uses…it still feels like ✨magic✨ writing container queries and ending up with native CSS media queries—I can't wait to experiment more! 😃

  11. ಡಿಸೆಂ 29,2017

    🤔💭 Trying to explore how events could be specified when writing Element Queries in CSS and it occurred to me that: - Resize Observer - Mutation Observer - Intersection Observer cover all of the conditions I want to test against:

  12. ಡಿಸೆಂ 29,2017

    Wow! It's a real honour to be a part of such a great community of web developers. Hashnode is probably THE friendliest place online for a beginner to ask questions. Looking forward exploring 2018 with you all! 😁🙌😄

  13. ಡಿಸೆಂ 27,2017

    Now do I have to change all my plugins and stylesheets from to :self? 🤔💭🏅

  14. ಡಿಸೆಂ 27,2017

    Thoughts on a Syntax for Element Queries for HTML, CSS, and JavaScript:

  15. ಡಿಸೆಂ 27,2017

    Peeking over the master's shoulder while he's at the workbench! 👀

  16. ಡಿಸೆಂ 25,2017

    Now that is complete I can't wait to get back to my usual tweets about CSS 😂

  17. ಡಿಸೆಂ 24,2017

    For more information about the JS-in-CSS stylesheet format check here: For more ideas about how to write inside JS-in-CSS stylesheets, check here: And for more Qompile demos, check here:

    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
  18. ಡಿಸೆಂ 24,2017

    Qompile v1 is out today, grab it from Github or npm and you can start playing around with this technique today! - download on npm:

    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
  19. ಡಿಸೆಂ 24,2017

    Potential uses for compiling Container Queries to vanilla CSS: - native CSS fallback for a JS runtime - served alongside a JS runtime to help get to first paint (before the JS plugin has had a chance to kick in) - can be used for element queries on non-dynamic HTML too

    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
  20. ಡಿಸೆಂ 24,2017

    As the compiler changes the width of the headless web browser, it will make all of the necessary changes to the DOM, as well as record the resulting CSS that needs to be generated to recreate the same layout, and then wraps the output in CSS media queries.

    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
  21. ಡಿಸೆಂ 24,2017

    The next step is where the magic happens! Once you're ready to compile, you can run the compiler and it will render the page in a headless web browser at various widths and record the results: - Example compiled output:

    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ

ಲೋಡಿಂಗ್ ಸಮಯ ಸ್ವಲ್ಪ ತೆಗೆದುಕೊಳ್ಳುತ್ತಿರುವಂತೆನಿಸುತ್ತದೆ.

Twitter ಸಾಮರ್ಥ್ಯ ಮೀರಿರಬಹುದು ಅಥವಾ ಕ್ಷಣಿಕವಾದ ತೊಂದರೆಯನ್ನು ಅನುಭವಿಸುತ್ತಿರಬಹುದು. ಮತ್ತೆ ಪ್ರಯತ್ನಿಸಿ ಅಥವಾ ಹೆಚ್ಚಿನ ಮಾಹಿತಿಗೆ Twitter ಸ್ಥಿತಿಗೆ ಭೇಟಿ ನೀಡಿ.

    ಇದನ್ನೂ ಸಹ ನೀವು ಇಷ್ಟಪಡಬಹುದು

    ·