{"id":476,"date":"2013-05-23T02:42:08","date_gmt":"2013-05-23T09:42:08","guid":{"rendered":"http:\/\/hellbach.us\/blog\/?p=476"},"modified":"2026-02-17T01:37:25","modified_gmt":"2026-02-17T09:37:25","slug":"html5-css3-jquery-samples","status":"publish","type":"post","link":"https:\/\/hellbach.us\/blog\/tech\/html5-css3-jquery-samples\/","title":{"rendered":"HTML5, CSS3, jQuery &#8211; samples"},"content":{"rendered":"<div class='__iawmlf-post-loop-links' style='display:none;' data-iawmlf-post-links='[{&quot;id&quot;:4878,&quot;href&quot;:&quot;http:\\\/\\\/msdn.microsoft.com\\\/en-us\\\/magazine\\\/dn201719.aspx&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20190207151836\\\/https:\\\/\\\/msdn.microsoft.com\\\/en-us\\\/magazine\\\/dn201719.aspx&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-19 17:29:47&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2025-12-13 11:26:49&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-02-06 04:28:12&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-02-13 09:12:22&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-03-22 18:25:33&quot;,&quot;http_code&quot;:206}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-03-22 18:25:33&quot;,&quot;http_code&quot;:206},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:4879,&quot;href&quot;:&quot;http:\\\/\\\/www.red-team-design.com\\\/horizontal-centering-using-css-fit-content-value&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20240616110550\\\/https:\\\/\\\/www.red-team-design.com\\\/horizontal-centering-using-css-fit-content-value\\\/&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-19 17:29:49&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-02-06 04:28:14&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-03-22 18:25:33&quot;,&quot;http_code&quot;:403}],&quot;broken&quot;:true,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-03-22 18:25:33&quot;,&quot;http_code&quot;:403},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:4880,&quot;href&quot;:&quot;http:\\\/\\\/stackoverflow.com\\\/questions\\\/37103\\\/css-make-divs-align-horizontally&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20250717201313\\\/https:\\\/\\\/stackoverflow.com\\\/questions\\\/37103\\\/css-make-divs-align-horizontally&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-19 17:29:52&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-02-06 04:28:29&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-03-22 18:25:33&quot;,&quot;http_code&quot;:200}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-03-22 18:25:33&quot;,&quot;http_code&quot;:200},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:4881,&quot;href&quot;:&quot;http:\\\/\\\/www.w3schools.com\\\/css\\\/css_align.asp&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20251117164607\\\/https:\\\/\\\/www.w3schools.com\\\/csS\\\/css_align.asp&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-19 17:29:54&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-02-06 04:28:12&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-03-22 18:25:33&quot;,&quot;http_code&quot;:200}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-03-22 18:25:33&quot;,&quot;http_code&quot;:200},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:4882,&quot;href&quot;:&quot;http:\\\/\\\/coding.smashingmagazine.com\\\/2009\\\/10\\\/19\\\/the-mystery-of-css-float-property&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20140331094656\\\/http:\\\/\\\/coding.smashingmagazine.com\\\/2009\\\/10\\\/19\\\/the-mystery-of-css-float-property\\\/&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-19 17:30:11&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-02-06 04:28:12&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-03-22 18:25:33&quot;,&quot;http_code&quot;:206}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-03-22 18:25:33&quot;,&quot;http_code&quot;:206},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:4883,&quot;href&quot;:&quot;http:\\\/\\\/www.netmagazine.com\\\/tutorials\\\/create-fluid-layouts-html5-and-css3&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20130916141432\\\/http:\\\/\\\/www.netmagazine.com:80\\\/tutorials\\\/create-fluid-layouts-html5-and-css3&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-19 17:30:13&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-02-06 04:28:13&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-03-22 18:25:35&quot;,&quot;http_code&quot;:206}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-03-22 18:25:35&quot;,&quot;http_code&quot;:206},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:4884,&quot;href&quot;:&quot;http:\\\/\\\/stackoverflow.com\\\/questions\\\/4600972\\\/css-float-resizing-windows&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20130730065805\\\/http:\\\/\\\/stackoverflow.com:80\\\/questions\\\/4600972\\\/css-float-resizing-windows&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-19 17:30:14&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-02-06 04:28:14&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-03-22 18:25:35&quot;,&quot;http_code&quot;:200}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-03-22 18:25:35&quot;,&quot;http_code&quot;:200},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:4885,&quot;href&quot;:&quot;http:\\\/\\\/stackoverflow.com\\\/questions\\\/9202993\\\/how-to-make-css-float-reflow-on-android-as-on-desktop-when-zooming&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20220610003227\\\/https:\\\/\\\/stackoverflow.com\\\/questions\\\/9202993\\\/how-to-make-css-float-reflow-on-android-as-on-desktop-when-zooming&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-19 17:30:15&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-02-06 04:28:15&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-03-22 18:25:35&quot;,&quot;http_code&quot;:200}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-03-22 18:25:35&quot;,&quot;http_code&quot;:200},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:4886,&quot;href&quot;:&quot;http:\\\/\\\/webitect.net\\\/design\\\/webdesign\\\/creating-fancy-bullet-points-with-pure-css3&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20171028225207\\\/http:\\\/\\\/webitect.net:80\\\/design\\\/webdesign\\\/creating-fancy-bullet-points-with-pure-css3\\\/&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-19 17:30:19&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-02-06 04:28:32&quot;,&quot;http_code&quot;:503},{&quot;date&quot;:&quot;2026-03-22 18:25:37&quot;,&quot;http_code&quot;:503}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-03-22 18:25:37&quot;,&quot;http_code&quot;:503},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:4887,&quot;href&quot;:&quot;http:\\\/\\\/www.w3.org\\\/TR\\\/css3-lists&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20160310014544\\\/http:\\\/\\\/www.w3.org\\\/TR\\\/css3-lists\\\/&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-19 17:30:21&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-02-06 04:28:14&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-03-22 18:25:36&quot;,&quot;http_code&quot;:206}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-03-22 18:25:36&quot;,&quot;http_code&quot;:206},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:4888,&quot;href&quot;:&quot;http:\\\/\\\/stackoverflow.com\\\/questions\\\/10910537\\\/how-to-show-an-image-in-a-popup-on-click&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20221130115444\\\/https:\\\/\\\/stackoverflow.com\\\/questions\\\/10910537\\\/how-to-show-an-image-in-a-popup-on-click&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-19 17:30:22&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-02-06 04:28:29&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-03-22 18:25:35&quot;,&quot;http_code&quot;:200}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-03-22 18:25:35&quot;,&quot;http_code&quot;:200},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:4890,&quot;href&quot;:&quot;http:\\\/\\\/fancyapps.com\\\/fancybox&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20251008174002\\\/https:\\\/\\\/fancyapps.com\\\/fancybox\\\/&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-19 17:30:24&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-02-06 04:28:15&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-03-22 18:25:41&quot;,&quot;http_code&quot;:200}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-03-22 18:25:41&quot;,&quot;http_code&quot;:200},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:4891,&quot;href&quot;:&quot;http:\\\/\\\/fancybox.net\\\/home&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20250819120933\\\/http:\\\/\\\/fancybox.net\\\/home&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-19 17:30:37&quot;,&quot;http_code&quot;:404},{&quot;date&quot;:&quot;2026-02-06 04:28:40&quot;,&quot;http_code&quot;:404},{&quot;date&quot;:&quot;2026-03-22 18:25:49&quot;,&quot;http_code&quot;:404}],&quot;broken&quot;:true,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-03-22 18:25:49&quot;,&quot;http_code&quot;:404},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:4892,&quot;href&quot;:&quot;http:\\\/\\\/www.jquery4u.com\\\/windows\\\/10-jquery-popup-window-image-slider-plugins&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20140504192846\\\/http:\\\/\\\/www.jquery4u.com:80\\\/windows\\\/10-jquery-popup-window-image-slider-plugins\\\/&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-19 17:34:38&quot;,&quot;http_code&quot;:404},{&quot;date&quot;:&quot;2026-02-06 04:28:30&quot;,&quot;http_code&quot;:202},{&quot;date&quot;:&quot;2026-03-22 18:25:43&quot;,&quot;http_code&quot;:404}],&quot;broken&quot;:true,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-03-22 18:25:43&quot;,&quot;http_code&quot;:404},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:4893,&quot;href&quot;:&quot;http:\\\/\\\/www.queness.com\\\/post\\\/3141\\\/10-image-galleries-jquery-script-with-thumbnail-filmstrip&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20250715192847\\\/https:\\\/\\\/www.queness.com\\\/post\\\/3141\\\/10-image-galleries-jquery-script-with-thumbnail-filmstrip&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-19 17:34:40&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-02-06 04:28:39&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-03-22 18:25:39&quot;,&quot;http_code&quot;:200}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-03-22 18:25:39&quot;,&quot;http_code&quot;:200},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:4894,&quot;href&quot;:&quot;http:\\\/\\\/jsfiddle.net\\\/mg3uU&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20140410000552\\\/http:\\\/\\\/jsfiddle.net:80\\\/mg3uU\\\/&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-19 17:34:42&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-02-06 04:28:39&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-03-22 18:25:42&quot;,&quot;http_code&quot;:200}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-03-22 18:25:42&quot;,&quot;http_code&quot;:200},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:4896,&quot;href&quot;:&quot;http:\\\/\\\/www.dynamicdrive.com\\\/style\\\/csslibrary\\\/item\\\/css_triangle_arrow_divs&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20230219204324\\\/http:\\\/\\\/www.dynamicdrive.com\\\/style\\\/csslibrary\\\/item\\\/css_triangle_arrow_divs\\\/&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-19 17:34:45&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-02-06 04:28:33&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-03-22 18:25:39&quot;,&quot;http_code&quot;:200}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-03-22 18:25:39&quot;,&quot;http_code&quot;:200},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:4897,&quot;href&quot;:&quot;http:\\\/\\\/css-tricks.com\\\/triangle-breadcrumbs&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20250806034226\\\/https:\\\/\\\/css-tricks.com\\\/triangle-breadcrumbs\\\/&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-19 17:34:47&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-02-06 04:28:37&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-03-22 18:25:38&quot;,&quot;http_code&quot;:200}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-03-22 18:25:38&quot;,&quot;http_code&quot;:200},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:4898,&quot;href&quot;:&quot;http:\\\/\\\/www.red-team-design.com\\\/css3-breadcrumbs&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20250407132037\\\/http:\\\/\\\/www.red-team-design.com\\\/css3-breadcrumbs\\\/&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-19 17:34:50&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-02-06 04:28:34&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-03-22 18:25:38&quot;,&quot;http_code&quot;:403}],&quot;broken&quot;:true,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-03-22 18:25:38&quot;,&quot;http_code&quot;:403},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:4899,&quot;href&quot;:&quot;http:\\\/\\\/www.red-team-design.com&quot;,&quot;archived_href&quot;:&quot;&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[],&quot;broken&quot;:false,&quot;last_checked&quot;:null,&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:4900,&quot;href&quot;:&quot;http:\\\/\\\/www.red-team-design.com\\\/cross-browser-css-gradient-buttons&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20240908090923\\\/http:\\\/\\\/www.red-team-design.com\\\/cross-browser-css-gradient-buttons\\\/&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-19 17:34:57&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-02-06 04:28:33&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-03-22 18:25:40&quot;,&quot;http_code&quot;:403}],&quot;broken&quot;:true,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-03-22 18:25:40&quot;,&quot;http_code&quot;:403},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:4901,&quot;href&quot;:&quot;http:\\\/\\\/zurb.com\\\/article\\\/266\\\/super-awesome-buttons-with-css3-and-rgba&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20170526205403\\\/http:\\\/\\\/zurb.com:80\\\/article\\\/266\\\/super-awesome-buttons-with-css3-and-rgba&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-19 17:34:59&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-02-06 04:28:40&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-03-22 18:25:39&quot;,&quot;http_code&quot;:200}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-03-22 18:25:39&quot;,&quot;http_code&quot;:200},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:4902,&quot;href&quot;:&quot;http:\\\/\\\/www.red-team-design.com\\\/css3-tabs-with-beveled-corners&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20170715062232\\\/http:\\\/\\\/red-team-design.com:80\\\/css3-tabs-with-beveled-corners\\\/&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-19 17:39:53&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-02-06 04:28:37&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-03-22 18:25:41&quot;,&quot;http_code&quot;:403}],&quot;broken&quot;:true,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-03-22 18:25:41&quot;,&quot;http_code&quot;:403},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:4903,&quot;href&quot;:&quot;http:\\\/\\\/www.red-team-design.com\\\/google-play-minimal-tabs-with-css3-jquery&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20170704004911\\\/http:\\\/\\\/red-team-design.com\\\/google-play-minimal-tabs-with-css3-jquery\\\/&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-19 17:39:54&quot;,&quot;http_code&quot;:403},{&quot;date&quot;:&quot;2026-02-06 04:28:40&quot;,&quot;http_code&quot;:403}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-02-06 04:28:40&quot;,&quot;http_code&quot;:403},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:4904,&quot;href&quot;:&quot;http:\\\/\\\/www.red-team-design.com\\\/css3-ordered-list-styles&quot;,&quot;archived_href&quot;:&quot;&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[],&quot;broken&quot;:false,&quot;last_checked&quot;:null,&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:4905,&quot;href&quot;:&quot;http:\\\/\\\/webitect.net&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20191022033508\\\/http:\\\/\\\/webitect.net:80\\\/&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-19 17:40:02&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-02-06 04:28:40&quot;,&quot;http_code&quot;:200}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-02-06 04:28:40&quot;,&quot;http_code&quot;:200},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:4906,&quot;href&quot;:&quot;http:\\\/\\\/webitect.net\\\/design\\\/designtutorials\\\/6-smashingly-practical-css3-effects-you-can-use-right-now&quot;,&quot;archived_href&quot;:&quot;&quot;,&quot;redirect_href&quot;:&quot;https:\\\/\\\/theguerrilla.agency\\\/web-design\\\/&quot;,&quot;checks&quot;:[],&quot;broken&quot;:false,&quot;last_checked&quot;:null,&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:4907,&quot;href&quot;:&quot;http:\\\/\\\/girliemac.com\\\/blog\\\/2009\\\/04\\\/30\\\/css3-gradients-no-image-aqua-button&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20241123191445\\\/https:\\\/\\\/girliemac.com\\\/blog\\\/2009\\\/04\\\/30\\\/css3-gradients-no-image-aqua-button\\\/&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-19 17:41:11&quot;,&quot;http_code&quot;:200}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2025-11-19 17:41:11&quot;,&quot;http_code&quot;:200},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:4908,&quot;href&quot;:&quot;http:\\\/\\\/www.marcofolio.net\\\/webdesign\\\/creating_a_polaroid_photo_viewer_with_css3_and_jquery.html&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20170704140000\\\/http:\\\/\\\/www.marcofolio.net:80\\\/webdesign\\\/creating_a_polaroid_photo_viewer_with_css3_and_jquery.html&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-19 17:41:17&quot;,&quot;http_code&quot;:206}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2025-11-19 17:41:17&quot;,&quot;http_code&quot;:206},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:4909,&quot;href&quot;:&quot;http:\\\/\\\/css-tricks.com\\\/css3-clock&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20240619004339\\\/https:\\\/\\\/css-tricks.com\\\/css3-clock\\\/&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-19 17:41:20&quot;,&quot;http_code&quot;:206}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2025-11-19 17:41:20&quot;,&quot;http_code&quot;:206},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:4910,&quot;href&quot;:&quot;http:\\\/\\\/webitect.net\\\/general\\\/300-essential-wordpress-hacks-tools-and-frameworks-that-will-change-the-way-you-develop-themes&quot;,&quot;archived_href&quot;:&quot;&quot;,&quot;redirect_href&quot;:&quot;https:\\\/\\\/theguerrilla.agency\\\/web-design\\\/&quot;,&quot;checks&quot;:[],&quot;broken&quot;:false,&quot;last_checked&quot;:null,&quot;process&quot;:&quot;done&quot;}]'><\/div>\n<ul><\/ul>\n<ul>\n<li><a href=\"http:\/\/msdn.microsoft.com\/en-us\/magazine\/dn201719.aspx\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Building an Interactive Navigation Bar<\/a><\/li>\n<li>float:\n<ul>\n<li><a href=\"http:\/\/www.red-team-design.com\/horizontal-centering-using-css-fit-content-value\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Horizontal centering using CSS fit-content value<\/a>,\u00a0<\/li>\n<li><a href=\"http:\/\/stackoverflow.com\/questions\/37103\/css-make-divs-align-horizontally\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">CSS &#8211; Make divs align horizontally<\/a>,\u00a0<\/li>\n<li><a href=\"https:\/\/web.archive.org\/web\/20170130084343\/http:\/\/www.ehow.com:80\/how_8449962_align-divs-horizontally-css.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">How to Align Divs Horizontally in CSS<\/a>,\u00a0<\/li>\n<li><a href=\"http:\/\/www.w3schools.com\/css\/css_align.asp\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">CSS Horizontal Align<\/a>,\u00a0<\/li>\n<li><a href=\"https:\/\/web.archive.org\/web\/20130603080528\/http:\/\/www.webdesignforums.net:80\/threads\/css-guide-to-horizontally-and-vertically-centering-text-and-page-elements.23884\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">CSS guide to horizontally and vertically centering text and page elements<\/a><\/li>\n<li><a href=\"http:\/\/coding.smashingmagazine.com\/2009\/10\/19\/the-mystery-of-css-float-property\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">The Mystery Of The CSS Float Property<\/a><\/li>\n<li><a href=\"http:\/\/www.netmagazine.com\/tutorials\/create-fluid-layouts-html5-and-css3\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Create fluid layouts with HTML5 and CSS3<\/a><\/li>\n<li><a href=\"http:\/\/stackoverflow.com\/questions\/4600972\/css-float-resizing-windows\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">CSS &#8211; Float &amp; Resizing Windows<\/a><\/li>\n<li><a href=\"http:\/\/stackoverflow.com\/questions\/9202993\/how-to-make-css-float-reflow-on-android-as-on-desktop-when-zooming\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">How to make CSS float reflow on Android as on desktop when zooming?<\/a><\/li>\n<\/ul>\n<\/li>\n<li>lists:\u00a0\n<ul>\n<li><a href=\"http:\/\/webitect.net\/design\/webdesign\/creating-fancy-bullet-points-with-pure-css3\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Creating Fancy Checkmark Icons with Pure CSS3<\/a><\/li>\n<li><a href=\"http:\/\/www.w3.org\/TR\/css3-lists\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">CSS Lists and Counters Module Level 3 <\/a>(list count styles)<\/li>\n<\/ul>\n<\/li>\n<li>Popup images:\n<ul>\n<li><a href=\"http:\/\/stackoverflow.com\/questions\/10910537\/how-to-show-an-image-in-a-popup-on-click\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">How to show an image in a popup on click<\/a><\/li>\n<li><a href=\"https:\/\/web.archive.org\/web\/20251116155811\/http:\/\/www.dynamicdrive.com\/dynamicindex4\/imagemagnify.htm\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">jQuery Image Magnify v1.11<\/a><\/li>\n<li><a href=\"http:\/\/fancyapps.com\/fancybox\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">fancyBox<\/a>\u00a0(<a href=\"http:\/\/fancybox.net\/home\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">fancybox.net<\/a>)<\/li>\n<li><a href=\"http:\/\/www.jquery4u.com\/windows\/10-jquery-popup-window-image-slider-plugins\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">BEST 10 JQUERY POPUP WINDOW TUTORIALS<\/a><\/li>\n<li><a href=\"http:\/\/www.queness.com\/post\/3141\/10-image-galleries-jquery-script-with-thumbnail-filmstrip\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">10 Image Galleries jQuery Script with Thumbnail Filmstrip<\/a><\/li>\n<li><a href=\"http:\/\/jsfiddle.net\/mg3uU\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">JSFiddler<\/a>\u00a0(dim webpage, show popup)<\/li>\n<\/ul>\n<\/li>\n<li>Triangles:\u00a0\n<ul>\n<li><a href=\"https:\/\/web.archive.org\/web\/20170518073321\/http:\/\/www.pvmgarage.com:80\/2010\/01\/how-to-create-depth-and-nice-3d-ribbons-only-using-css3\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">How To Create Depth And Nice 3D Ribbons Only Using CSS3<\/a>,<\/li>\n<li><a href=\"https:\/\/web.archive.org\/web\/20150317082254\/http:\/\/jonrohan.me:80\/guide\/css\/creating-triangles-in-css\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Creating Triangles in CSS<\/a>,\u00a0<a href=\"http:\/\/www.dynamicdrive.com\/style\/csslibrary\/item\/css_triangle_arrow_divs\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">CSS Triangle Arrow DIVs<\/a>,\u00a0<\/li>\n<li><a href=\"http:\/\/css-tricks.com\/triangle-breadcrumbs\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Breadcrumb Navigation with CSS Triangles<\/a>,\u00a0<\/li>\n<li><a href=\"http:\/\/www.red-team-design.com\/css3-breadcrumbs\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">CSS3 breadcrumbs<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"http:\/\/www.red-team-design.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Red-team-design<\/a>:\n<ul>\n<li><a href=\"http:\/\/www.red-team-design.com\/cross-browser-css-gradient-buttons\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" style=\"font-size: 16px;\">Cross-browser CSS gradient buttons<\/a><span style=\"font-size: 16px;\">,\u00a0<\/span><\/li>\n<li><a href=\"http:\/\/zurb.com\/article\/266\/super-awesome-buttons-with-css3-and-rgba\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Super Awesome Buttons with CSS3 and RGBA<\/a><\/li>\n<li><a href=\"http:\/\/www.red-team-design.com\/css3-tabs-with-beveled-corners\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">CSS3 tabs with beveled corners<\/a><\/li>\n<li><a href=\"http:\/\/www.red-team-design.com\/google-play-minimal-tabs-with-css3-jquery\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Google Play\u2019s minimal tabs with CSS3 &amp; jQuery<\/a><\/li>\n<li><a href=\"http:\/\/www.red-team-design.com\/css3-ordered-list-styles\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">CSS3 ordered list styles<\/a> &lt;ol&gt; rounded\/squared<\/li>\n<\/ul>\n<\/li>\n<li><a href=\"http:\/\/webitect.net\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">webitect<\/a>: Design, Dev, freelancing, blogging and news\u00a0\n<ul>\n<li><a href=\"http:\/\/webitect.net\/design\/designtutorials\/6-smashingly-practical-css3-effects-you-can-use-right-now\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">6 Smashingly Practical CSS3 Effects You Can Use Right Now<\/a>\n<ol>\n<li>Drop-down Menu<\/li>\n<li>Awesome Buttons<\/li>\n<li>Speech Bubble<\/li>\n<li>Letterpress Effect<\/li>\n<li>Content Slider<\/li>\n<li>3D Ribbons<\/li>\n<\/ol>\n<\/li>\n<li>Bonus:\n<ul>\n<li>The Hidden Power of Border-Radius<\/li>\n<li><a href=\"http:\/\/girliemac.com\/blog\/2009\/04\/30\/css3-gradients-no-image-aqua-button\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Create an Aqua Button without Images<\/a><\/li>\n<li><a href=\"http:\/\/www.marcofolio.net\/webdesign\/creating_a_polaroid_photo_viewer_with_css3_and_jquery.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Creating a Polaroid Photo Viewer with CSS3 and jQuery<\/a><\/li>\n<li><a href=\"http:\/\/css-tricks.com\/css3-clock\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Old School Clock with CSS3 and jQuery<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"http:\/\/webitect.net\/general\/300-essential-wordpress-hacks-tools-and-frameworks-that-will-change-the-way-you-develop-themes\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" style=\"font-size: 16px;\">300+ Essential WordPress Hacks, Tools and Frameworks that Will Change the Way You Develop Themes<\/a><\/li>\n<\/ul>\n<\/li>\n<li>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Building an Interactive Navigation Bar float: Horizontal centering using CSS fit-content value,\u00a0 CSS &#8211; Make divs align horizontally,\u00a0 How to Align Divs Horizontally in CSS,\u00a0 CSS Horizontal Align,\u00a0 CSS guide to horizontally and vertically centering text and page elements The &hellip; <a href=\"https:\/\/hellbach.us\/blog\/tech\/html5-css3-jquery-samples\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17,29,2],"tags":[],"class_list":["post-476","post","type-post","status-publish","format-standard","hentry","category-comp","category-dev","category-tech"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>HTML5, CSS3, jQuery - samples - Hellbach blog<\/title>\n<meta name=\"description\" content=\"HTML5, CSS3, jQuery: samples, hints, code, design\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hellbach.us\/blog\/tech\/html5-css3-jquery-samples\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML5, CSS3, jQuery - samples - Hellbach blog\" \/>\n<meta property=\"og:description\" content=\"HTML5, CSS3, jQuery: samples, hints, code, design\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hellbach.us\/blog\/tech\/html5-css3-jquery-samples\/\" \/>\n<meta property=\"og:site_name\" content=\"Hellbach blog\" \/>\n<meta property=\"article:published_time\" content=\"2013-05-23T09:42:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-17T09:37:25+00:00\" \/>\n<meta name=\"author\" content=\"alex\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"alex\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/hellbach.us\/blog\/tech\/html5-css3-jquery-samples\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/hellbach.us\/blog\/tech\/html5-css3-jquery-samples\/\"},\"author\":{\"name\":\"alex\",\"@id\":\"https:\/\/hellbach.us\/blog\/#\/schema\/person\/9bf1a63e253268c42a6e9db64611c507\"},\"headline\":\"HTML5, CSS3, jQuery &#8211; samples\",\"datePublished\":\"2013-05-23T09:42:08+00:00\",\"dateModified\":\"2026-02-17T09:37:25+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/hellbach.us\/blog\/tech\/html5-css3-jquery-samples\/\"},\"wordCount\":262,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/hellbach.us\/blog\/#\/schema\/person\/9bf1a63e253268c42a6e9db64611c507\"},\"articleSection\":[\"Computer\",\"Dev\",\"Technology\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/hellbach.us\/blog\/tech\/html5-css3-jquery-samples\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hellbach.us\/blog\/tech\/html5-css3-jquery-samples\/\",\"url\":\"https:\/\/hellbach.us\/blog\/tech\/html5-css3-jquery-samples\/\",\"name\":\"HTML5, CSS3, jQuery - samples - Hellbach blog\",\"isPartOf\":{\"@id\":\"https:\/\/hellbach.us\/blog\/#website\"},\"datePublished\":\"2013-05-23T09:42:08+00:00\",\"dateModified\":\"2026-02-17T09:37:25+00:00\",\"description\":\"HTML5, CSS3, jQuery: samples, hints, code, design\",\"breadcrumb\":{\"@id\":\"https:\/\/hellbach.us\/blog\/tech\/html5-css3-jquery-samples\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hellbach.us\/blog\/tech\/html5-css3-jquery-samples\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hellbach.us\/blog\/tech\/html5-css3-jquery-samples\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hellbach.us\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML5, CSS3, jQuery &#8211; samples\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hellbach.us\/blog\/#website\",\"url\":\"https:\/\/hellbach.us\/blog\/\",\"name\":\"Hellbach blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/hellbach.us\/blog\/#\/schema\/person\/9bf1a63e253268c42a6e9db64611c507\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hellbach.us\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/hellbach.us\/blog\/#\/schema\/person\/9bf1a63e253268c42a6e9db64611c507\",\"name\":\"alex\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hellbach.us\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9868a7f8fd709cd74cf51d978359a3ce66a47a17cd57185a9e1a4774d288e228?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9868a7f8fd709cd74cf51d978359a3ce66a47a17cd57185a9e1a4774d288e228?s=96&d=mm&r=g\",\"caption\":\"alex\"},\"logo\":{\"@id\":\"https:\/\/hellbach.us\/blog\/#\/schema\/person\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML5, CSS3, jQuery - samples - Hellbach blog","description":"HTML5, CSS3, jQuery: samples, hints, code, design","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hellbach.us\/blog\/tech\/html5-css3-jquery-samples\/","og_locale":"en_US","og_type":"article","og_title":"HTML5, CSS3, jQuery - samples - Hellbach blog","og_description":"HTML5, CSS3, jQuery: samples, hints, code, design","og_url":"https:\/\/hellbach.us\/blog\/tech\/html5-css3-jquery-samples\/","og_site_name":"Hellbach blog","article_published_time":"2013-05-23T09:42:08+00:00","article_modified_time":"2026-02-17T09:37:25+00:00","author":"alex","twitter_card":"summary_large_image","twitter_misc":{"Written by":"alex","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/hellbach.us\/blog\/tech\/html5-css3-jquery-samples\/#article","isPartOf":{"@id":"https:\/\/hellbach.us\/blog\/tech\/html5-css3-jquery-samples\/"},"author":{"name":"alex","@id":"https:\/\/hellbach.us\/blog\/#\/schema\/person\/9bf1a63e253268c42a6e9db64611c507"},"headline":"HTML5, CSS3, jQuery &#8211; samples","datePublished":"2013-05-23T09:42:08+00:00","dateModified":"2026-02-17T09:37:25+00:00","mainEntityOfPage":{"@id":"https:\/\/hellbach.us\/blog\/tech\/html5-css3-jquery-samples\/"},"wordCount":262,"commentCount":0,"publisher":{"@id":"https:\/\/hellbach.us\/blog\/#\/schema\/person\/9bf1a63e253268c42a6e9db64611c507"},"articleSection":["Computer","Dev","Technology"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/hellbach.us\/blog\/tech\/html5-css3-jquery-samples\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/hellbach.us\/blog\/tech\/html5-css3-jquery-samples\/","url":"https:\/\/hellbach.us\/blog\/tech\/html5-css3-jquery-samples\/","name":"HTML5, CSS3, jQuery - samples - Hellbach blog","isPartOf":{"@id":"https:\/\/hellbach.us\/blog\/#website"},"datePublished":"2013-05-23T09:42:08+00:00","dateModified":"2026-02-17T09:37:25+00:00","description":"HTML5, CSS3, jQuery: samples, hints, code, design","breadcrumb":{"@id":"https:\/\/hellbach.us\/blog\/tech\/html5-css3-jquery-samples\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hellbach.us\/blog\/tech\/html5-css3-jquery-samples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/hellbach.us\/blog\/tech\/html5-css3-jquery-samples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hellbach.us\/blog\/"},{"@type":"ListItem","position":2,"name":"HTML5, CSS3, jQuery &#8211; samples"}]},{"@type":"WebSite","@id":"https:\/\/hellbach.us\/blog\/#website","url":"https:\/\/hellbach.us\/blog\/","name":"Hellbach blog","description":"","publisher":{"@id":"https:\/\/hellbach.us\/blog\/#\/schema\/person\/9bf1a63e253268c42a6e9db64611c507"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hellbach.us\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/hellbach.us\/blog\/#\/schema\/person\/9bf1a63e253268c42a6e9db64611c507","name":"alex","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hellbach.us\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9868a7f8fd709cd74cf51d978359a3ce66a47a17cd57185a9e1a4774d288e228?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9868a7f8fd709cd74cf51d978359a3ce66a47a17cd57185a9e1a4774d288e228?s=96&d=mm&r=g","caption":"alex"},"logo":{"@id":"https:\/\/hellbach.us\/blog\/#\/schema\/person\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/hellbach.us\/blog\/wp-json\/wp\/v2\/posts\/476","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hellbach.us\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hellbach.us\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hellbach.us\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hellbach.us\/blog\/wp-json\/wp\/v2\/comments?post=476"}],"version-history":[{"count":2,"href":"https:\/\/hellbach.us\/blog\/wp-json\/wp\/v2\/posts\/476\/revisions"}],"predecessor-version":[{"id":4507,"href":"https:\/\/hellbach.us\/blog\/wp-json\/wp\/v2\/posts\/476\/revisions\/4507"}],"wp:attachment":[{"href":"https:\/\/hellbach.us\/blog\/wp-json\/wp\/v2\/media?parent=476"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hellbach.us\/blog\/wp-json\/wp\/v2\/categories?post=476"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hellbach.us\/blog\/wp-json\/wp\/v2\/tags?post=476"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}