Hongkiat's repositories
js-rss-reader
RSS reader written in JavaScript.
autologinbot
Auto-Login Bot with Python and Selenium
svg-meter-gauge
How to create a gauge meter in SVG.
js-speech-synthesis
Add Text to Speech feature to web pages using JavaScript's Web Speech API
html-slot-toc
Auto-generated table of contents (TOC) using HTML Slots.
advent-calendar
Advent Calendar in JavaScript
html5-editable-content
A very nice addition in HTML5, ContentEditable. This demo shows how to use it to enable editing in the front-end with HTML5 ContentEditable
html5-fullscreen-api
Applying Fullscreen API
favicon-canvas-loader
Create and display a circular loading <canvas> animation as a webpage favicon.
3d-button-flip
3D button flip effect with CSS.
selected-text-action-menu
Display an action (tweet) menu for selected text.
svg-animation
Create simple SVG animation using CSS.
web-video-player
This demo we created a web video player using HTML5 and jPlayer
css-cubic-bezier
How to use cubic-bezier to create custom animation speed
mediasourceapi
Stream truncated MP3 audio using JavaScript's MediaSource API
on-scroll-footer
How to create an on-scroll footer with CSS
grayscale-web-image
Grayscale filter for images on the web
handlebars-template
This demo shows how to use Handlebars.js for templating.
chrome-touch-emulation
Chrome Touch Emulation
css-automatic-numbering
Automatic counter with CSS3
css-better-paragraph
Create a better Paragraph with CSS3 :first-letter and :first-line pseudo-elements
css-mask-switch
CSS Mask Switch
hide-show-notification-bar
Create the input control to hide and show a notification bar using CSS3.
osx-notification-center
Notification Center comes to OSX. We are actually able to add this feature on your website and this demo shows you how it is in action.
webpack-starter
Simple example project for Webpack. Adds the Babel loader and two Webpack plugins.
wordpress-gutenberg-block
A simple Gutenberg block.
ai-assistant
Personalised AI assistant built with LangChain and OpenAI
css-box-sizing-polyfills
CSS box-sizing polyfills
css-document-rule
How CSS4 document rule works. Open the demo in Print View.
webfont-icons
Web Fonts for Higher Quality UI Icons