{"id":47,"date":"2024-01-02T13:13:26","date_gmt":"2024-01-02T13:13:26","guid":{"rendered":"http:\/\/labs.thecreatology.com\/squirrel\/?p=47"},"modified":"2024-01-02T13:13:26","modified_gmt":"2024-01-02T13:13:26","slug":"css-2-opacity-all-browsers","status":"publish","type":"post","link":"https:\/\/labs.thecreatology.com\/squirrel\/css-2-opacity-all-browsers.html","title":{"rendered":"CSS 2 &#8211; Opacity &#8211; All browsers"},"content":{"rendered":"<h3>Description<\/h3>\n<p>With CSS 2 opacity you can make any element transparent or translucent without JS or Flash support.<\/p>\n<h3>Usage<\/h3>\n<p><code>opacity: .5; filter: alpha(opacity=50);-ms-filter:\"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)\";<\/code><\/p>\n<h3>Demo<\/h3>\n<p><span style=\"background: #000; width: 300px; display: block; padding: 2px;\">No Opacity 100% Black<\/span><br \/>\n<span style=\"background: #000; width: 300px; display: block; padding: 2px; opacity: .6; filter: alpha(opacity=60);\">Opacity 60% Black<\/span><br \/>\n<span style=\"background: #000; width: 300px; display: block; padding: 2px; opacity: .3; filter: alpha(opacity=30);\">Opacity 30% Black<\/span><br \/>\n<span style=\"background: #000; width: 300px; display: block; padding: 2px; opacity: .1; filter: alpha(opacity=10);\">Opacity 10% Black<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Description With CSS 2 opacity you can make any element transparent or translucent without JS or Flash support. Usage opacity: .5; filter: alpha(opacity=50);-ms-filter:&#8221;progid:DXImageTransform.Microsoft.Alpha(Opacity=50)&#8221;; Demo No Opacity 100% Black Opacity 60% Black Opacity 30% Black Opacity 10% Black<\/p>\n","protected":false},"author":1,"featured_media":313,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[5],"tags":[],"class_list":["post-47","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>CSS 2 - Opacity - All browsers - Squirrel Framework<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/labs.thecreatology.com\/squirrel\/css-2-opacity-all-browsers.html\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CSS 2 - Opacity - All browsers - Squirrel Framework\" \/>\n<meta property=\"og:description\" content=\"Description With CSS 2 opacity you can make any element transparent or translucent without JS or Flash support. Usage opacity: .5; filter: alpha(opacity=50);-ms-filter:&quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=50)&quot;; Demo No Opacity 100% Black Opacity 60% Black Opacity 30% Black Opacity 10% Black\" \/>\n<meta property=\"og:url\" content=\"https:\/\/labs.thecreatology.com\/squirrel\/css-2-opacity-all-browsers.html\" \/>\n<meta property=\"og:site_name\" content=\"Squirrel Framework\" \/>\n<meta property=\"article:published_time\" content=\"2024-01-02T13:13:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/12\/Squirrel-CSS-HTML-Workaround.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"960\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Aky Joe\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Aky Joe\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/css-2-opacity-all-browsers.html#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/css-2-opacity-all-browsers.html\"},\"author\":{\"name\":\"Aky Joe\",\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/#\\\/schema\\\/person\\\/6f8cdd40881eed27afad57461470db42\"},\"headline\":\"CSS 2 &#8211; Opacity &#8211; All browsers\",\"datePublished\":\"2024-01-02T13:13:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/css-2-opacity-all-browsers.html\"},\"wordCount\":34,\"image\":{\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/css-2-opacity-all-browsers.html#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/wp-content\\\/uploads\\\/2012\\\/12\\\/Squirrel-CSS-HTML-Workaround.jpg\",\"articleSection\":[\"CSS\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/css-2-opacity-all-browsers.html\",\"url\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/css-2-opacity-all-browsers.html\",\"name\":\"CSS 2 - Opacity - All browsers - Squirrel Framework\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/css-2-opacity-all-browsers.html#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/css-2-opacity-all-browsers.html#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/wp-content\\\/uploads\\\/2012\\\/12\\\/Squirrel-CSS-HTML-Workaround.jpg\",\"datePublished\":\"2024-01-02T13:13:26+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/#\\\/schema\\\/person\\\/6f8cdd40881eed27afad57461470db42\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/css-2-opacity-all-browsers.html#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/css-2-opacity-all-browsers.html\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/css-2-opacity-all-browsers.html#primaryimage\",\"url\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/wp-content\\\/uploads\\\/2012\\\/12\\\/Squirrel-CSS-HTML-Workaround.jpg\",\"contentUrl\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/wp-content\\\/uploads\\\/2012\\\/12\\\/Squirrel-CSS-HTML-Workaround.jpg\",\"width\":960,\"height\":500},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/css-2-opacity-all-browsers.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CSS 2 &#8211; Opacity &#8211; All browsers\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/#website\",\"url\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/\",\"name\":\"Squirrel Framework\",\"description\":\"A Swift-n-Independent Framework with Natural Customizations\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/#\\\/schema\\\/person\\\/6f8cdd40881eed27afad57461470db42\",\"name\":\"Aky Joe\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b5ad6691e023e5df9dfdb015687ce234ff8950e6cb09b9d8a404eb70f0921476?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b5ad6691e023e5df9dfdb015687ce234ff8950e6cb09b9d8a404eb70f0921476?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b5ad6691e023e5df9dfdb015687ce234ff8950e6cb09b9d8a404eb70f0921476?s=96&d=mm&r=g\",\"caption\":\"Aky Joe\"},\"description\":\"Aky, an engineer who rides 350cc Bull-Bike, Plays Guitar and Design Cool Websites.\",\"sameAs\":[\"http:\\\/\\\/about.me\\\/akyjoe\"],\"url\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/author\\\/aky\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"CSS 2 - Opacity - All browsers - Squirrel Framework","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:\/\/labs.thecreatology.com\/squirrel\/css-2-opacity-all-browsers.html","og_locale":"en_US","og_type":"article","og_title":"CSS 2 - Opacity - All browsers - Squirrel Framework","og_description":"Description With CSS 2 opacity you can make any element transparent or translucent without JS or Flash support. Usage opacity: .5; filter: alpha(opacity=50);-ms-filter:\"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)\"; Demo No Opacity 100% Black Opacity 60% Black Opacity 30% Black Opacity 10% Black","og_url":"https:\/\/labs.thecreatology.com\/squirrel\/css-2-opacity-all-browsers.html","og_site_name":"Squirrel Framework","article_published_time":"2024-01-02T13:13:26+00:00","og_image":[{"width":960,"height":500,"url":"https:\/\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/12\/Squirrel-CSS-HTML-Workaround.jpg","type":"image\/jpeg"}],"author":"Aky Joe","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Aky Joe"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/labs.thecreatology.com\/squirrel\/css-2-opacity-all-browsers.html#article","isPartOf":{"@id":"https:\/\/labs.thecreatology.com\/squirrel\/css-2-opacity-all-browsers.html"},"author":{"name":"Aky Joe","@id":"https:\/\/labs.thecreatology.com\/squirrel\/#\/schema\/person\/6f8cdd40881eed27afad57461470db42"},"headline":"CSS 2 &#8211; Opacity &#8211; All browsers","datePublished":"2024-01-02T13:13:26+00:00","mainEntityOfPage":{"@id":"https:\/\/labs.thecreatology.com\/squirrel\/css-2-opacity-all-browsers.html"},"wordCount":34,"image":{"@id":"https:\/\/labs.thecreatology.com\/squirrel\/css-2-opacity-all-browsers.html#primaryimage"},"thumbnailUrl":"https:\/\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/12\/Squirrel-CSS-HTML-Workaround.jpg","articleSection":["CSS"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/labs.thecreatology.com\/squirrel\/css-2-opacity-all-browsers.html","url":"https:\/\/labs.thecreatology.com\/squirrel\/css-2-opacity-all-browsers.html","name":"CSS 2 - Opacity - All browsers - Squirrel Framework","isPartOf":{"@id":"https:\/\/labs.thecreatology.com\/squirrel\/#website"},"primaryImageOfPage":{"@id":"https:\/\/labs.thecreatology.com\/squirrel\/css-2-opacity-all-browsers.html#primaryimage"},"image":{"@id":"https:\/\/labs.thecreatology.com\/squirrel\/css-2-opacity-all-browsers.html#primaryimage"},"thumbnailUrl":"https:\/\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/12\/Squirrel-CSS-HTML-Workaround.jpg","datePublished":"2024-01-02T13:13:26+00:00","author":{"@id":"https:\/\/labs.thecreatology.com\/squirrel\/#\/schema\/person\/6f8cdd40881eed27afad57461470db42"},"breadcrumb":{"@id":"https:\/\/labs.thecreatology.com\/squirrel\/css-2-opacity-all-browsers.html#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/labs.thecreatology.com\/squirrel\/css-2-opacity-all-browsers.html"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/labs.thecreatology.com\/squirrel\/css-2-opacity-all-browsers.html#primaryimage","url":"https:\/\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/12\/Squirrel-CSS-HTML-Workaround.jpg","contentUrl":"https:\/\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/12\/Squirrel-CSS-HTML-Workaround.jpg","width":960,"height":500},{"@type":"BreadcrumbList","@id":"https:\/\/labs.thecreatology.com\/squirrel\/css-2-opacity-all-browsers.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/labs.thecreatology.com\/squirrel"},{"@type":"ListItem","position":2,"name":"CSS 2 &#8211; Opacity &#8211; All browsers"}]},{"@type":"WebSite","@id":"https:\/\/labs.thecreatology.com\/squirrel\/#website","url":"https:\/\/labs.thecreatology.com\/squirrel\/","name":"Squirrel Framework","description":"A Swift-n-Independent Framework with Natural Customizations","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/labs.thecreatology.com\/squirrel\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/labs.thecreatology.com\/squirrel\/#\/schema\/person\/6f8cdd40881eed27afad57461470db42","name":"Aky Joe","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/b5ad6691e023e5df9dfdb015687ce234ff8950e6cb09b9d8a404eb70f0921476?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b5ad6691e023e5df9dfdb015687ce234ff8950e6cb09b9d8a404eb70f0921476?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b5ad6691e023e5df9dfdb015687ce234ff8950e6cb09b9d8a404eb70f0921476?s=96&d=mm&r=g","caption":"Aky Joe"},"description":"Aky, an engineer who rides 350cc Bull-Bike, Plays Guitar and Design Cool Websites.","sameAs":["http:\/\/about.me\/akyjoe"],"url":"https:\/\/labs.thecreatology.com\/squirrel\/author\/aky"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/12\/Squirrel-CSS-HTML-Workaround.jpg","jetpack_shortlink":"https:\/\/wp.me\/p2FaOS-L","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":90,"url":"https:\/\/labs.thecreatology.com\/squirrel\/css-3-rotation-transform-all-browser.html","url_meta":{"origin":47,"position":0},"title":"CSS 3 \u2013 Rotation Transform \u2013 All Browser","author":"Aky Joe","date":"January 2, 2024","format":false,"excerpt":"Description With CSS 3 rotate transition you can rotate elements around its axis and create animations without Flash or JS Support. Effects Below is a browser transition code which will help you make amazing animation from CSS3: rotate skewx (mozilla only) translatex (mozilla only) Usage -moz-transform:rotate(120deg);-moz-transform:skewx(25deg) translatex(150px);-webkit-transform:rotate(120deg);-o-transform:rotate(120deg);-ms-transform:rotate(120deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5); Demo Mouse Over\u2026","rel":"","context":"In &quot;CSS&quot;","block_context":{"text":"CSS","link":"https:\/\/labs.thecreatology.com\/squirrel\/category\/css"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/12\/Squirrel-CSS-HTML-Workaround.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/12\/Squirrel-CSS-HTML-Workaround.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/12\/Squirrel-CSS-HTML-Workaround.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/12\/Squirrel-CSS-HTML-Workaround.jpg?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":85,"url":"https:\/\/labs.thecreatology.com\/squirrel\/css-3-scale-transition-all-browser.html","url_meta":{"origin":47,"position":1},"title":"CSS 3 \u2013 Scale Transition &#8211; All Browser","author":"Aky Joe","date":"January 2, 2024","format":false,"excerpt":"Description With CSS 3 scale transition you can zoom-in and zoom-out animations without Flash or JS Support. Effects Below are two browser transition codes which will help you make amazing animation from CSS3: transform transform-origin Usage -webkit-transform: scale(1.15);-moz-transform: scale(1.15);-o-transform: scale(1.15);transform: scale(1.15); -webkit-transform-origin: top center;-moz-transform-origin: top center;-o-transform-origin: top center;transform-origin: top center;\u2026","rel":"","context":"In &quot;CSS&quot;","block_context":{"text":"CSS","link":"https:\/\/labs.thecreatology.com\/squirrel\/category\/css"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/12\/Squirrel-CSS-HTML-Workaround.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/12\/Squirrel-CSS-HTML-Workaround.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/12\/Squirrel-CSS-HTML-Workaround.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/12\/Squirrel-CSS-HTML-Workaround.jpg?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":36,"url":"https:\/\/labs.thecreatology.com\/squirrel\/css-3-transitions-and-effects.html","url_meta":{"origin":47,"position":2},"title":"CSS 3 &#8211; Transitions and Effects","author":"Aky Joe","date":"January 2, 2024","format":false,"excerpt":"Description With CSS 3 transition you can make some cool animations without Flash or JS Support. Effects Below are list of effects: Linear Ease Ease-in Ease-out Ease-in-out Cubic-bezier(n,n,n,n) Usage transition:all 1s linear 0s;-webkit-transition:all 1s linear 0s;-o-transition:all 1s linear 0s;-moz-transition:all 1s linear 0s; Demo Mouse Over to see hidden parts. I\u2026","rel":"","context":"In &quot;CSS&quot;","block_context":{"text":"CSS","link":"https:\/\/labs.thecreatology.com\/squirrel\/category\/css"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/12\/Squirrel-CSS-HTML-Workaround.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/12\/Squirrel-CSS-HTML-Workaround.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/12\/Squirrel-CSS-HTML-Workaround.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/12\/Squirrel-CSS-HTML-Workaround.jpg?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":178,"url":"https:\/\/labs.thecreatology.com\/squirrel\/squirrel-1-0-8-update-bootstrap-3-ready-use-css-javascript-optimization.html","url_meta":{"origin":47,"position":3},"title":"Squirrel 1.0.8 Update Bootstrap 3 Ready to Use, CSS &#038; JavaScript Optimization","author":"Aky Joe","date":"January 2, 2024","format":false,"excerpt":"Latest update Squirrel 1.0.8 integrates Twitter Bootstrap, for ready-to-use customization. The Bootstrap option is located in Squirrel Options >Include Scripts which is dependent on jQuery. \u00a0 Not only that, Squirrel is supercharged to Combine and Minify all your customized CSS and JavaScripts. As we know that Google is working hard\u2026","rel":"","context":"In &quot;Updates&quot;","block_context":{"text":"Updates","link":"https:\/\/labs.thecreatology.com\/squirrel\/category\/updates"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2016\/05\/thecreatology-bootstrap-enabled.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2016\/05\/thecreatology-bootstrap-enabled.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2016\/05\/thecreatology-bootstrap-enabled.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2016\/05\/thecreatology-bootstrap-enabled.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":139,"url":"https:\/\/labs.thecreatology.com\/squirrel\/__trashed.html","url_meta":{"origin":47,"position":4},"title":"Use CSS Selectors to Enhance User Interface without JavaScript","author":"Aky Joe","date":"January 2, 2024","format":false,"excerpt":"1. a[href^=\"http\"] This selector will style any link with a href attribute starting with \u2018http\u2019. This can be useful for styling external links to make it clear that users are being redirected away from your website, or for doing fancy things like adding a padlock icon to any links that\u2026","rel":"","context":"In &quot;CSS&quot;","block_context":{"text":"CSS","link":"https:\/\/labs.thecreatology.com\/squirrel\/category\/css"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":20,"url":"https:\/\/labs.thecreatology.com\/squirrel\/squirrel-1-0-6-new-teaser-layouts-pagination-fixes.html","url_meta":{"origin":47,"position":5},"title":"Squirrel 1.0.6 New Teaser Layouts, Pagination &#038; Fixes","author":"Aky Joe","date":"January 2, 2024","format":false,"excerpt":"If you are looking for different blog layout options, then Squirrel 1.0.6 version does it all easily. The new teaser layouts, Full Content Mode, Excerpt Mode and Magazine Style Grid layout introduced can be selected under Teaser Style Widget in\u00a0Squirrel Site Options. Wasn't that easy? Change your blog layout and\u2026","rel":"","context":"In &quot;Updates&quot;","block_context":{"text":"Updates","link":"https:\/\/labs.thecreatology.com\/squirrel\/category\/updates"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/08\/TheCreatology-Launch-Squirrel-Framework-.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/08\/TheCreatology-Launch-Squirrel-Framework-.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/08\/TheCreatology-Launch-Squirrel-Framework-.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/labs.thecreatology.com\/squirrel\/wp-content\/uploads\/2012\/08\/TheCreatology-Launch-Squirrel-Framework-.jpg?resize=700%2C400&ssl=1 2x"},"classes":[]}],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/labs.thecreatology.com\/squirrel\/wp-json\/wp\/v2\/posts\/47","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/labs.thecreatology.com\/squirrel\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/labs.thecreatology.com\/squirrel\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/labs.thecreatology.com\/squirrel\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/labs.thecreatology.com\/squirrel\/wp-json\/wp\/v2\/comments?post=47"}],"version-history":[{"count":4,"href":"https:\/\/labs.thecreatology.com\/squirrel\/wp-json\/wp\/v2\/posts\/47\/revisions"}],"predecessor-version":[{"id":50,"href":"https:\/\/labs.thecreatology.com\/squirrel\/wp-json\/wp\/v2\/posts\/47\/revisions\/50"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/labs.thecreatology.com\/squirrel\/wp-json\/wp\/v2\/media\/313"}],"wp:attachment":[{"href":"https:\/\/labs.thecreatology.com\/squirrel\/wp-json\/wp\/v2\/media?parent=47"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/labs.thecreatology.com\/squirrel\/wp-json\/wp\/v2\/categories?post=47"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/labs.thecreatology.com\/squirrel\/wp-json\/wp\/v2\/tags?post=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}