Accessible tab navigation using ARIAĪccessible tab navigation to meet WCAG 2 using ARIA roles. Using a modal dialog with ARIA support to animate a pop-up window containing an iframe. Questions may be set open on-load or via a URI fragment. Vanilla JavaScript toggles ARIA attributes which are animated via CSS. Semantically correct FAQ with animated show-hide accordian style. Improves page performance, reduces time to interaction. Using a button, with ARIA support, to wait for user interaction before embedding a YouTube video iframe. This allows the addition of a pause button which helps to meet WCAG 2 level AA guidelines. Load a static jpg first, then swap across. Improve page-load performance by defering the load of a large animated gifs. Late-loaded animated gif with pause button Allows for multiple sets, each possibly having a different height. Matching element heightsĮasily match-up heights responsively across a set of non-linear elements. Click to restore content via a typed animation. Responsively crop content copy down to a user-defined number of lines. Responsively crop copy then restore onclick #GITHUB DROP TO GIF FOR FREE#static and animated Git fork vector icons for free in PNG, SVG, GIF formats. Click to fully restore the content via a sliding drop-down animation. To give your token an expiration, select the Expiration drop-down menu. Responsively crop your content copy down to a user-defined number of lines. Crop copy then restore via sliding drop-down Afterward, you can edit and save the animation as a gif, apng, video, psd or png image. This tool allows you to record a selected area of your screen, live feed from your webcam or live drawings from a sketchboard. #GITHUB DROP TO GIF PLUS#Plus it's available on the Microsoft Store for free of course. You can even record from your webcam or sketchbook. It takes a capture of your screen as a gif. This program does exactly what the title suggests. I wanted a quick way to get a gif recording of my screen and instantly share it. #GITHUB DROP TO GIF SOFTWARE#Thankfully there is, and it's available free on GitHub! I came across this amazing piece of software after I got really annoyed with the above process. There should be something better right? Yes, yes there should. □ĭoes this sound like a lot of work? Yes, yes it is. If you are like the old me, you'd open up some capture/screen recording software, record a quick video, save the video, upload the video to a random gif conversion site, tell the system what specs you want, wait for it to convert, download it, then add it to the thing you want. If I want to create a gif like this to add to a tutorial post, a tweet, or an issue what do you do? So if you need to quickly create a gif, what do you do? Not to mention that until recently you couldn't even add video to GitHub issues and PRs. Plus there's way less issues adding gifs to presentations than video. Gifs are often easier to use than video as they loop, they take up less space, and they auto-play. You might even be looking for a quick screen capture of a bug or feature request to add to an issue or comment on GitHub. Whether you're writing a blog post, adding assets to your readme, dumping in a demo for a presentation, or wanting a cool animation for social media, gifs are one of those things developers are always using and creating.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |