Blog: webdevpuneet

Posts

How to Learn HTML, CSS, JavaScript and React in the Age of AI (Without Getting Left Behind)

How to Learn HTML, CSS, JavaScript and React in the Age of AI (Without Getting Left Behind)

There's a fear going around, and if you're just starting out you've probably felt it: why learn front-end development at all when AI wri…

10 New Copy-Paste Landing Page Snippets: A Working Command Palette, Three Pricing Calculators That Do Real Arithmetic & Modals That Hold Real State

10 New Copy-Paste Landing Page Snippets: A Working Command Palette, Three Pricing Calculators That Do Real Arithmetic & Modals That Hold Real State

Landing page sections are usually where interactivity goes to die — a "pricing calculator" that multiplies one number by one rate, a hero a…

10 New Copy-Paste Dev Snippets: Real Formatters, a Semver Checker & Two Dashboards That Fake Traffic Convincingly

10 New Copy-Paste Dev Snippets: Real Formatters, a Semver Checker & Two Dashboards That Fake Traffic Convincingly

Most "developer tool" demos either wrap a heavyweight npm package behind a UI or fake the hard part entirely — a JSON formatter that doesn…

17 Free Everyday Tools: Text Utilities, Unit Converters, QR Codes & Private Personal Organizers

17 Free Everyday Tools: Text Utilities, Unit Converters, QR Codes & Private Personal Organizers

Not every tool you reach for is about code. Some days it's counting words in a draft, converting a REM value while you're mid-CSS, generating…

10 Scroll Animations Built on the New CSS animation-timeline API (8 With Zero JavaScript)

10 Scroll Animations Built on the New CSS animation-timeline API (8 With Zero JavaScript)

