Tommy Ho-Ho-Hodgins

@innovati

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

Toronto
tomhodgins.com
ನವೆಂಬರ್ 2007 ಸಮಯದಲ್ಲಿ ಸೇರಿದ್ದಾರೆ
482 ಫೋಟೋಗಳು ಅಥವಾ ವೀಡಿಯೋಗಳು ಫೋಟೋಗಳು ಮತ್ತು ವೀಡಿಯೋಗಳು

ಟ್ವೀಟ್‌ಗಳು

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

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

  1. ಪಿನ್ ಮಾಡಿದ ಟ್ವೀಟ್
    ನವೆಂ 25

    A few different syntaxes for expressing element queries in CSS: QSS: Selectory: reproCSS: EQCSS: JS-in-CSS:

    7 replies 116 ಮರುಟ್ವೀಟಿಸುವಿಕೆಗಳು 392ಇಷ್ಟಗಳು
  2. 4 ಗಂಟೆಗಳ ಹಿಂದೆ

    Day 15/25 ☃️ Add JavaScript tests to CSS selectors to determine if a style should apply with Selectory - plugin: - demo: - test ideas:

    Setting JavaScript tests inside CSS attribute selectors to style elements based on their own width, number of characters of text, number of child elements, and whether or not they contain specific elements or not
    1 ಮರುಟ್ವೀಟಿಸುವಿಕೆ
    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
  3. ಅವರು ಮರುಟ್ವೀಟಿಸಿದ್ದಾರೆ
    21 ಗಂಟೆಗಳ ಹಿಂದೆ

    A quick "Talking Face" doodle in < 100 characters: setInterval(_=>{ document.body.innerHTML = "<h1>" + [ ..."😮😀😁😐😑😬" ][new Date%6] }, 99) Demo:

    10 replies 146 ಮರುಟ್ವೀಟಿಸುವಿಕೆಗಳು 417ಇಷ್ಟಗಳು
    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
  4. ಡಿಸೆಂ 14

    Day 14/25 🤶 Use XPath selectors to target elements with CSS styles with XPath Selector Mixin - plugin: - demo:

    Using XPath to select elements by a tag name, class, text content, a child it contains, by comparing its attribute value as a number, and by counting its children
    1 reply 2ಇಷ್ಟಗಳು
    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
  5. ಡಿಸೆಂ 13

    Day 13/25 😍 Use element queries via custom <link> tag attributes to toggle stylesheets with Slinky - plugin: - demo:

    Adding additional attributes to a link tag: specifying a CSS selector, a JS test, and list of JS events
    1 reply 7 ಮರುಟ್ವೀಟಿಸುವಿಕೆಗಳು 35ಇಷ್ಟಗಳು
    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
  6. ಅವರು ಮರುಟ್ವೀಟಿಸಿದ್ದಾರೆ
    ಡಿಸೆಂ 12

    Been working on CSS for too long...? :)

    1 reply 5 ಮರುಟ್ವೀಟಿಸುವಿಕೆಗಳು 16ಇಷ್ಟಗಳು
  7. ಡಿಸೆಂ 12

    Day 12/25 🛍 Allow elements (like textarea or input) to expand to fit their content with Auto Expand Mixin - plugin: - demo:

    Setting a textarea to auto expand in height, and an input tag to autoexpand in width
    1 reply 3ಇಷ್ಟಗಳು
    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
  8. ಡಿಸೆಂ 11

    Day 11/25 ✨ Use DOM properties of elements as CSS variables for styling with Varsity - plugin: - demo:

    Using an element's own offsetLeft and offsetWidth and combining that with the cursor's current position to help style a box shadow
    1 reply 3ಇಷ್ಟಗಳು
    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
  9. ಅವರು ಮರುಟ್ವೀಟಿಸಿದ್ದಾರೆ
    ಡಿಸೆಂ 10

    Here's miniLOSSST A demake of the entry LOSSST golfed in < 512b with , , , & xaotic guide your snake through 25 levels! (move: arrow keys / reset: R) +1

    3 replies 10 ಮರುಟ್ವೀಟಿಸುವಿಕೆಗಳು 21ಇಷ್ಟಗಳು
    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
  10. ಡಿಸೆಂ 10

    Day 10/25 🌲 Simple container queries plugins written in ES5 and ES6 with Container Queries Mixin (stylesheet edition) - plugin: - demo:

    Using the container query mixin to apply a green background to any DIV element that is wider than 500 pixels
    1 reply 3ಇಷ್ಟಗಳು
    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
  11. ಡಿಸೆಂ 9

    Day 9/25 😆 An easy to use syntax for expressing element queries with QSS - plugin: - demo:

    Using two phrase types to express element queries: IF width greater or equal to 300, and AT above 300 width, both do the same thing.
    1 reply 1 ಮರುಟ್ವೀಟಿಸುವಿಕೆ 3ಇಷ್ಟಗಳು
    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
  12. ಡಿಸೆಂ 8

    Day 8/25 🎁 Define height based on a ratio and the element's current width with the Aspect Ratio Mixin - plugin: - demo:

    Setting the aspect ratio of all iframes to 16 by 9
    1 reply 1 ಮರುಟ್ವೀಟಿಸುವಿಕೆ 3ಇಷ್ಟಗಳು
    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
  13. ಡಿಸೆಂ 7

    Day 7/25 🎅 Interpolate JavaScript ~anywhere~ inside CSS using ${} with this simple JS-in-CSS reprocessor! - plugin: - demo:

    Using JavaScript interpolation in CSS to scope a contained stylesheet, to help resolve a selector, or to help power a property's value
    1 reply 2ಇಷ್ಟಗಳು
    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
  14. ಡಿಸೆಂ 6

    Day 6/25 🌟 Expose properties of DOM nodes via CSS variables with Varius to style based on an elements own width, height, characters, children, and scroll position! - plugin: - demo:

    Setting the background of a textarea element to a colour based on how many characters of text it contains. And also setting the height of an iframe based on its current widths on the page and a desired aspect ratio.
    1 reply 4ಇಷ್ಟಗಳು
    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
  15. ಅವರು ಮರುಟ್ವೀಟಿಸಿದ್ದಾರೆ
    ಡಿಸೆಂ 5

    📦🚀 Super excited to announce Parcel: A blazing fast, zero configuration web application bundler! 💻 Github: 🌎 Website: 📝 Background:

    39 replies 541 ಮರುಟ್ವೀಟಿಸುವಿಕೆಗಳು 1,370ಇಷ್ಟಗಳು
  16. ಅವರು ಮರುಟ್ವೀಟಿಸಿದ್ದಾರೆ
    ಡಿಸೆಂ 5

    The best advice I can give to anyone making an open source project (or any product, really) is to decide what it is and be faithful to that. Say no to every idea that doesn't make the project better at being that thing. Your project's scope should *narrow* over time.

    1 reply 18 ಮರುಟ್ವೀಟಿಸುವಿಕೆಗಳು 60ಇಷ್ಟಗಳು
    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
  17. ಅವರು ಮರುಟ್ವೀಟಿಸಿದ್ದಾರೆ
    ಡಿಸೆಂ 5

    If you really know HTML & CSS, then when the need would come, you'd be able to write them using any preprocessor, template engine, reactive stuff or any other tool. At the same time, experience with any of those new shiny tools won't help you to solve any core CSS & HTML issues.

    7 replies 60 ಮರುಟ್ವೀಟಿಸುವಿಕೆಗಳು 189ಇಷ್ಟಗಳು
    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
  18. ಡಿಸೆಂ 5

    Day 5/25 ❄ Customize the specificity of the CSS selectors you are writing with reSpec! - plugin: - demo:

    Using the respec plugin to assign different specificity to CSS rules than the selectors would normally have
    1 reply 5ಇಷ್ಟಗಳು
    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
  19. ಅವರು ಮರುಟ್ವೀಟಿಸಿದ್ದಾರೆ
    ಡಿಸೆಂ 3

    Amazing how many think it’s impossible to code w/o frameworks. What do you code in? HTML. But…how do you style things? CSS. Doesn’t it take forever to style in CSS? No. But how do you know what prefixes to use? I test my website in real browsers. It’s not rocket science.

    82 replies 338 ಮರುಟ್ವೀಟಿಸುವಿಕೆಗಳು 1,402ಇಷ್ಟಗಳು
  20. ಡಿಸೆಂ 4

    Day 4/25 🔔 Use the cursor's current position as values inside your CSS styles with Cursory - plugin: - demo:

    Using calc in CSS to set the top and left property of an element to the cursor's X and Y position
    1 reply 3ಇಷ್ಟಗಳು
    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
  21. ಡಿಸೆಂ 3

    Day 3/25 🎄 Have you ever wished you could style the parent of an element? Now you can with the Parent Selector Mixin! - plugin: - demo:

    Using the parent selector mixin from JS in CSS to apply green and red coloring to the parent of every LI element
    1 reply 1 ಮರುಟ್ವೀಟಿಸುವಿಕೆ 6ಇಷ್ಟಗಳು
    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ
    ಈ ಥ್ರೆಡ್ ತೋರಿಸಿ

@innovati ಅವರು ಇನ್ನೂ ಟ್ವೀಟ್ ಮಾಡಿಲ್ಲ.

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

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

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

    ·