{"payload":{"pageCount":5,"repositories":[{"type":"Public","name":"ai-assistant","owner":"hongkiat","isFork":false,"description":"Personalised AI assistant built with LangChain and OpenAI","allTopics":[],"primaryLanguage":{"name":"TypeScript","color":"#3178c6"},"pullRequestCount":0,"issueCount":0,"starsCount":0,"forksCount":0,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2024-04-03T14:33:25.093Z"}},{"type":"Public","name":"html5-editable-content","owner":"hongkiat","isFork":false,"description":"A very nice addition in HTML5, ContentEditable. This demo shows how to use it to enable editing in the front-end with HTML5 ContentEditable","allTopics":["html","jquery","html5","tutorial-code"],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":3,"issueCount":0,"starsCount":9,"forksCount":9,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2020-10-01T17:43:55.358Z"}},{"type":"Public","name":"osx-notification-center","owner":"hongkiat","isFork":false,"description":"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.","allTopics":["css","html","jquery","tutorial-code"],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":1,"forksCount":0,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2019-07-21T16:06:11.489Z"}},{"type":"Public","name":"js-rss-reader","owner":"hongkiat","isFork":true,"description":"RSS reader written in JavaScript.","allTopics":["rss","rss-reader","tutorial-code"],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":1,"issueCount":0,"starsCount":53,"forksCount":50,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2019-06-06T07:17:48.332Z"}},{"type":"Public","name":"autologinbot","owner":"hongkiat","isFork":true,"description":"Auto-Login Bot with Python and Selenium","allTopics":["python","bot","selenium","selenium-webdriver","autologin","tutorial-code"],"primaryLanguage":{"name":"Python","color":"#3572A5"},"pullRequestCount":0,"issueCount":0,"starsCount":41,"forksCount":47,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2018-06-24T23:07:44.179Z"}},{"type":"Public","name":"wordpress-gutenberg-block","owner":"hongkiat","isFork":false,"description":"A simple Gutenberg block.","allTopics":["wordpress","gutenberg-blocks"],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":1,"forksCount":0,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2018-05-06T14:05:56.152Z"}},{"type":"Public","name":"advent-calendar","owner":"hongkiat","isFork":true,"description":"Advent Calendar in JavaScript","allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":10,"forksCount":10,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2018-02-16T13:15:06.648Z"}},{"type":"Public","name":"html5-fullscreen-api","owner":"hongkiat","isFork":false,"description":"Applying Fullscreen API","allTopics":["html","jquery","html5"],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":8,"forksCount":11,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2018-01-16T08:44:57.579Z"}},{"type":"Public","name":"html-slot-toc","owner":"hongkiat","isFork":true,"description":"Auto-generated table of contents (TOC) using HTML Slots.","allTopics":["table-of-contents","shadow-dom","html-slot"],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":13,"forksCount":10,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2017-11-26T22:29:32.741Z"}},{"type":"Public","name":"webpack-starter","owner":"hongkiat","isFork":true,"description":"Simple example project for Webpack. Adds the Babel loader and two Webpack plugins.","allTopics":["webpack","webpack-configuration","webpack-boilerplate","webpack3"],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":1,"forksCount":3,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2017-09-21T01:56:08.562Z"}},{"type":"Public","name":"svg-animation","owner":"hongkiat","isFork":true,"description":"Create simple SVG animation using CSS.","allTopics":["svg","css3","svg-animations","css"],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":0,"issueCount":0,"starsCount":6,"forksCount":7,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2017-08-15T17:09:42.586Z"}},{"type":"Public","name":"svg-meter-gauge","owner":"hongkiat","isFork":true,"description":"How to create a gauge meter in SVG.","allTopics":["svg","meters"],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":0,"issueCount":0,"starsCount":25,"forksCount":22,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2017-08-15T17:04:31.695Z"}},{"type":"Public","name":"3d-button-flip","owner":"hongkiat","isFork":true,"description":"3D button flip effect with CSS.","allTopics":["css","css-3d-transitions","css-effects","css-buttons","flip-animation","animated-buttons"],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":0,"issueCount":0,"starsCount":6,"forksCount":2,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2017-08-15T17:00:04.139Z"}},{"type":"Public","name":"selected-text-action-menu","owner":"hongkiat","isFork":true,"description":"Display an action (tweet) menu for selected text.","allTopics":["action-menu","floating-menu"],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":6,"forksCount":5,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2017-08-15T16:53:26.715Z"}},{"type":"Public","name":"mediasourceapi","owner":"hongkiat","isFork":true,"description":"Stream truncated MP3 audio using JavaScript's MediaSource API","allTopics":["mediasource","javascript-audio"],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":3,"forksCount":5,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2017-08-15T16:47:10.563Z"}},{"type":"Public","name":"js-speech-synthesis","owner":"hongkiat","isFork":true,"description":"Add Text to Speech feature to web pages using JavaScript's Web Speech API","allTopics":["text-to-speech","accessibility","web-speech-api"],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":14,"forksCount":19,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2017-08-15T16:43:55.284Z"}},{"type":"Public","name":"favicon-canvas-loader","owner":"hongkiat","isFork":true,"description":"Create and display a circular loading <canvas> animation as a webpage favicon.","allTopics":["loader","favicon","canvas-animation","javascript-loader"],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":7,"forksCount":17,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2017-08-15T16:40:06.515Z"}},{"type":"Public","name":"on-scroll-footer","owner":"hongkiat","isFork":true,"description":"How to create an on-scroll footer with CSS","allTopics":["css","footer","scroll-effect"],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":3,"forksCount":1,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2017-08-15T16:30:07.153Z"}},{"type":"Public","name":"css-mask-switch","owner":"hongkiat","isFork":true,"description":"CSS Mask Switch","allTopics":["css-switcher","css-mask"],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":0,"issueCount":0,"starsCount":1,"forksCount":1,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2017-08-15T16:21:23.895Z"}},{"type":"Public","name":"hide-show-notification-bar","owner":"hongkiat","isFork":false,"description":"Create the input control to hide and show a notification bar using CSS3.","allTopics":["notifications","css3","top-bar"],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":0,"issueCount":0,"starsCount":1,"forksCount":0,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2017-08-15T16:10:05.859Z"}},{"type":"Public","name":"handlebars-template","owner":"hongkiat","isFork":false,"description":"This demo shows how to use Handlebars.js for templating.","allTopics":["handlebars","handlebars-template","handlebars-js"],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":2,"forksCount":4,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2017-08-15T15:51:43.201Z"}},{"type":"Public","name":"grayscale-web-image","owner":"hongkiat","isFork":false,"description":"Grayscale filter for images on the web","allTopics":["css","grayscale-images","image-filters"],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":2,"forksCount":3,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2017-08-15T15:44:14.457Z"}},{"type":"Public","name":"css-document-rule","owner":"hongkiat","isFork":false,"description":"How CSS4 document rule works. Open the demo in Print View.","allTopics":["css4","css-document","print-view"],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":0,"forksCount":0,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2017-08-02T16:24:03.732Z"}},{"type":"Public","name":"css-cubic-bezier","owner":"hongkiat","isFork":false,"description":"How to use cubic-bezier to create custom animation speed","allTopics":["cubic-bezier","css-animation"],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":3,"forksCount":0,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2017-08-02T16:22:02.526Z"}},{"type":"Public","name":"css-box-sizing-polyfills","owner":"hongkiat","isFork":false,"description":"CSS box-sizing polyfills","allTopics":["css-polyfill","box-sizing"],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":0,"issueCount":0,"starsCount":0,"forksCount":0,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2017-08-02T16:19:55.229Z"}},{"type":"Public","name":"css-better-paragraph","owner":"hongkiat","isFork":false,"description":"Create a better Paragraph with CSS3 :first-letter and :first-line pseudo-elements","allTopics":["css3","paragraphs","pseudo-elements"],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":1,"forksCount":0,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2017-08-02T16:17:51.955Z"}},{"type":"Public","name":"css-automatic-numbering","owner":"hongkiat","isFork":false,"description":"Automatic counter with CSS3","allTopics":["css-counters","css-numbering"],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":1,"forksCount":1,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2017-08-02T16:14:40.405Z"}},{"type":"Public","name":"chrome-touch-emulation","owner":"hongkiat","isFork":false,"description":"Chrome Touch Emulation","allTopics":["touch-devices"],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":1,"forksCount":0,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2017-08-02T16:12:41.147Z"}},{"type":"Public","name":"webfont-icons","owner":"hongkiat","isFork":false,"description":"Web Fonts for Higher Quality UI Icons","allTopics":[],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":0,"issueCount":0,"starsCount":0,"forksCount":0,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2017-08-02T10:25:59.521Z"}},{"type":"Public","name":"web-video-player","owner":"hongkiat","isFork":false,"description":"This demo we created a web video player using HTML5 and jPlayer","allTopics":["html","jquery"],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":5,"forksCount":5,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2017-08-02T10:23:52.233Z"}}],"repositoryCount":138,"userInfo":null,"searchable":true,"definitions":[],"typeFilters":[{"id":"all","text":"All"},{"id":"public","text":"Public"},{"id":"source","text":"Sources"},{"id":"fork","text":"Forks"},{"id":"archived","text":"Archived"},{"id":"template","text":"Templates"}],"compactMode":false},"title":"hongkiat repositories"}