webstack
Popular Design News of the Week: September 20, 2021 – September 26, 2021
Every day design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site.
The best way to keep up with the most important stories..
Systems for z-index
Say you have a z-index bug. Something is being covered up by something else. In my experience, a typical solution is to put position: relative on the thing so z-index works in the first place, and maybe rejigger the z-index value until the right thing is on top.
The danger here is that this sets of..
The Self Provisioning Runtime
Big thoughts on where the industry is headed from Shawn Wang:
Advancements in two fields — programming languages and cloud infrastructure — will converge in a single paradigm: where all resources required by a program will be automatically provisioned, and optimized, by the environment that runs it..
The Pros and Cons of Tailwind CSS
As a utility-first CSS framework, Tailwind has rapidly become popular among developers. With its fast styling process and the freedom it offers when designing a website, it’s really no wonder why.
But how can you make sure this is the right CSS framework for your upcoming development projects? In t..
Comparing Methods for Appending and Inserting With JavaScript
Let’s say we want to add something to a webpage after the initial load. JavaScript gives us a variety of tools. Perhaps you’ve used some of them, like append, appendChild, insertAdjacentHTML, or innerHTML.
The difficult thing about appending and inserting things with JavaScript isn’t so much about ..
Our Learning Partner: Frontend Masters
Frontend Masters has been our learning partner for a couple of years now. I love it. If you need structured learning to up your web development skills, Frontend Masters is the place. It works so well because we don’t offer that kind of structured learning ourselves — I’d rather recommend a first-rat..
Weekly News for Designers № 611
Welcome to the W3C design system – A look at how the W3C’s design system is structured. You can even download templates for use in your own projects.
How to Work With Both Good & Bad Design Clients – How to determine which clients are worth the trouble and which ones you should just skip over.
CSS..
What is Your Page Title on a Google Search Engine Results Page?
Whatever Google wants it to be. I always thought it was exactly what your element was. Perhaps in lieu of that, what the first <h1> on the page is. But recently I noticed some pages on this site that were showing a title on SERPs that was a string that appeared nowhere at all in the source o.. </div>
</div>
</div>
<div class="td_module_16 td_module_wrap td-animation-stack">
<div class="td-module-thumb"><a target="_new" href="https://css-tricks.com/working-with-graphql-caching/" rel="bookmark" class="td-image-wrap" title="Working With GraphQL Caching"><img width="150" height="150" class="entry-thumb" src="https://uximposter.com/wp-content/uploads/2018/10/fixed-stroke-widths-150x150.png" alt="" title="Working With GraphQL Caching"/></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title" id="test3"><a target="_new" href="https://css-tricks.com/working-with-graphql-caching/" rel="bookmark" title="Working With GraphQL Caching">Working With GraphQL Caching</a></h3>
<div class="td-module-meta-info">
<span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2021-09-23T14:32:01+00:00" >September 23, 2021</time></span> </div>
<div class="td-excerpt">
If you’ve recently started working with GraphQL, or reviewed its pros and cons, you’ve no doubt heard things like “GraphQL doesn’t support caching” or “GraphQL doesn’t care about caching.” And for most, that is a big deal.
The official GraphQL documentation refers to caching techniques so, clearly,.. </div>
</div>
</div>
<div class="td_module_16 td_module_wrap td-animation-stack">
<div class="td-module-thumb"><a target="_new" href="https://css-tricks.com/learn-how-to-build-true-edge-apps-with-cloudflare-workers-and-fauna/" rel="bookmark" class="td-image-wrap" title="Learn How to Build True Edge Apps With Cloudflare Workers and Fauna"><img width="150" height="150" class="entry-thumb" src="https://uximposter.com/wp-content/uploads/2018/10/fixed-stroke-widths-150x150.png" alt="" title="Learn How to Build True Edge Apps With Cloudflare Workers and Fauna"/></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title" id="test3"><a target="_new" href="https://css-tricks.com/learn-how-to-build-true-edge-apps-with-cloudflare-workers-and-fauna/" rel="bookmark" title="Learn How to Build True Edge Apps With Cloudflare Workers and Fauna">Learn How to Build True Edge Apps With Cloudflare Workers and Fauna</a></h3>
<div class="td-module-meta-info">
<span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2021-09-23T14:31:12+00:00" >September 23, 2021</time></span> </div>
<div class="td-excerpt">
(This is a sponsored post.)
There is a lot of buzz around apps running on the edge instead of on a centralized server in web development. Running your app on the edge allows your code to be closer to your users, which makes it faster. However, there is a spectrum of edge apps. Many apps only have s.. </div>
</div>
</div>
<div class="page-nav td-pb-padding-side"><a href="https://uximposter.com/author/webstack/page/39/" ><i class="td-icon-menu-left"></i></a><a href="https://uximposter.com/author/webstack/" class="first" title="1">1</a><span class="extend">...</span><a href="https://uximposter.com/author/webstack/page/39/" class="page" title="39">39</a><span class="current">40</span><a href="https://uximposter.com/author/webstack/page/41/" class="page" title="41">41</a><span class="extend">...</span><a href="https://uximposter.com/author/webstack/page/249/" class="last" title="249">249</a><a href="https://uximposter.com/author/webstack/page/41/" ><i class="td-icon-menu-right"></i></a><span class="pages">Page 40 of 249</span><div class="clearfix"></div></div> </div>
</div>
<div class="td-pb-span4 td-main-sidebar">
<div class="td-ss-main-sidebar">
<div class="td-a-rec td-a-rec-id-sidebar td-rec-hide-on-p td_uid_1_674712835558c_rand td_block_template_8"><span class="td-adspot-title">- Advertisement -</span><div class="td-all-devices"><a href="#" target="_blank"><img src="https://news.gowebstack.dev/wp-content/uploads/2018/10/300x250.jpg"/></a></div></div><div class="td_block_wrap td_block_8 td_block_widget td_uid_2_6747128355e51_rand td-pb-border-top td_block_template_8 td-column-1 td_block_padding" data-td-block-uid="td_uid_2_6747128355e51" ><script>var block_td_uid_2_6747128355e51 = new tdBlock();
block_td_uid_2_6747128355e51.id = "td_uid_2_6747128355e51";
block_td_uid_2_6747128355e51.atts = '{"custom_title":"Recent Posts","custom_url":"","block_template_id":"","header_text_color":"#","border_color":"#","accent_text_color":"#","m7_tl":"","limit":"10","offset":"","el_class":"","post_ids":"","category_id":"","category_ids":"","tag_slug":"","autors_id":"","installed_post_types":"","sort":"","td_ajax_filter_type":"","td_ajax_filter_ids":"","td_filter_default_txt":"All","td_ajax_preloading":"","ajax_pagination":"","ajax_pagination_infinite_stop":"","class":"td_block_widget td_uid_2_6747128355e51_rand","separator":"","f_header_font_header":"","f_header_font_title":"Block header","f_header_font_settings":"","f_header_font_family":"","f_header_font_size":"","f_header_font_line_height":"","f_header_font_style":"","f_header_font_weight":"","f_header_font_transform":"","f_header_font_spacing":"","f_header_":"","f_ajax_font_title":"Ajax categories","f_ajax_font_settings":"","f_ajax_font_family":"","f_ajax_font_size":"","f_ajax_font_line_height":"","f_ajax_font_style":"","f_ajax_font_weight":"","f_ajax_font_transform":"","f_ajax_font_spacing":"","f_ajax_":"","f_more_font_title":"Load more button","f_more_font_settings":"","f_more_font_family":"","f_more_font_size":"","f_more_font_line_height":"","f_more_font_style":"","f_more_font_weight":"","f_more_font_transform":"","f_more_font_spacing":"","f_more_":"","m7f_title_font_header":"","m7f_title_font_title":"Article title","m7f_title_font_settings":"","m7f_title_font_family":"","m7f_title_font_size":"","m7f_title_font_line_height":"","m7f_title_font_style":"","m7f_title_font_weight":"","m7f_title_font_transform":"","m7f_title_font_spacing":"","m7f_title_":"","m7f_cat_font_title":"Article category tag","m7f_cat_font_settings":"","m7f_cat_font_family":"","m7f_cat_font_size":"","m7f_cat_font_line_height":"","m7f_cat_font_style":"","m7f_cat_font_weight":"","m7f_cat_font_transform":"","m7f_cat_font_spacing":"","m7f_cat_":"","m7f_meta_font_title":"Article meta info","m7f_meta_font_settings":"","m7f_meta_font_family":"","m7f_meta_font_size":"","m7f_meta_font_line_height":"","m7f_meta_font_style":"","m7f_meta_font_weight":"","m7f_meta_font_transform":"","m7f_meta_font_spacing":"","m7f_meta_":"","css":"","tdc_css":"","td_column_number":1,"header_color":"","color_preset":"","border_top":"","tdc_css_class":"td_uid_2_6747128355e51_rand","tdc_css_class_style":"td_uid_2_6747128355e51_rand_style"}';
block_td_uid_2_6747128355e51.td_column_number = "1";
block_td_uid_2_6747128355e51.block_type = "td_block_8";
block_td_uid_2_6747128355e51.post_count = "10";
block_td_uid_2_6747128355e51.found_posts = "2548";
block_td_uid_2_6747128355e51.header_color = "";
block_td_uid_2_6747128355e51.ajax_pagination_infinite_stop = "";
block_td_uid_2_6747128355e51.max_num_pages = "255";
tdBlocksArray.push(block_td_uid_2_6747128355e51);
</script><div class="td-block-title-wrap"><h4 class="td-block-title"><span>Recent Posts</span></h4></div><div id=td_uid_2_6747128355e51 class="td_block_inner">
<div class="td-block-span12">
<div class="td_module_7 td_module_wrap td-animation-stack">
<div class="td-module-thumb"><a target="_new" href="https://www.webdesignerdepot.com/2022/01/20-best-new-websites-january-2022/" rel="bookmark" class="td-image-wrap" title="20 Best New Websites, January 2022"><img width="100" height="70" class="entry-thumb" src="https://uximposter.com/wp-content/uploads/2022/01/001-4-100x70.jpg" srcset="https://uximposter.com/wp-content/uploads/2022/01/001-4-100x70.jpg 100w, https://uximposter.com/wp-content/uploads/2022/01/001-4-300x207.jpg 300w, https://uximposter.com/wp-content/uploads/2022/01/001-4-1024x706.jpg 1024w, https://uximposter.com/wp-content/uploads/2022/01/001-4-768x530.jpg 768w, https://uximposter.com/wp-content/uploads/2022/01/001-4-1536x1059.jpg 1536w, https://uximposter.com/wp-content/uploads/2022/01/001-4-218x150.jpg 218w, https://uximposter.com/wp-content/uploads/2022/01/001-4-696x480.jpg 696w, https://uximposter.com/wp-content/uploads/2022/01/001-4-1068x737.jpg 1068w, https://uximposter.com/wp-content/uploads/2022/01/001-4-609x420.jpg 609w, https://uximposter.com/wp-content/uploads/2022/01/001-4.jpg 1856w" sizes="(max-width: 100px) 100vw, 100px" alt="" title="20 Best New Websites, January 2022"/></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title" id="test3"><a target="_new" href="https://www.webdesignerdepot.com/2022/01/20-best-new-websites-january-2022/" rel="bookmark" title="20 Best New Websites, January 2022">20 Best New Websites, January 2022</a></h3>
<div class="td-module-meta-info">
<span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2022-01-24T14:45:57+00:00" >January 24, 2022</time></span> </div>
</div>
</div>
</div> <!-- ./td-block-span12 -->
<div class="td-block-span12">
<div class="td_module_7 td_module_wrap td-animation-stack">
<div class="td-module-thumb"><a target="_new" href="https://uxplanet.org/20-top-designers-chose-these-books-as-a-must-read-2d9b02e1825d?source=rss----819cc2aaeee0---4" rel="bookmark" class="td-image-wrap" title="20 Top Designers Chose These Books As a Must Read"><img width="100" height="70" class="entry-thumb" src="https://uximposter.com/wp-content/uploads/2022/01/1E_gXOLSf2nE7wclQFjDs7g-100x70.jpe" srcset="https://uximposter.com/wp-content/uploads/2022/01/1E_gXOLSf2nE7wclQFjDs7g-100x70.jpe 100w, https://uximposter.com/wp-content/uploads/2022/01/1E_gXOLSf2nE7wclQFjDs7g-218x150.jpe 218w" sizes="(max-width: 100px) 100vw, 100px" alt="" title="20 Top Designers Chose These Books As a Must Read"/></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title" id="test3"><a target="_new" href="https://uxplanet.org/20-top-designers-chose-these-books-as-a-must-read-2d9b02e1825d?source=rss----819cc2aaeee0---4" rel="bookmark" title="20 Top Designers Chose These Books As a Must Read">20 Top Designers Chose These Books As a Must Read</a></h3>
<div class="td-module-meta-info">
<span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2022-01-24T14:33:48+00:00" >January 24, 2022</time></span> </div>
</div>
</div>
</div> <!-- ./td-block-span12 -->
<div class="td-block-span12">
<div class="td_module_7 td_module_wrap td-animation-stack">
<div class="td-module-thumb"><a target="_new" href="https://uxplanet.org/ux-writing-vs-content-design-83ea2b4bdc39?source=rss----819cc2aaeee0---4" rel="bookmark" class="td-image-wrap" title="UX Writing vs. Content Design"><img width="100" height="70" class="entry-thumb" src="https://uximposter.com/wp-content/uploads/2022/01/0kwvMiC8s8wKqfnO--100x70.png" srcset="https://uximposter.com/wp-content/uploads/2022/01/0kwvMiC8s8wKqfnO--100x70.png 100w, https://uximposter.com/wp-content/uploads/2022/01/0kwvMiC8s8wKqfnO--218x150.png 218w, https://uximposter.com/wp-content/uploads/2022/01/0kwvMiC8s8wKqfnO--712x493.png 712w" sizes="(max-width: 100px) 100vw, 100px" alt="" title="UX Writing vs. Content Design"/></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title" id="test3"><a target="_new" href="https://uxplanet.org/ux-writing-vs-content-design-83ea2b4bdc39?source=rss----819cc2aaeee0---4" rel="bookmark" title="UX Writing vs. Content Design">UX Writing vs. Content Design</a></h3>
<div class="td-module-meta-info">
<span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2022-01-24T14:33:26+00:00" >January 24, 2022</time></span> </div>
</div>
</div>
</div> <!-- ./td-block-span12 -->
<div class="td-block-span12">
<div class="td_module_7 td_module_wrap td-animation-stack">
<div class="td-module-thumb"><a target="_new" href="https://uxplanet.org/case-study-satsback-example-of-blockchain-brand-development-6c9a32c9ec99?source=rss----819cc2aaeee0---4" rel="bookmark" class="td-image-wrap" title="Case Study: Satsback. Example of Blockchain Brand Development"><img width="100" height="70" class="entry-thumb" src="https://uximposter.com/wp-content/uploads/2022/01/1_ZFJHzbfzIGHk4zlnAk0vQ-100x70.png" srcset="https://uximposter.com/wp-content/uploads/2022/01/1_ZFJHzbfzIGHk4zlnAk0vQ-100x70.png 100w, https://uximposter.com/wp-content/uploads/2022/01/1_ZFJHzbfzIGHk4zlnAk0vQ-218x150.png 218w" sizes="(max-width: 100px) 100vw, 100px" alt="" title="Case Study: Satsback. Example of Blockchain Brand Development"/></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title" id="test3"><a target="_new" href="https://uxplanet.org/case-study-satsback-example-of-blockchain-brand-development-6c9a32c9ec99?source=rss----819cc2aaeee0---4" rel="bookmark" title="Case Study: Satsback. Example of Blockchain Brand Development">Case Study: Satsback. Example of Blockchain Brand Development</a></h3>
<div class="td-module-meta-info">
<span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2022-01-24T14:32:01+00:00" >January 24, 2022</time></span> </div>
</div>
</div>
</div> <!-- ./td-block-span12 -->
<div class="td-block-span12">
<div class="td_module_7 td_module_wrap td-animation-stack">
<div class="td-module-thumb"><a target="_new" href="https://uxplanet.org/results-vs-process-whats-more-important-for-designers-3dec6c1fe202?source=rss----819cc2aaeee0---4" rel="bookmark" class="td-image-wrap" title="Results vs process: what’s more important for designers"><img width="100" height="70" class="entry-thumb" src="https://uximposter.com/wp-content/uploads/2022/01/1Y_gGGea2kv08kGJ6yt_L6A-100x70.png" srcset="https://uximposter.com/wp-content/uploads/2022/01/1Y_gGGea2kv08kGJ6yt_L6A-100x70.png 100w, https://uximposter.com/wp-content/uploads/2022/01/1Y_gGGea2kv08kGJ6yt_L6A-218x150.png 218w" sizes="(max-width: 100px) 100vw, 100px" alt="" title="Results vs process: what’s more important for designers"/></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title" id="test3"><a target="_new" href="https://uxplanet.org/results-vs-process-whats-more-important-for-designers-3dec6c1fe202?source=rss----819cc2aaeee0---4" rel="bookmark" title="Results vs process: what’s more important for designers">Results vs process: what’s more important for designers</a></h3>
<div class="td-module-meta-info">
<span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2022-01-24T11:22:04+00:00" >January 24, 2022</time></span> </div>
</div>
</div>
</div> <!-- ./td-block-span12 -->
<div class="td-block-span12">
<div class="td_module_7 td_module_wrap td-animation-stack">
<div class="td-module-thumb"><a target="_new" href="https://uxplanet.org/spacing-guide-for-designers-5bd140afe52a?source=rss----819cc2aaeee0---4" rel="bookmark" class="td-image-wrap" title="Spacing guide for designers"><img width="100" height="70" class="entry-thumb" src="https://uximposter.com/wp-content/uploads/2022/01/1nxg1FZvAk0QhZ-nuoJ6BYw-100x70.png" srcset="https://uximposter.com/wp-content/uploads/2022/01/1nxg1FZvAk0QhZ-nuoJ6BYw-100x70.png 100w, https://uximposter.com/wp-content/uploads/2022/01/1nxg1FZvAk0QhZ-nuoJ6BYw-218x150.png 218w" sizes="(max-width: 100px) 100vw, 100px" alt="" title="Spacing guide for designers"/></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title" id="test3"><a target="_new" href="https://uxplanet.org/spacing-guide-for-designers-5bd140afe52a?source=rss----819cc2aaeee0---4" rel="bookmark" title="Spacing guide for designers">Spacing guide for designers</a></h3>
<div class="td-module-meta-info">
<span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2022-01-24T10:01:06+00:00" >January 24, 2022</time></span> </div>
</div>
</div>
</div> <!-- ./td-block-span12 -->
<div class="td-block-span12">
<div class="td_module_7 td_module_wrap td-animation-stack">
<div class="td-module-thumb"><a target="_new" href="https://uxplanet.org/why-the-world-needs-low-code-acc13c9f1a5a?source=rss----819cc2aaeee0---4" rel="bookmark" class="td-image-wrap" title="Why the world needs Low-Code"><img width="100" height="70" class="entry-thumb" src="https://uximposter.com/wp-content/uploads/2022/01/1YRYT8byKhblKucpVKtr0DA-100x70.png" srcset="https://uximposter.com/wp-content/uploads/2022/01/1YRYT8byKhblKucpVKtr0DA-100x70.png 100w, https://uximposter.com/wp-content/uploads/2022/01/1YRYT8byKhblKucpVKtr0DA-218x150.png 218w" sizes="(max-width: 100px) 100vw, 100px" alt="" title="Why the world needs Low-Code"/></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title" id="test3"><a target="_new" href="https://uxplanet.org/why-the-world-needs-low-code-acc13c9f1a5a?source=rss----819cc2aaeee0---4" rel="bookmark" title="Why the world needs Low-Code">Why the world needs Low-Code</a></h3>
<div class="td-module-meta-info">
<span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2022-01-24T10:00:06+00:00" >January 24, 2022</time></span> </div>
</div>
</div>
</div> <!-- ./td-block-span12 -->
<div class="td-block-span12">
<div class="td_module_7 td_module_wrap td-animation-stack">
<div class="td-module-thumb"><a target="_new" href="https://www.webdesignerdepot.com/2022/01/popular-design-news-of-the-week-january-17-2022-january-23-2022/" rel="bookmark" class="td-image-wrap" title="Popular Design News of the Week: January 17, 2022 – January 23, 2022"><img width="100" height="70" class="entry-thumb" src="https://uximposter.com/wp-content/uploads/2018/10/fixed-stroke-widths-100x70.png" srcset="https://uximposter.com/wp-content/uploads/2018/10/fixed-stroke-widths-100x70.png 100w, https://uximposter.com/wp-content/uploads/2018/10/fixed-stroke-widths-218x150.png 218w" sizes="(max-width: 100px) 100vw, 100px" alt="" title="Popular Design News of the Week: January 17, 2022 – January 23, 2022"/></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title" id="test3"><a target="_new" href="https://www.webdesignerdepot.com/2022/01/popular-design-news-of-the-week-january-17-2022-january-23-2022/" rel="bookmark" title="Popular Design News of the Week: January 17, 2022 – January 23, 2022">Popular Design News of the Week: January 17, 2022 – January...</a></h3>
<div class="td-module-meta-info">
<span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2022-01-23T14:45:06+00:00" >January 23, 2022</time></span> </div>
</div>
</div>
</div> <!-- ./td-block-span12 -->
<div class="td-block-span12">
<div class="td_module_7 td_module_wrap td-animation-stack">
<div class="td-module-thumb"><a target="_new" href="https://css-tricks.com/using-svg-in-wordpress/" rel="bookmark" class="td-image-wrap" title="Using SVG in WordPress (2 Helpful Plugin Recommendations)"><img width="100" height="70" class="entry-thumb" src="https://uximposter.com/wp-content/uploads/2022/01/using-svg-in-wordpress-100x70.png" srcset="https://uximposter.com/wp-content/uploads/2022/01/using-svg-in-wordpress-100x70.png 100w, https://uximposter.com/wp-content/uploads/2022/01/using-svg-in-wordpress-218x150.png 218w" sizes="(max-width: 100px) 100vw, 100px" alt="" title="Using SVG in WordPress (2 Helpful Plugin Recommendations)"/></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title" id="test3"><a target="_new" href="https://css-tricks.com/using-svg-in-wordpress/" rel="bookmark" title="Using SVG in WordPress (2 Helpful Plugin Recommendations)">Using SVG in WordPress (2 Helpful Plugin Recommendations)</a></h3>
<div class="td-module-meta-info">
<span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2022-01-21T19:35:31+00:00" >January 21, 2022</time></span> </div>
</div>
</div>
</div> <!-- ./td-block-span12 -->
<div class="td-block-span12">
<div class="td_module_7 td_module_wrap td-animation-stack">
<div class="td-module-thumb"><a target="_new" href="https://css-tricks.com/context-aware-web-components/" rel="bookmark" class="td-image-wrap" title="Context-Aware Web Components Are Easier Than You Think"><img width="100" height="70" class="entry-thumb" src="https://uximposter.com/wp-content/uploads/2022/01/Screen-Shot-2022-01-05-at-1.33.02-PM-100x70.png" srcset="https://uximposter.com/wp-content/uploads/2022/01/Screen-Shot-2022-01-05-at-1.33.02-PM-100x70.png 100w, https://uximposter.com/wp-content/uploads/2022/01/Screen-Shot-2022-01-05-at-1.33.02-PM-218x150.png 218w" sizes="(max-width: 100px) 100vw, 100px" alt="" title="Context-Aware Web Components Are Easier Than You Think"/></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title" id="test3"><a target="_new" href="https://css-tricks.com/context-aware-web-components/" rel="bookmark" title="Context-Aware Web Components Are Easier Than You Think">Context-Aware Web Components Are Easier Than You Think</a></h3>
<div class="td-module-meta-info">
<span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2022-01-21T14:08:05+00:00" >January 21, 2022</time></span> </div>
</div>
</div>
</div> <!-- ./td-block-span12 --></div></div> <!-- ./block --> </div>
</div>
</div> <!-- /.td-pb-row -->
</div> <!-- /.td-container -->
</div> <!-- /.td-main-content-wrap -->
<!-- Instagram -->
<!-- Footer -->
<div class="td-footer-wrapper td-container-wrap td-footer-template-2 ">
<div class="td-container">
<div class="td-pb-row">
<div class="td-pb-span12">
</div>
</div>
<div class="td-pb-row">
<div class="td-pb-span4">
<div class="td-footer-info"><div class="footer-logo-wrap"><a href="https://uximposter.com/"><img class="td-retina-data" src="https://uximposter.com/wp-content/uploads/2021/12/uximposter@1x.png" data-retina="https://uximposter.com/wp-content/uploads/2021/12/uximposter@1x.png" alt="Fresh UX Articles " title="UX Imposter" width="366" /></a></div><div class="footer-text-wrap">Our favorite curated articles from around the web ranging from UX Strategy, Design and Front End Code topics that UX Designers might find helpful, educational and useful in helping them develop their personal UX practice. </div><div class="footer-social-wrap td-social-style-2"></div></div>
</div>
<div class="td-pb-span4">
<div class="td_block_wrap td_block_7 td_uid_4_6747128361639_rand td-pb-border-top td_block_template_8 td-column-1 td_block_padding" data-td-block-uid="td_uid_4_6747128361639" ><script>var block_td_uid_4_6747128361639 = new tdBlock();
block_td_uid_4_6747128361639.id = "td_uid_4_6747128361639";
block_td_uid_4_6747128361639.atts = '{"custom_title":"POPULAR POSTS","limit":4,"sort":"popular","separator":"","custom_url":"","block_template_id":"","m6_tl":"","post_ids":"","category_id":"","category_ids":"","tag_slug":"","autors_id":"","installed_post_types":"","offset":"","el_class":"","td_ajax_filter_type":"","td_ajax_filter_ids":"","td_filter_default_txt":"All","td_ajax_preloading":"","f_header_font_header":"","f_header_font_title":"Block header","f_header_font_settings":"","f_header_font_family":"","f_header_font_size":"","f_header_font_line_height":"","f_header_font_style":"","f_header_font_weight":"","f_header_font_transform":"","f_header_font_spacing":"","f_header_":"","f_ajax_font_title":"Ajax categories","f_ajax_font_settings":"","f_ajax_font_family":"","f_ajax_font_size":"","f_ajax_font_line_height":"","f_ajax_font_style":"","f_ajax_font_weight":"","f_ajax_font_transform":"","f_ajax_font_spacing":"","f_ajax_":"","f_more_font_title":"Load more button","f_more_font_settings":"","f_more_font_family":"","f_more_font_size":"","f_more_font_line_height":"","f_more_font_style":"","f_more_font_weight":"","f_more_font_transform":"","f_more_font_spacing":"","f_more_":"","m6f_title_font_header":"","m6f_title_font_title":"Article title","m6f_title_font_settings":"","m6f_title_font_family":"","m6f_title_font_size":"","m6f_title_font_line_height":"","m6f_title_font_style":"","m6f_title_font_weight":"","m6f_title_font_transform":"","m6f_title_font_spacing":"","m6f_title_":"","m6f_cat_font_title":"Article category tag","m6f_cat_font_settings":"","m6f_cat_font_family":"","m6f_cat_font_size":"","m6f_cat_font_line_height":"","m6f_cat_font_style":"","m6f_cat_font_weight":"","m6f_cat_font_transform":"","m6f_cat_font_spacing":"","m6f_cat_":"","m6f_meta_font_title":"Article meta info","m6f_meta_font_settings":"","m6f_meta_font_family":"","m6f_meta_font_size":"","m6f_meta_font_line_height":"","m6f_meta_font_style":"","m6f_meta_font_weight":"","m6f_meta_font_transform":"","m6f_meta_font_spacing":"","m6f_meta_":"","ajax_pagination":"","ajax_pagination_infinite_stop":"","css":"","tdc_css":"","td_column_number":1,"header_color":"","color_preset":"","border_top":"","class":"td_uid_4_6747128361639_rand","tdc_css_class":"td_uid_4_6747128361639_rand","tdc_css_class_style":"td_uid_4_6747128361639_rand_style"}';
block_td_uid_4_6747128361639.td_column_number = "1";
block_td_uid_4_6747128361639.block_type = "td_block_7";
block_td_uid_4_6747128361639.post_count = "4";
block_td_uid_4_6747128361639.found_posts = "2548";
block_td_uid_4_6747128361639.header_color = "";
block_td_uid_4_6747128361639.ajax_pagination_infinite_stop = "";
block_td_uid_4_6747128361639.max_num_pages = "637";
tdBlocksArray.push(block_td_uid_4_6747128361639);
</script><div class="td-block-title-wrap"><h4 class="td-block-title"><span>POPULAR POSTS</span></h4></div><div id=td_uid_4_6747128361639 class="td_block_inner">
<div class="td-block-span12">
<div class="td_module_6 td_module_wrap td-animation-stack">
<div class="td-module-thumb"><a target="_new" href="https://uximposter.com/design-is-all-about-details/" rel="bookmark" class="td-image-wrap" title="Design is all about details"><img width="100" height="70" class="entry-thumb" src="https://uximposter.com/wp-content/uploads/2018/12/usejournal-100x70.jpg" srcset="https://uximposter.com/wp-content/uploads/2018/12/usejournal-100x70.jpg 100w, https://uximposter.com/wp-content/uploads/2018/12/usejournal-218x150.jpg 218w" sizes="(max-width: 100px) 100vw, 100px" alt="" title="Design is all about details"/></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title" id="test3"><a target="_new" href="https://uximposter.com/design-is-all-about-details/" rel="bookmark" title="Design is all about details">Design is all about details</a></h3> <div class="td-module-meta-info">
<span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2019-01-28T04:23:15+00:00" >January 28, 2019</time></span> </div>
</div>
</div>
</div> <!-- ./td-block-span12 -->
<div class="td-block-span12">
<div class="td_module_6 td_module_wrap td-animation-stack">
<div class="td-module-thumb"><a target="_new" href="https://uximposter.com/is-the-end-near-for-flat-logo-design/" rel="bookmark" class="td-image-wrap" title="Is the end near for flat logo design?"><img width="100" height="70" class="entry-thumb" src="https://uximposter.com/wp-content/themes/Newspaper/images/no-thumb/td_100x70.png" alt=""/></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title" id="test3"><a target="_new" href="https://uximposter.com/is-the-end-near-for-flat-logo-design/" rel="bookmark" title="Is the end near for flat logo design?">Is the end near for flat logo design?</a></h3> <div class="td-module-meta-info">
<span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2021-03-14T11:43:45+00:00" >March 14, 2021</time></span> </div>
</div>
</div>
</div> <!-- ./td-block-span12 -->
<div class="td-block-span12">
<div class="td_module_6 td_module_wrap td-animation-stack">
<div class="td-module-thumb"><a target="_new" href="https://css-tricks.com/wordpress-5-7-big-ol-jquery-update/" rel="bookmark" class="td-image-wrap" title="WordPress 5.7: Big ol’ jQuery Update"><img width="100" height="70" class="entry-thumb" src="https://uximposter.com/wp-content/uploads/2018/10/fixed-stroke-widths-100x70.png" srcset="https://uximposter.com/wp-content/uploads/2018/10/fixed-stroke-widths-100x70.png 100w, https://uximposter.com/wp-content/uploads/2018/10/fixed-stroke-widths-218x150.png 218w" sizes="(max-width: 100px) 100vw, 100px" alt="" title="WordPress 5.7: Big ol’ jQuery Update"/></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title" id="test3"><a target="_new" href="https://css-tricks.com/wordpress-5-7-big-ol-jquery-update/" rel="bookmark" title="WordPress 5.7: Big ol’ jQuery Update">WordPress 5.7: Big ol’ jQuery Update</a></h3> <div class="td-module-meta-info">
<span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2021-02-11T16:08:47+00:00" >February 11, 2021</time></span> </div>
</div>
</div>
</div> <!-- ./td-block-span12 -->
<div class="td-block-span12">
<div class="td_module_6 td_module_wrap td-animation-stack">
<div class="td-module-thumb"><a target="_new" href="https://uxplanet.org/gamification-motivation-model-911f6ba17863" rel="bookmark" class="td-image-wrap" title="Gamification: Motivation Model"><img width="100" height="70" class="entry-thumb" src="https://uximposter.com/wp-content/uploads/2019/01/GamificationMotivation-Model-100x70.png" srcset="https://uximposter.com/wp-content/uploads/2019/01/GamificationMotivation-Model-100x70.png 100w, https://uximposter.com/wp-content/uploads/2019/01/GamificationMotivation-Model-218x150.png 218w" sizes="(max-width: 100px) 100vw, 100px" alt="" title="Gamification: Motivation Model"/></a></div>
<div class="item-details">
<h3 class="entry-title td-module-title" id="test3"><a target="_new" href="https://uxplanet.org/gamification-motivation-model-911f6ba17863" rel="bookmark" title="Gamification: Motivation Model">Gamification: Motivation Model</a></h3> <div class="td-module-meta-info">
<span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2019-01-21T07:35:16+00:00" >January 21, 2019</time></span> </div>
</div>
</div>
</div> <!-- ./td-block-span12 --></div></div> <!-- ./block -->
</div>
<div class="td-pb-span4">
<div class="td_block_wrap td_block_popular_categories td_uid_5_674712836ee88_rand widget widget_categories td-pb-border-top td_block_template_8" data-td-block-uid="td_uid_5_674712836ee88" ><div class="td-block-title-wrap"><h4 class="td-block-title"><span>POPULAR CATEGORY</span></h4></div><ul class="td-pb-padding-side"><li><a href="https://uximposter.com/category/ux-design/"><span class="td-cat-name">UX</span><span class="td-cat-no">2402</span></a></li><li><a href="https://uximposter.com/category/journey-mapping/"><span class="td-cat-name">Journey Mapping</span><span class="td-cat-no">806</span></a></li><li><a href="https://uximposter.com/category/ux-research/"><span class="td-cat-name">UX Research</span><span class="td-cat-no">805</span></a></li><li><a href="https://uximposter.com/category/wireframes/"><span class="td-cat-name">Wireframes</span><span class="td-cat-no">784</span></a></li><li><a href="https://uximposter.com/category/prototyping/"><span class="td-cat-name">Prototyping</span><span class="td-cat-no">783</span></a></li><li><a href="https://uximposter.com/category/user-interviews/"><span class="td-cat-name">User Interviews</span><span class="td-cat-no">771</span></a></li><li><a href="https://uximposter.com/category/code/"><span class="td-cat-name">Code</span><span class="td-cat-no">760</span></a></li><li><a href="https://uximposter.com/category/service-design/"><span class="td-cat-name">Service Design</span><span class="td-cat-no">752</span></a></li><li><a href="https://uximposter.com/category/ui/"><span class="td-cat-name">UI Design</span><span class="td-cat-no">742</span></a></li><li><a href="https://uximposter.com/category/usability-testing/"><span class="td-cat-name">Usability Testing</span><span class="td-cat-no">722</span></a></li><li><a href="https://uximposter.com/category/user-experience/"><span class="td-cat-name">user-experience</span><span class="td-cat-no">680</span></a></li><li><a href="https://uximposter.com/category/product-design/"><span class="td-cat-name">product-design</span><span class="td-cat-no">678</span></a></li></ul></div> <!-- ./block -->
</div>
</div>
</div>
</div>
<!-- Sub Footer -->
<div class="td-sub-footer-container td-container-wrap ">
<div class="td-container">
<div class="td-pb-row">
<div class="td-pb-span td-sub-footer-menu">
<div class="menu-td-demo-footer-menu-container"><ul id="menu-td-demo-footer-menu" class="td-subfooter-menu"><li id="menu-item-1208" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-first td-menu-item td-normal-menu menu-item-1208"><a href="#">Home</a></li>
<li id="menu-item-1211" class="menu-item menu-item-type-custom menu-item-object-custom td-menu-item td-normal-menu menu-item-1211"><a href="#">Contact</a></li>
</ul></div> </div>
<div class="td-pb-span td-sub-footer-copy">
© Copyright 2021 - UX Imposter </div>
</div>
</div>
</div>
<script>
jQuery(document).ready(function(){
jQuery("#menu-mobile-menu .menu-item-has-children").mouseover(function(){
jQuery('#menu-mobile-menu').css("overflow-x", "unset");
});
jQuery("#menu-mobile-menu .menu-item-has-children").mouseout(function(){
jQuery('#menu-mobile-menu').css("overflow-x", "auto");
});
});
</script>
</div><!--close td-outer-wrap-->
<!--
Theme: Newspaper by tagDiv.com 2017
Version: 8.8.2 (rara)
Deploy mode: deploy
uid: 674712837236d
-->
<script type="text/javascript" src="https://uximposter.com/wp-content/themes/Newspaper/js/tagdiv_theme.min.js?ver=8.8.2" id="td-site-min-js"></script>
<!-- JS generated by theme -->
<script>
(function(){
var html_jquery_obj = jQuery('html');
if (html_jquery_obj.length && (html_jquery_obj.is('.ie8') || html_jquery_obj.is('.ie9'))) {
var path = 'https://uximposter.com/wp-content/themes/Newspaper/style.css';
jQuery.get(path, function(data) {
var str_split_separator = '#td_css_split_separator';
var arr_splits = data.split(str_split_separator);
var arr_length = arr_splits.length;
if (arr_length > 1) {
var dir_path = 'https://uximposter.com/wp-content/themes/Newspaper';
var splited_css = '';
for (var i = 0; i < arr_length; i++) {
if (i > 0) {
arr_splits[i] = str_split_separator + ' ' + arr_splits[i];
}
//jQuery('head').append('<style>' + arr_splits[i] + '</style>');
var formated_str = arr_splits[i].replace(/\surl\(\'(?!data\:)/gi, function regex_function(str) {
return ' url(\'' + dir_path + '/' + str.replace(/url\(\'/gi, '').replace(/^\s+|\s+$/gm,'');
});
splited_css += "<style>" + formated_str + "</style>";
}
var td_theme_css = jQuery('link#td-theme-css');
if (td_theme_css.length) {
td_theme_css.after(splited_css);
}
}
});
}
})();
</script>
<!-- Cookie Notice plugin v2.5.3 by Hu-manity.co https://hu-manity.co/ -->
<div id="cookie-notice" role="dialog" class="cookie-notice-hidden cookie-revoke-hidden cn-position-bottom" aria-label="Cookie Notice" style="background-color: rgba(255,255,255,1);"><div class="cookie-notice-container" style="color: #2b0d77"><span id="cn-notice-text" class="cn-text-container">We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.</span><span id="cn-notice-buttons" class="cn-buttons-container"><a href="#" id="cn-accept-cookie" data-cookie-set="accept" class="cn-set-cookie cn-button cn-button-custom button" aria-label="Sure, Cookies Are Cool">Sure, Cookies Are Cool</a></span><span id="cn-close-notice" data-cookie-set="accept" class="cn-close-icon" title="No"></span></div>
</div>
<!-- / Cookie Notice plugin -->
</body>
</html>
<!-- Dynamic page generated in 0.883 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2024-11-27 12:37:23 -->
<!-- super cache -->