element14 Community
element14 Community
    Register Log In
  • Site
  • Search
  • Log In Register
  • Community Hub
    Community Hub
    • What's New on element14
    • Feedback and Support
    • Benefits of Membership
    • Personal Blogs
    • Members Area
    • Achievement Levels
  • Learn
    Learn
    • Ask an Expert
    • eBooks
    • element14 presents
    • Learning Center
    • Tech Spotlight
    • STEM Academy
    • Webinars, Training and Events
    • Learning Groups
  • Technologies
    Technologies
    • 3D Printing
    • FPGA
    • Industrial Automation
    • Internet of Things
    • Power & Energy
    • Sensors
    • Technology Groups
  • Challenges & Projects
    Challenges & Projects
    • Design Challenges
    • element14 presents Projects
    • Project14
    • Arduino Projects
    • Raspberry Pi Projects
    • Project Groups
  • Products
    Products
    • Arduino
    • Avnet & Tria Boards Community
    • Dev Tools
    • Manufacturers
    • Multicomp Pro
    • Product Groups
    • Raspberry Pi
    • RoadTests & Reviews
  • About Us
  • Store
    Store
    • Visit Your Store
    • Choose another store...
      • Europe
      •  Austria (German)
      •  Belgium (Dutch, French)
      •  Bulgaria (Bulgarian)
      •  Czech Republic (Czech)
      •  Denmark (Danish)
      •  Estonia (Estonian)
      •  Finland (Finnish)
      •  France (French)
      •  Germany (German)
      •  Hungary (Hungarian)
      •  Ireland
      •  Israel
      •  Italy (Italian)
      •  Latvia (Latvian)
      •  
      •  Lithuania (Lithuanian)
      •  Netherlands (Dutch)
      •  Norway (Norwegian)
      •  Poland (Polish)
      •  Portugal (Portuguese)
      •  Romania (Romanian)
      •  Russia (Russian)
      •  Slovakia (Slovak)
      •  Slovenia (Slovenian)
      •  Spain (Spanish)
      •  Sweden (Swedish)
      •  Switzerland(German, French)
      •  Turkey (Turkish)
      •  United Kingdom
      • Asia Pacific
      •  Australia
      •  China
      •  Hong Kong
      •  India
      • Japan
      •  Korea (Korean)
      •  Malaysia
      •  New Zealand
      •  Philippines
      •  Singapore
      •  Taiwan
      •  Thailand (Thai)
      • Vietnam
      • Americas
      •  Brazil (Portuguese)
      •  Canada
      •  Mexico (Spanish)
      •  United States
      Can't find the country/region you're looking for? Visit our export site or find a local distributor.
  • Translate
  • Profile
  • Settings
Community Hub
Community Hub
Member's Forum GIF animations to document blogs
  • Blog
  • Forum
  • Documents
  • Quiz
  • Events
  • Leaderboard
  • Polls
  • Files
  • Members
  • Mentions
  • Sub-Groups
  • Tags
  • More
  • Cancel
  • New
Join Community Hub to participate - click to join for free!
Actions
  • Share
  • More
  • Cancel
Forum Thread Details
  • Replies 19 replies
  • Subscribers 569 subscribers
  • Views 3783 views
  • Users 0 members are here
  • blog posts
  • gif
Related

GIF animations to document blogs

Jan Cumps
Jan Cumps over 3 years ago

In the past I used videos, with talk, or without talk, to explain dynamic behaviour of projects.
Lately, when I thought it made sense, I switched to short snippets showing behaviour. And when short enough (seconds) to animated GIFs.

image
I don't really like the silent videos, but the silent GIFs in a story work for me.
Like Jupyter executable notebooks, this allows to show behaviour. It also makes blogs a bit "busy/alive" depending on taste.

Thoughts?

  • Sign in to reply
  • Cancel

Top Replies

  • javagoza
    javagoza over 3 years ago in reply to cstanton +5
    A test, to see if autoplay works by embedding the code with an iframe
  • cstanton
    cstanton over 3 years ago +4
    Jan Cumps said: Thoughts? I love gifs, from a technical standpoint I hate gifs. They're old tech' which are outdated, unoptimised and many sites automatically replace them with embedded MP4 videos…
  • javagoza
    javagoza over 3 years ago in reply to javagoza +4
    <iframe width="424" height="238" src="https://www.youtube.com/embed/s4wXs4q0Unc?autoplay=1&mute=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted…
Parents
  • shabaz
    shabaz over 3 years ago

    Personally I think they are a great idea provided they are not overly used, or showing way too much to interpret (as I think Andrew also suggests). They provide for a way for people to peek into your world of testing or whatever, without the user having to make much effort. 

    Regarding the 'too much to interpret', I have that problem with understanding some photos. Not all need annotations or a description, but sometimes it is really hard to understand what the writer intended to show in a photo without a big arrow to point things out. For sure video can help too, but there is the significant overhead of video creation, getting the audio and lighting just right, etc., it's not always appropriate.

    Similarly (but differently), it would be nice to see the image system improved one day for static images too, because today it is a lot of clicking just to peek into areas of someones project photos. This looked really neat, it works with pinch-to-zoom and mouse scroll button: https://openseadragon.github.io/  (Edit:) Looks like openseadragon can be adapted to work with animated GIFs too: https://codepen.io/antonioxdias/pen/JmZova  

    Also, SVG support one day would be awesome, since then everything is searchable [example use-case for this is circuit diagrams]. Even SVG animations could be interesting then. I suspect element14'ers are pushing the boundaries of traditional blogs way more than other websites.

    • Cancel
    • Vote Up +1 Vote Down
    • Sign in to reply
    • Cancel
Reply
  • shabaz
    shabaz over 3 years ago

    Personally I think they are a great idea provided they are not overly used, or showing way too much to interpret (as I think Andrew also suggests). They provide for a way for people to peek into your world of testing or whatever, without the user having to make much effort. 

    Regarding the 'too much to interpret', I have that problem with understanding some photos. Not all need annotations or a description, but sometimes it is really hard to understand what the writer intended to show in a photo without a big arrow to point things out. For sure video can help too, but there is the significant overhead of video creation, getting the audio and lighting just right, etc., it's not always appropriate.

    Similarly (but differently), it would be nice to see the image system improved one day for static images too, because today it is a lot of clicking just to peek into areas of someones project photos. This looked really neat, it works with pinch-to-zoom and mouse scroll button: https://openseadragon.github.io/  (Edit:) Looks like openseadragon can be adapted to work with animated GIFs too: https://codepen.io/antonioxdias/pen/JmZova  

    Also, SVG support one day would be awesome, since then everything is searchable [example use-case for this is circuit diagrams]. Even SVG animations could be interesting then. I suspect element14'ers are pushing the boundaries of traditional blogs way more than other websites.

    • Cancel
    • Vote Up +1 Vote Down
    • Sign in to reply
    • Cancel
Children
No Data
element14 Community

element14 is the first online community specifically for engineers. Connect with your peers and get expert answers to your questions.

  • Members
  • Learn
  • Technologies
  • Challenges & Projects
  • Products
  • Store
  • About Us
  • Feedback & Support
  • FAQs
  • Terms of Use
  • Privacy Policy
  • Legal and Copyright Notices
  • Sitemap
  • Cookies

An Avnet Company © 2026 Premier Farnell Limited. All Rights Reserved.

Premier Farnell Ltd, registered in England and Wales (no 00876412), registered office: Farnell House, Forge Lane, Leeds LS12 2NE.

ICP 备案号 10220084.

Follow element14

  • X
  • Facebook
  • linkedin
  • YouTube