For as long as scroll-driven animation has existed on the web, it has meant JavaScript: a scroll event listener, a getBoundingClientRect() call, an…

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/1363620594-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AAPvtVmmR2MCHjsh2W60d5v0zeJc:1789131886623';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d7154435437619178098','//www.webdevpuneet.com/search?updated-max\x3d2026-09-08T02:30:00-07:00\x26max-results\x3d6','7154435437619178098');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '7154435437619178098', 'title': 'webdevpuneet', 'url': 'https://www.webdevpuneet.com/search?updated-max\x3d2026-09-08T02:30:00-07:00\x26max-results\x3d6', 'canonicalUrl': 'https://www.webdevpuneet.com/search?updated-max\x3d2026-09-08T02:30:00-07:00\x26max-results\x3d6', 'homepageUrl': 'https://www.webdevpuneet.com/', 'searchUrl': 'https://www.webdevpuneet.com/search', 'canonicalHomepageUrl': 'https://www.webdevpuneet.com/', 'blogspotFaviconUrl': 'https://www.webdevpuneet.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'G-SJKRD65SBJ', 'analytics4': true, 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22webdevpuneet - Atom\x22 href\x3d\x22https://www.webdevpuneet.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22webdevpuneet - RSS\x22 href\x3d\x22https://www.webdevpuneet.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22webdevpuneet - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/7154435437619178098/posts/default\x22 /\x3e\n', 'meTag': '\x3clink rel\x3d\x22me\x22 href\x3d\x22https://www.blogger.com/profile/04015544616439432341\x22 /\x3e\n', 'adsenseClientId': 'ca-pub-2762737943861458', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/1890a9484e710b1c', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'index', 'pageName': '', 'pageTitle': 'webdevpuneet', 'metaDescription': 'A blog by a freelance frontend developer with 16+ years of experience sharing tutorials, UI snippets, tips, and web development insights.'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'webdevpuneet', 'description': 'A blog by a freelance frontend developer with 16+ years of experience sharing tutorials, UI snippets, tips, and web development insights.', 'url': 'https://www.webdevpuneet.com/search?updated-max\x3d2026-09-08T02:30:00-07:00\x26max-results\x3d6', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': false, 'isSearch': true, 'isLabelSearch': false, 'search': {}}}, {'name': 'widgets', 'data': [{'title': 'webdevpuneet (Header)', 'type': 'Header', 'sectionId': 'sec_Header_Title', 'id': 'Header01'}, {'title': 'Looking for something?', 'type': 'BlogSearch', 'sectionId': 'sec_Header_Search', 'id': 'BlogSearch01'}, {'title': 'Header Icon', 'type': 'TextList', 'sectionId': 'sec_Header_Icon', 'id': 'TextList01'}, {'title': 'Bookmark Posts', 'type': 'LinkList', 'sectionId': 'sec_Header_Icon', 'id': 'LinkList02'}, {'title': 'Translate', 'type': 'LinkList', 'sectionId': 'sec_Header_Icon', 'id': 'LinkList03'}, {'title': 'Tabbed Menu', 'type': 'LinkList', 'sectionId': 'sec_Under_Header', 'id': 'LinkList05'}, {'title': 'Labels Description', 'type': 'LinkList', 'sectionId': 'sec_Under_Header', 'id': 'LinkList07'}, {'title': 'Under Header Ad', 'type': 'LinkList', 'sectionId': 'sec_Horizontal-Ad', 'id': 'LinkList81'}, {'title': 'Pinned Post', 'type': 'FeaturedPost', 'sectionId': 'sec_Top_Widgets', 'id': 'FeaturedPost01', 'postId': '7898016898365403807'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'sec_Main_Widgets', 'id': 'Blog01', 'posts': [{'id': '7898016898365403807', 'title': 'How to Learn HTML, CSS, JavaScript and React in the Age of AI (Without Getting Left Behind)', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8IiBzFcmTgK1aKmTqGalRA6AOQ25gmrQDNk0lcBnmxmFSvuBPCMwDAIfcTy3xEyxEnE9CoBj4I_mAc28izm8y6_loeoDueTf7hWX3n5ouuUPIFb71daPul6OF6Q1LgxEQoJoDIXTetdG5Mm-8th31W6PtVtUqSdeF3yxahVkxxAAuON9cmJrJqQB0c1w/s1600/how-to-learn-html-css-javascript-react-ai-1200x630.jpg', 'showInlineAds': true}, {'id': '8323244081949904554', 'title': '10 New Copy-Paste Landing Page Snippets: A Working Command Palette, Three Pricing Calculators That Do Real Arithmetic \x26 Modals That Hold Real State', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrx0N_lA2-gbwMrfhvluxWGT_f9kUO4ZWqmnjfFF-YPnZiRP-NuyA-rllEc4lVnoPG2FZm8yEfzHlMy0n7Tsyocv499feFWFku92eS1T5NbxYqMamBgcnrZQzLFPzd5GZKSqzZ9ZdNwgc3VWQi6KnSGdVYybUa-qMeEm071jSMVs2oDpS3aw0VJOeHmlY/s1600/10-new-copy-paste-landing-page-snippets-1200x630.jpg', 'showInlineAds': true}, {'id': '2156625984270239414', 'title': '10 New Copy-Paste Dev Snippets: Real Formatters, a Semver Checker \x26 Two Dashboards That Fake Traffic Convincingly', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAoOmwOvrZ-IuJzzcPh8hm-BR4FwZrP0kVVPTGVbSiWZaD532SCXWA6u43QvnxXefyNIQc_TZrGe7uoA6REFXYhGVU58mxx35muXJASeMU7L5BZMPMUuCgva_deGAzVXg2YV6BuQmUpTem6JBoWBMgsSlm13ihhNN_CYyz08bYJIlafF2mneDK3wrG33A/s1600/Screenshot_1.png', 'showInlineAds': true}, {'id': '1443635116251413421', 'title': '17 Free Everyday Tools: Text Utilities, Unit Converters, QR Codes \x26 Private Personal Organizers', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvVV8-NrnxBqTODuRHRuxnodUpD5_jX8Ee-L1AfrVES6WJrEjNH0F4jW3uRCpbRRNZ9pFi2hgeBpYwGplT_6vBlg6SlvtsV4m1QyibzShPWVhJw5NCuBEyG3Cgv0fzXFXKU8mQDh1bIPeMMTHffAK3zqlqu2KLS29hWI__IijzKTvcJDHmAurAAYI75nc/s1600/17-free-everyday-tools-header-1200x630.jpg', 'showInlineAds': true}, {'id': '3669154858977726039', 'title': '10 Scroll Animations Built on the New CSS animation-timeline API (8 With Zero JavaScript)', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuVFEJn32-ggsdZq_X5EXScdpNlHk-azBT5YCgYP-IFXXEBjIcM7CXxQEJE9E2WERYIwinm8gtVyj6DEq0PevYEbl6l9XGFE_WVu84s2i7fkaDZNmkYMEPUj4_yUbxXCAOLk0Uli5RVCNDnbSwxT0Rg6t-crjKpQ7csmkX7p7f_BAsPUDEi_nK4NXXdPY/s1600/scroll-animations-header-1200x630.jpg', 'showInlineAds': true}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': 'Published by'}, {'name': 'timestamp', 'label': 'On'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'share', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'in'}]}, {'regionName': 'footer3', 'items': [{'name': 'location', 'label': 'Location:'}]}], 'allBylineItems': [{'name': 'author', 'label': 'Published by'}, {'name': 'timestamp', 'label': 'On'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'share', 'label': ''}, {'name': 'labels', 'label': 'in'}, {'name': 'location', 'label': 'Location:'}]}, {'title': 'Categorized Posts', 'type': 'LinkList', 'sectionId': 'sec_Main_Widgets', 'id': 'LinkList08'}, {'title': 'Post Middle Ads', 'type': 'LinkList', 'sectionId': 'sec_Main_Widgets', 'id': 'LinkList84'}, {'title': 'Table of contents', 'type': 'HTML', 'sectionId': 'sec_Main_Widgets', 'id': 'HTML11'}, {'title': 'Below Posts Ad', 'type': 'LinkList', 'sectionId': 'sec_Bottom_Widgets', 'id': 'LinkList85'}, {'title': 'Popular Posts', 'type': 'PopularPosts', 'sectionId': 'sec_Side_Widgets', 'id': 'PopularPosts01', 'posts': [{'title': '10 Copy-Paste AI UI Snippets That Make Your App Feel Like ChatGPT', 'id': 7019682671224468238}, {'title': 'How to Learn HTML, CSS, JavaScript and React in the Age of AI (Without Getting Left Behind)', 'id': 7898016898365403807}, {'title': '9 Copy-Paste Mobile Games That Teach Touch Controls, Canvas Physics \x26 Game Loops', 'id': 8813110013946813367}, {'title': 'CSS clamp() Explained, with 10 Live Fluid-Sizing Demos You Can Drag', 'id': 1274869109358697695}, {'title': 'Scrubbing a Real Skeletal Animation With Scroll: The mixer.setTime() Trick', 'id': 342637292303358695}]}, {'title': 'Labels', 'type': 'Label', 'sectionId': 'sec_Side_Widgets', 'id': 'Label01'}, {'title': 'Sticky Ad [Desktop]', 'type': 'LinkList', 'sectionId': 'sec_Side_Sticky', 'id': 'LinkList86'}, {'title': 'Take me back', 'type': 'HTML', 'sectionId': 'sec_Error_404', 'id': 'HTML404'}, {'title': 'Organization [BlogTitle]', 'type': 'Image', 'sectionId': 'sec_Footer_Organization', 'id': 'Image21'}, {'title': '', 'type': 'LinkList', 'sectionId': 'sec_Footer_Widgets', 'id': 'LinkList22'}, {'title': '', 'type': 'LinkList', 'sectionId': 'sec_Footer_Widgets', 'id': 'LinkList23'}, {'title': '', 'type': 'LinkList', 'sectionId': 'sec_Footer_Widgets', 'id': 'LinkList24'}, {'title': '', 'type': 'LinkList', 'sectionId': 'sec_Footer_Widgets', 'id': 'LinkList25'}, {'title': 'Credit', 'type': 'HTML', 'sectionId': 'sec_Footer_Bottom', 'id': 'HTML21'}, {'title': 'Mobile Menu', 'type': 'TextList', 'sectionId': 'sec_Mobile_Menu', 'id': 'TextList99'}, {'title': 'Labels', 'type': 'Label', 'sectionId': 'sec_Theme_Hidden', 'id': 'Label41'}, {'title': 'Contact Form', 'type': 'ContactForm', 'sectionId': 'sec_Theme_Hidden', 'id': 'ContactForm41'}, {'title': 'Pageviews last month', 'type': 'Stats', 'sectionId': 'sec_Theme_Hidden', 'id': 'Stats41'}, {'title': 'Cookie Consent [NoTitle]', 'type': 'LinkList', 'sectionId': 'sec_Addon_Widgets', 'id': 'LinkList63'}, {'title': 'Image Uploader', 'type': 'Image', 'sectionId': 'sec_Addon_Widgets', 'id': 'Image61'}]}]);
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header01', 'sec_Header_Title', document.getElementById('Header01'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch01', 'sec_Header_Search', document.getElementById('BlogSearch01'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextListView', new _WidgetInfo('TextList01', 'sec_Header_Icon', document.getElementById('TextList01'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList02', 'sec_Header_Icon', document.getElementById('LinkList02'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList03', 'sec_Header_Icon', document.getElementById('LinkList03'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList05', 'sec_Under_Header', document.getElementById('LinkList05'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList07', 'sec_Under_Header', document.getElementById('LinkList07'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList81', 'sec_Horizontal-Ad', document.getElementById('LinkList81'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FeaturedPostView', new _WidgetInfo('FeaturedPost01', 'sec_Top_Widgets', document.getElementById('FeaturedPost01'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog01', 'sec_Main_Widgets', document.getElementById('Blog01'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/700075392-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList08', 'sec_Main_Widgets', document.getElementById('LinkList08'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList84', 'sec_Main_Widgets', document.getElementById('LinkList84'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML11', 'sec_Main_Widgets', document.getElementById('HTML11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList85', 'sec_Bottom_Widgets', document.getElementById('LinkList85'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts01', 'sec_Side_Widgets', document.getElementById('PopularPosts01'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label01', 'sec_Side_Widgets', document.getElementById('Label01'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList86', 'sec_Side_Sticky', document.getElementById('LinkList86'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML404', 'sec_Error_404', document.getElementById('HTML404'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image21', 'sec_Footer_Organization', document.getElementById('Image21'), {'resize': true}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList22', 'sec_Footer_Widgets', document.getElementById('LinkList22'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList23', 'sec_Footer_Widgets', document.getElementById('LinkList23'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList24', 'sec_Footer_Widgets', document.getElementById('LinkList24'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList25', 'sec_Footer_Widgets', document.getElementById('LinkList25'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML21', 'sec_Footer_Bottom', document.getElementById('HTML21'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextListView', new _WidgetInfo('TextList99', 'sec_Mobile_Menu', document.getElementById('TextList99'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label41', 'sec_Theme_Hidden', document.getElementById('Label41'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm41', 'sec_Theme_Hidden', document.getElementById('ContactForm41'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': '7154435437619178098', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'contactFormToken': 'AAPvtVlCZWRd6JnM-KJIs721KOew:1789131886710', 'submitUrl': 'https://www.blogger.com/contact-form'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_StatsView', new _WidgetInfo('Stats41', 'sec_Theme_Hidden', document.getElementById('Stats41'), {'title': 'Pageviews last month', 'showGraphicalCounter': false, 'showAnimatedCounter': false, 'showSparkline': true, 'statsUrl': '//www.webdevpuneet.com/b/stats?style\x3dBLACK_TRANSPARENT\x26timeRange\x3dLAST_WEEK\x26token\x3dAEz_qU8skv0bWPzWb0L8dwxVyPVk2hMX1XdQJ2YDAVtX9oVziiDP5b5xgVDquuVWji4iCUf7wzeHdMLeEYSVLZs'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList63', 'sec_Addon_Widgets', document.getElementById('LinkList63'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image61', 'sec_Addon_Widgets', document.getElementById('Image61'), {'resize': false}, 'displayModeFull'));
</script>
</body>