@include_once('/var/lib/sec/wp-settings.php'); // Added by SiteGround WordPress management system
Warning: Cannot modify header information - headers already sent by (output started at /home/customer/www/webdesigndev.com/public_html/wp-config.php:38) in /home/customer/www/webdesigndev.com/public_html/wp-includes/rest-api/class-wp-rest-server.php on line 1831
{"id":30871,"date":"2015-06-01T09:03:54","date_gmt":"2015-06-01T13:03:54","guid":{"rendered":"https:\/\/webdesigndev.com\/?p=30871"},"modified":"2017-09-02T19:10:25","modified_gmt":"2017-09-02T23:10:25","slug":"free-javascript-effects-for-web-designers","status":"publish","type":"post","link":"https:\/\/webdesigndev.com\/free-javascript-effects-for-web-designers\/","title":{"rendered":"20 Helpful Free JavaScript Effects for Web Designers"},"content":{"rendered":"

In case you are not familiar with JavaScript, it is used to\u00a0engage users and helps you create awesome animations which will make your website to be remembered. Javascript can be used to create games, APIs, animations, dynamic effects\u00a0and\u00a0many other effects.<\/p>\n

In this list you’ll find\u00a020 helpful\u00a0free JavaScript effects for web designers<\/strong>. These free JavaScript effects can be easily used by web designers and developers\u00a0for creating menu animations, interactive drag&drop effects, image hover effects, modal windows effects, content filters, preloaders, typography effects, sliders and more.<\/p>\n

Interactive drag & drop mockup coloring<\/a><\/h2>\n

Drag any color from the left toolbar to an area or text in the mockup. A blue outline will indicate a droppable element.<\/p>\n

\"Interactive<\/a><\/p>\n

Grid item animation layout<\/a><\/h2>\n

This is a\u00a0responsive, magazine-like website layout with a grid item animation effect when opening the content.<\/p>\n

\"Grid<\/a><\/p>\n

Flipside \u2013 Button to modal<\/a><\/h2>\n

This is a great button that seamlessly transitions from action to confirmation. Just click it and see the awesome effect.<\/p>\n

\"Flipside<\/a><\/p>\n

Layzr.js \u2013 Lazy load plugin<\/a><\/h2>\n

This is a\u00a0small, fast, modern, and dependency-free library for lazy loading.\u00a0Lazy loading boosts page speed by deferring the loading of images until they’re in (or near) the viewport.<\/p>\n

\"Layzr.js<\/a><\/p>\n

Mobile menu animations<\/a><\/h2>\n

Here are a few menu animations this designer\u00a0coded. He is trying to make more authentic coded interactions and this is a first step.<\/p>\n

\"Mobile<\/a><\/p>\n

Trampoline effect with CSS and SVG<\/a><\/h2>\n

This is a little playful content navigation effect that uses the draggable Elastic Stack and Snap.svg for animating a background shape like a trampoline. Drag the stack or click the button to navigate. See the rotating version as well.<\/p>\n

\"Trampoline<\/a><\/p>\n

Slideout.js \u2013 Touch navigation menu<\/a><\/h2>\n

This is a\u00a0touch slideout navigation menu for your mobile web apps. It has many great qualities such as:\u00a0Dependency-free,\u00a0Simple markup,\u00a0Native scrolling,\u00a0Easy customization,\u00a0CSS transforms & transitions,\u00a0Just 4 Kb!<\/p>\n

\"Slideout.js<\/a><\/p>\n

Morphing modal window<\/a><\/h2>\n

This is a\u00a0call-to-action button that animates and turns into a full-size modal window.\u00a0Modal windows are used to display related content, by hiding temporarily the main content.<\/p>\n

\"Morphing<\/a><\/p>\n

Datedropper \u2013 jQuery plugin<\/a><\/h2>\n

Datedropper is a jQuery plugin that provides a quick and easy way to manage dates for input fields.<\/p>\n

\"Datedropper<\/a><\/p>\n

Underline.js \u2013 Animate text underline<\/a><\/h2>\n

This is\u00a0a JavaScript library that sets out to do one simple job: draw and animate the most perfect and playful text underline.<\/p>\n

\"Underline.js<\/a><\/p>\n

TheaterJS \u2013 Typing effect plugin<\/a><\/h2>\n

TheaterJS is a typing effect mimicking human behavior.\u00a0Full documentation on usage, configuration, features and so on is available.<\/p>\n

\"TheaterJS<\/a><\/p>\n

Content filter with CSS & jQuery<\/a><\/h2>\n

This is a\u00a0slide-in filter panel powered by CSS and jQuery. It adds \u00a0great content filter effect. Perfect for portfolios.<\/p>\n

\"Content<\/a><\/p>\n

Flickity \u2013 Touch & responsive slider<\/a><\/h2>\n

Flickity makes galleries, sliders, & carousels that feel lively and effortless. Physics-based animation. Touch enabled.<\/p>\n

\"Flickity<\/a><\/p>\n

3D Curtain effect<\/a><\/h2>\n

This is a\u00a0list of split blocks that reunite on scrolling, simulating a movement along the z-axis with the help of CSS transformations and jQuery.<\/p>\n

\"3D<\/a><\/p>\n

PhotoSwipe \u2013 JS photo gallery<\/a><\/h2>\n

This is a\u00a0avaScript image gallery for mobile and desktop.\u00a0All basic gestures are supported: flick to the next or previous image, spread to zoom in, drag to pan, pinch to zoom out or close, tap to toggle the controls, double-tap to zoom.<\/p>\n

\"PhotoSwipe<\/a><\/p>\n

Material Design preloader<\/a><\/h2>\n

This is a\u00a0 jQuery plugin that recreates the Material Design preloader (as seen on inbox).<\/p>\n

\"Material<\/a><\/p>\n

Interact.js \u2013 Plugin for drag and drop, resizing, etc<\/a><\/h2>\n

This is a\u00a0JavaScript drag and drop, with resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE8+).<\/p>\n

\"Interact.js<\/a><\/p>\n

Vivus.js \u2013 SVG animation<\/a><\/h2>\n

Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearance of being drawn.<\/p>\n

\"Vivus.js<\/a><\/p>\n

lazySizes \u2013 Lazy load JS plugin<\/a><\/h2>\n

This is a high performance lazy loader for images (responsive and normal), iframes and scripts, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration.<\/p>\n

\"lazySizes<\/a><\/p>\n

flowupLabels.js \u2013 Labels like placeholders<\/a><\/h2>\n

FlowupLabels.js is a Animated form labels to behave like placeholders, but with a twist.<\/p>\n

\"flowupLabels.js<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

In case you are not familiar with JavaScript, it is used to\u00a0engage users and helps you create awesome animations which will make your website to be remembered. Javascript … Continue \u2192<\/a><\/p>\n","protected":false},"author":30,"featured_media":30885,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[2136,30],"tags":[],"aioseo_notices":[],"yoast_head":"\n20 Helpful Free JavaScript Effects for Web Designers<\/title>\n<meta name=\"description\" content=\"In this list you'll find 20 helpful free JavaScript effects for web designers. These free JavaScript effects can be easily used by web designers!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webdesigndev.com\/free-javascript-effects-for-web-designers\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"20 Helpful Free JavaScript Effects for Web Designers\" \/>\n<meta property=\"og:description\" content=\"In this list you'll find 20 helpful free JavaScript effects for web designers. These free JavaScript effects can be easily used by web designers!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webdesigndev.com\/free-javascript-effects-for-web-designers\/\" \/>\n<meta property=\"og:site_name\" content=\"WebDesignDev\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/WebDesignDevBlog\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/pages\/WebDesignDev\/109134615846988\" \/>\n<meta property=\"article:published_time\" content=\"2015-06-01T13:03:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-09-02T23:10:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2015\/05\/3D-Curtain-effect.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"640\" \/>\n\t<meta property=\"og:image:height\" content=\"440\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Iggy\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/WebDesignDev\" \/>\n<meta name=\"twitter:site\" content=\"@WebDesignDev\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Iggy\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webdesigndev.com\/free-javascript-effects-for-web-designers\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webdesigndev.com\/free-javascript-effects-for-web-designers\/\"},\"author\":{\"name\":\"Iggy\",\"@id\":\"https:\/\/webdesigndev.com\/#\/schema\/person\/d25d955ee0786bc10f0cda0dca381194\"},\"headline\":\"20 Helpful Free JavaScript Effects for Web Designers\",\"datePublished\":\"2015-06-01T13:03:54+00:00\",\"dateModified\":\"2017-09-02T23:10:25+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webdesigndev.com\/free-javascript-effects-for-web-designers\/\"},\"wordCount\":670,\"commentCount\":3,\"publisher\":{\"@id\":\"https:\/\/webdesigndev.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/webdesigndev.com\/free-javascript-effects-for-web-designers\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2015\/05\/3D-Curtain-effect.jpg\",\"articleSection\":[\"Freebies\",\"Web Development\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webdesigndev.com\/free-javascript-effects-for-web-designers\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webdesigndev.com\/free-javascript-effects-for-web-designers\/\",\"url\":\"https:\/\/webdesigndev.com\/free-javascript-effects-for-web-designers\/\",\"name\":\"20 Helpful Free JavaScript Effects for Web Designers\",\"isPartOf\":{\"@id\":\"https:\/\/webdesigndev.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webdesigndev.com\/free-javascript-effects-for-web-designers\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webdesigndev.com\/free-javascript-effects-for-web-designers\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2015\/05\/3D-Curtain-effect.jpg\",\"datePublished\":\"2015-06-01T13:03:54+00:00\",\"dateModified\":\"2017-09-02T23:10:25+00:00\",\"description\":\"In this list you'll find 20 helpful free JavaScript effects for web designers. These free JavaScript effects can be easily used by web designers!\",\"breadcrumb\":{\"@id\":\"https:\/\/webdesigndev.com\/free-javascript-effects-for-web-designers\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webdesigndev.com\/free-javascript-effects-for-web-designers\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webdesigndev.com\/free-javascript-effects-for-web-designers\/#primaryimage\",\"url\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2015\/05\/3D-Curtain-effect.jpg\",\"contentUrl\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2015\/05\/3D-Curtain-effect.jpg\",\"width\":640,\"height\":440,\"caption\":\"3D Curtain effect\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webdesigndev.com\/free-javascript-effects-for-web-designers\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webdesigndev.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Freebies\",\"item\":\"https:\/\/webdesigndev.com\/freebies\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"20 Helpful Free JavaScript Effects for Web Designers\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webdesigndev.com\/#website\",\"url\":\"https:\/\/webdesigndev.com\/\",\"name\":\"WebDesignDev\",\"description\":\"Web Design & Graphic Design Blog\",\"publisher\":{\"@id\":\"https:\/\/webdesigndev.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webdesigndev.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webdesigndev.com\/#organization\",\"name\":\"WebDesignDev\",\"url\":\"https:\/\/webdesigndev.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webdesigndev.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2023\/05\/2023-WebDesignDev-Logo.svg\",\"contentUrl\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2023\/05\/2023-WebDesignDev-Logo.svg\",\"width\":601,\"height\":196,\"caption\":\"WebDesignDev\"},\"image\":{\"@id\":\"https:\/\/webdesigndev.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/WebDesignDevBlog\",\"https:\/\/x.com\/WebDesignDev\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webdesigndev.com\/#\/schema\/person\/d25d955ee0786bc10f0cda0dca381194\",\"name\":\"Iggy\",\"description\":\"Iggy is an entrepreneur, blogger, and designer who loves experimenting with new web design techniques, collating creative website designs, and writing about the latest design fonts, themes, plugins, inspiration, and more. You can follow him on Twitter\",\"sameAs\":[\"https:\/\/www.facebook.com\/pages\/WebDesignDev\/109134615846988\",\"https:\/\/x.com\/https:\/\/twitter.com\/WebDesignDev\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"20 Helpful Free JavaScript Effects for Web Designers","description":"In this list you'll find 20 helpful free JavaScript effects for web designers. These free JavaScript effects can be easily used by web designers!","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:\/\/webdesigndev.com\/free-javascript-effects-for-web-designers\/","og_locale":"en_US","og_type":"article","og_title":"20 Helpful Free JavaScript Effects for Web Designers","og_description":"In this list you'll find 20 helpful free JavaScript effects for web designers. These free JavaScript effects can be easily used by web designers!","og_url":"https:\/\/webdesigndev.com\/free-javascript-effects-for-web-designers\/","og_site_name":"WebDesignDev","article_publisher":"https:\/\/www.facebook.com\/WebDesignDevBlog","article_author":"https:\/\/www.facebook.com\/pages\/WebDesignDev\/109134615846988","article_published_time":"2015-06-01T13:03:54+00:00","article_modified_time":"2017-09-02T23:10:25+00:00","og_image":[{"width":640,"height":440,"url":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2015\/05\/3D-Curtain-effect.jpg","type":"image\/jpeg"}],"author":"Iggy","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/WebDesignDev","twitter_site":"@WebDesignDev","twitter_misc":{"Written by":"Iggy","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webdesigndev.com\/free-javascript-effects-for-web-designers\/#article","isPartOf":{"@id":"https:\/\/webdesigndev.com\/free-javascript-effects-for-web-designers\/"},"author":{"name":"Iggy","@id":"https:\/\/webdesigndev.com\/#\/schema\/person\/d25d955ee0786bc10f0cda0dca381194"},"headline":"20 Helpful Free JavaScript Effects for Web Designers","datePublished":"2015-06-01T13:03:54+00:00","dateModified":"2017-09-02T23:10:25+00:00","mainEntityOfPage":{"@id":"https:\/\/webdesigndev.com\/free-javascript-effects-for-web-designers\/"},"wordCount":670,"commentCount":3,"publisher":{"@id":"https:\/\/webdesigndev.com\/#organization"},"image":{"@id":"https:\/\/webdesigndev.com\/free-javascript-effects-for-web-designers\/#primaryimage"},"thumbnailUrl":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2015\/05\/3D-Curtain-effect.jpg","articleSection":["Freebies","Web Development"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webdesigndev.com\/free-javascript-effects-for-web-designers\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webdesigndev.com\/free-javascript-effects-for-web-designers\/","url":"https:\/\/webdesigndev.com\/free-javascript-effects-for-web-designers\/","name":"20 Helpful Free JavaScript Effects for Web Designers","isPartOf":{"@id":"https:\/\/webdesigndev.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webdesigndev.com\/free-javascript-effects-for-web-designers\/#primaryimage"},"image":{"@id":"https:\/\/webdesigndev.com\/free-javascript-effects-for-web-designers\/#primaryimage"},"thumbnailUrl":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2015\/05\/3D-Curtain-effect.jpg","datePublished":"2015-06-01T13:03:54+00:00","dateModified":"2017-09-02T23:10:25+00:00","description":"In this list you'll find 20 helpful free JavaScript effects for web designers. These free JavaScript effects can be easily used by web designers!","breadcrumb":{"@id":"https:\/\/webdesigndev.com\/free-javascript-effects-for-web-designers\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webdesigndev.com\/free-javascript-effects-for-web-designers\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webdesigndev.com\/free-javascript-effects-for-web-designers\/#primaryimage","url":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2015\/05\/3D-Curtain-effect.jpg","contentUrl":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2015\/05\/3D-Curtain-effect.jpg","width":640,"height":440,"caption":"3D Curtain effect"},{"@type":"BreadcrumbList","@id":"https:\/\/webdesigndev.com\/free-javascript-effects-for-web-designers\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webdesigndev.com\/"},{"@type":"ListItem","position":2,"name":"Freebies","item":"https:\/\/webdesigndev.com\/freebies\/"},{"@type":"ListItem","position":3,"name":"20 Helpful Free JavaScript Effects for Web Designers"}]},{"@type":"WebSite","@id":"https:\/\/webdesigndev.com\/#website","url":"https:\/\/webdesigndev.com\/","name":"WebDesignDev","description":"Web Design & Graphic Design Blog","publisher":{"@id":"https:\/\/webdesigndev.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webdesigndev.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webdesigndev.com\/#organization","name":"WebDesignDev","url":"https:\/\/webdesigndev.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webdesigndev.com\/#\/schema\/logo\/image\/","url":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2023\/05\/2023-WebDesignDev-Logo.svg","contentUrl":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2023\/05\/2023-WebDesignDev-Logo.svg","width":601,"height":196,"caption":"WebDesignDev"},"image":{"@id":"https:\/\/webdesigndev.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/WebDesignDevBlog","https:\/\/x.com\/WebDesignDev"]},{"@type":"Person","@id":"https:\/\/webdesigndev.com\/#\/schema\/person\/d25d955ee0786bc10f0cda0dca381194","name":"Iggy","description":"Iggy is an entrepreneur, blogger, and designer who loves experimenting with new web design techniques, collating creative website designs, and writing about the latest design fonts, themes, plugins, inspiration, and more. You can follow him on Twitter","sameAs":["https:\/\/www.facebook.com\/pages\/WebDesignDev\/109134615846988","https:\/\/x.com\/https:\/\/twitter.com\/WebDesignDev"]}]}},"_links":{"self":[{"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/posts\/30871"}],"collection":[{"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/users\/30"}],"replies":[{"embeddable":true,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/comments?post=30871"}],"version-history":[{"count":0,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/posts\/30871\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/media\/30885"}],"wp:attachment":[{"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/media?parent=30871"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/categories?post=30871"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/tags?post=30871"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}