<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="wordpress.com" -->
<urlset xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd"><url><loc>https://uipencil.com/2024/04/21/master-consistent-styles-with-css-currentcolor-3-powerful-use-cases/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2024/04/css-layer.png</image:loc><image:title>css layer</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2024/04/horizontal-banner-2.png</image:loc><image:title>horizontal-banner-2</image:title></image:image><lastmod>2024-04-21T08:38:30+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2024/03/09/make-your-website-accessible-with-wcag-html-css-examples/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2024/03/screenshot-2024-03-07-at-3.30.57e280afpm-1.png</image:loc><image:title>Screenshot 2024-03-07 at 3.30.57 PM</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2024/03/screenshot-2024-03-07-at-3.30.57e280afpm.png</image:loc><image:title>screenshot-2024-03-07-at-3.30.57e280afpm</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2024/03/screenshot-2024-03-07-at-3.18.52e280afpm-1.png</image:loc><image:title>screenshot-2024-03-07-at-3.18.52e280afpm-1</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2024/03/screenshot-2024-03-07-at-3.18.52e280afpm.png</image:loc><image:title>screenshot-2024-03-07-at-3.18.52e280afpm</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2024/01/wcag.png</image:loc><image:title>wcag</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2024/03/horizontal_banner_wcag.png</image:loc><image:title>horizontal_banner_wcag</image:title></image:image><lastmod>2024-03-07T07:35:56+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2024/02/24/complete-guide-of-css-nth-child/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2024/02/css-substring-matching.png</image:loc><image:title>css Substring matching</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2024/02/horizontal-banner.png</image:loc><image:title>horizontal-banner</image:title></image:image><lastmod>2024-02-24T12:16:01+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2023/03/14/create-gradient-borders-with-css/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/03/post_feature_gradientborder.webp</image:loc><image:title>post_feature_gradientborder</image:title></image:image><lastmod>2024-02-22T02:23:30+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2022/09/14/how-to-check-form-validity-from-pure-css-in-range-out-of-range-user-invalid/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/banner_css_formsvalidity.webp</image:loc><image:title>banner_css_formsvalidity</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/post_feature__css_formsvalidity.webp</image:loc><image:title>post_feature__css_formsvalidity</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/post_img_cssformvadility.webp</image:loc><image:title>post_img_cssformvadility</image:title></image:image><lastmod>2024-02-22T02:12:34+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2024/02/17/css-nesting-how-to-create-a-neat-css-file/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2024/02/flex-vs-grid.png</image:loc><image:title>flex vs grid</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2024/02/horizontal-banner-1.png</image:loc><image:title>horizontal-banner-1</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2024/02/screenshot-2024-02-16-at-11.06.08e280afam.png</image:loc><image:title>screenshot-2024-02-16-at-11.06.08e280afam</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2024/02/screenshot-2024-02-16-at-10.37.50e280afam.png</image:loc><image:title>Screenshot 2024-02-16 at 10.37.50 AM</image:title></image:image><lastmod>2024-02-16T10:07:48+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2022/08/05/css-cascade-layers-layer/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/post_feature_csslayer.png</image:loc><image:title>post_feature_csslayer</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/banner_csslayer.png</image:loc><image:title>banner_csslayer</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/banner_csslayer.webp</image:loc><image:title>banner_csslayer</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/post_feature_1.webp</image:loc><image:title>post_feature_1</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/post-img-layer-1.jpg</image:loc><image:title>post-img-layer-1</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/post-img-layer.jpg</image:loc><image:title>post-img-layer</image:title></image:image><lastmod>2024-02-16T10:07:15+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2022/10/17/introducing-new-css-query-container/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/10/post_feature_csscontainer.png</image:loc><image:title>post_feature_csscontainer</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/10/post_feature_css_formsvalidity.png</image:loc><image:title>post_feature_css_formsvalidity</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/10/post_feature_aspect-ratio.png</image:loc><image:title>post_feature_aspect-ratio</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/10/post_feature_will-change.png</image:loc><image:title>post_feature_will-change</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/10/post_feature_csscontainer.webp</image:loc><image:title>post_feature_csscontainer</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/10/banner_csscontainer.webp</image:loc><image:title>banner_csscontainer</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/10/post-img-csscontainer.webp</image:loc><image:title>post-img-csscontainer</image:title></image:image><lastmod>2024-02-16T10:06:07+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2023/02/01/understand-css-pseudo-class-where/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/02/post_feature_csswhere.webp</image:loc><image:title>post_feature_csswhere</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/02/banner_csswhere.webp</image:loc><image:title>banner_csswhere</image:title></image:image><lastmod>2024-02-16T10:05:32+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2023/12/29/html-time-tag-how-to-use-it-for-date-and-time-display/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/12/html-accordions.jpg</image:loc><image:title>html accordions</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/12/horizontal-banner.png</image:loc><image:title>horizontal banner</image:title></image:image><lastmod>2024-02-16T09:57:19+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2024/01/03/get-your-new-webpage-on-google-a-quick-easy-guide/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2024/01/frame-73.png</image:loc><image:title>Frame 73</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2024/01/horizontal-banner-1.png</image:loc><image:title>horizontal-banner-1</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2024/01/screenshot-2024-01-03-at-10.06.44-am.png</image:loc><image:title>screenshot-2024-01-03-at-10.06.44-am</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2024/01/screenshot-2024-01-03-at-10.08.56-am.png</image:loc><image:title>screenshot-2024-01-03-at-10.08.56-am</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2024/01/screenshot-2024-01-03-at-10.04.07-am.png</image:loc><image:title>screenshot-2024-01-03-at-10.04.07-am</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2024/01/screenshot-2024-01-03-at-9.42.18-am-1.png</image:loc><image:title>screenshot-2024-01-03-at-9.42.18-am-1</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2024/01/screenshot-2024-01-03-at-9.41.26-am-1.png</image:loc><image:title>screenshot-2024-01-03-at-9.41.26-am-1</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2024/01/screenshot-2024-01-03-at-9.43.20-am.png</image:loc><image:title>screenshot-2024-01-03-at-9.43.20-am</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2024/01/screenshot-2024-01-03-at-9.42.44-am.png</image:loc><image:title>screenshot-2024-01-03-at-9.42.44-am</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2024/01/screenshot-2024-01-03-at-9.42.28-am.png</image:loc><image:title>screenshot-2024-01-03-at-9.42.28-am</image:title></image:image><lastmod>2024-02-16T09:52:24+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2023/06/18/the-essential-role-of-css-variables-css-var/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/06/post_feature_cssvariables.png</image:loc><image:title>post_feature_cssvariables</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/06/banner_cssvariables.png</image:loc><image:title>banner_cssvariables</image:title></image:image><lastmod>2024-02-16T09:44:05+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2022/08/30/how-to-create-a-meter-scale-from-pure-html-html-meter-tag/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/banner_meter.webp</image:loc><image:title>banner_meter</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/post-img-htmlmeter-3-1.webp</image:loc><image:title>post-img-htmlmeter-3-1</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/post-img-htmlmeter-3.webp</image:loc><image:title>post-img-htmlmeter-3</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/post_feature_htmlmeter.webp</image:loc><image:title>post_feature_htmlmeter</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/post-img-htmlmeter-2.webp</image:loc><image:title>post-img-htmlmeter-2</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/post-img-htmlmeter-1.webp</image:loc><image:title>post-img-htmlmeter-1</image:title></image:image><lastmod>2024-02-14T10:03:25+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2022/08/20/css-accent-color/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/banner_cssaccentcolor.webp</image:loc><image:title>banner_cssaccentcolor</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/post_feature_accentcolor.webp</image:loc><image:title>post_feature_accentcolor</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/post_img_accentcolor3.jpg</image:loc><image:title>post_img_accentcolor3</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/post_img_accentcolor1.jpg</image:loc><image:title>post_img_accentcolor1</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/post_img_accentcolor2.jpg</image:loc><image:title>post_img_accentcolor2</image:title></image:image><lastmod>2024-02-14T10:02:38+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2022/08/29/how-to-create-a-progress-bar-from-pure-html/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/banner_htmlprogress.webp</image:loc><image:title>banner_htmlprogress</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/post_feature_htmlprogress.webp</image:loc><image:title>post_feature_htmlprogress</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/post-img-htmlprogress-3-1.jpg</image:loc><image:title>post-img-htmlprogress-3-1</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/post-img-htmlprogress-2.gif</image:loc><image:title>post-img-htmlprogress-2</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/post-img-htmlprogress-1.jpg</image:loc><image:title>post-img-htmlprogress-1</image:title></image:image><lastmod>2024-02-14T10:00:44+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2022/10/03/a-complete-guide-for-css-color-model/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/10/post-img-colormodel-rgb3-2.png</image:loc><image:title>post-img-colormodel-rgb3</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/10/post-img-colormodel-rgb2-2.png</image:loc><image:title>post-img-colormodel-rgb2</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/10/post-img-colormodel-rgb5.png</image:loc><image:title>post-img-colormodel-rgb5</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/10/post-img-colormodel-rgb4-1.png</image:loc><image:title>post-img-colormodel-rgb4</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/10/post-img-colormodel-rgb.png</image:loc><image:title>post-img-colormodel-rgb</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/10/banner_colormodelcss.webp</image:loc><image:title>banner_colormodelcss</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/post_feature_colormodelcss.webp</image:loc><image:title>post_feature_colormodelcss</image:title></image:image><lastmod>2024-02-14T09:59:52+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2023/06/02/css-scroll-snap-enhancing-user-experience-with-smooth-scrolling/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/06/postfeature_scrollsnap.gif</image:loc><image:title>postfeature_scrollsnap</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/06/post_feature_scrollsnap.png</image:loc><image:title>post_feature_scrollsnap</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/06/post_sample_scrollsnap-2.gif</image:loc><image:title>post_sample_scrollsnap</image:title></image:image><lastmod>2023-06-08T13:38:03+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2023/04/12/how-to-build-a-mini-maze-game-using-html-css-and-javascript/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/04/post_feature_maze-1.png</image:loc><image:title>post_feature_maze</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/04/banner_cssmaze.png</image:loc><image:title>banner_cssmaze</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/04/post_feature_maze.png</image:loc><image:title>post_feature_maze</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/04/maze_code_custom3.png</image:loc><image:title>maze_code_custom3</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/04/maze_code_custom2-2.png</image:loc><image:title>maze_code_custom2</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/04/maze_code_custom1-3.png</image:loc><image:title>maze_code_custom1</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/04/maze_code_4.gif</image:loc><image:title>maze_code_4</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/04/maze_code_3.gif</image:loc><image:title>maze_code_3</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/04/maze_code_2-2.gif</image:loc><image:title>maze_code_2</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/04/maze_code1.jpg</image:loc><image:title>maze_code1</image:title></image:image><lastmod>2023-04-13T02:47:18+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2023/03/31/css-shadow-art-how-to-craft-a-pixelated-masterpiece/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/03/post_feature_css_pixel-1.png</image:loc><image:title>post_feature_css_pixel</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/03/post_feature_css_pixel.png</image:loc><image:title>post_feature_css_pixel</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/03/post_feature_csspixel.png</image:loc><image:title>post_feature_csspixel</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/03/pixel-map.png</image:loc><image:title>pixel-map</image:title></image:image><lastmod>2023-04-12T10:55:21+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2023/04/04/how-to-create-an-interactive-minigame-with-css/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/04/banner_css_minigame-1.png</image:loc><image:title>banner_css_minigame</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/04/uip_minigame-3.png</image:loc><image:title>uiP_minigame</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/04/uip_minigame_sample5.png</image:loc><image:title>uiP_minigame_sample5</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/04/post_feature_css_minigame-1.png</image:loc><image:title>post_feature_css_minigame</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/04/uip_minigame_sample4.gif</image:loc><image:title>uip_minigame_sample4</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/04/uip_minigame_sample3.png</image:loc><image:title>uip_minigame_sample3</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/04/uip_minigame_sample2-1.png</image:loc><image:title>uip_minigame_sample2-1</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/04/uip_minigame_sample2.png</image:loc><image:title>uip_minigame_sample2</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/04/uip_minigame_sample1.png</image:loc><image:title>uip_minigame_sample1</image:title></image:image><lastmod>2023-04-12T10:55:00+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/css/</loc><lastmod>2023-04-06T04:42:21+00:00</lastmod><changefreq>weekly</changefreq><priority>0.6</priority></url><url><loc>https://uipencil.com/web-performance/</loc><lastmod>2023-04-06T04:41:27+00:00</lastmod><changefreq>weekly</changefreq><priority>0.6</priority></url><url><loc>https://uipencil.com/html/</loc><lastmod>2023-04-06T04:40:06+00:00</lastmod><changefreq>weekly</changefreq><priority>0.6</priority></url><url><loc>https://uipencil.com/images/</loc><lastmod>2023-04-06T04:36:52+00:00</lastmod><changefreq>weekly</changefreq><priority>0.6</priority></url><url><loc>https://uipencil.com/2023/02/13/an-overview-of-agile-methodology-principles-benefits-and-best-practices/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/02/post_feature_agile-2.webp</image:loc><image:title>post_feature_agile</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/02/post_agile.webp</image:loc><image:title>post_agile</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/02/banner__agile.webp</image:loc><image:title>banner__agile</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/02/brainstorm.webp</image:loc><image:title>brainstorm</image:title></image:image><lastmod>2023-04-05T05:34:17+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2023/03/23/mastering-css-counters-auto-increasing-numbers-without-using-a-list/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/03/web.png</image:loc><image:title>web</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/03/mobile.png</image:loc><image:title>mobile</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/03/banner_csscounter.webp</image:loc><image:title>banner_csscounter</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/03/post_feature_csscounter.webp</image:loc><image:title>post_feature_csscounter</image:title></image:image><lastmod>2023-04-04T03:19:17+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2023/02/09/mastering-css-will-change-a-guide-to-improving-web-performance/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/02/post_feature_will-change.webp</image:loc><image:title>post_feature_will-change</image:title></image:image><lastmod>2023-04-04T02:07:41+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2023/02/07/css-grid-vs-css-flexbox/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/02/post_feature_flexvsgrid.webp</image:loc><image:title>post_feature_flexvsgrid</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/02/banner_flexvsgrid.webp</image:loc><image:title>banner_flexvsgrid</image:title></image:image><lastmod>2023-04-04T02:06:11+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2023/03/02/selector-stats-in-edge-a-tool-to-identify-and-optimize-slow-css-selectors/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/03/post_feature_selector_stats.webp</image:loc><image:title>post_feature_selector_stats</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/03/post-selectorstats-3.webp</image:loc><image:title>post-selectorstats-3</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/03/post-selectorstats-2.webp</image:loc><image:title>post-selectorstats-2</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/03/post-selectorstats-1.webp</image:loc><image:title>post-selectorstats-1</image:title></image:image><lastmod>2023-04-04T02:04:46+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2022/11/04/basic-tutorial-for-inspect-element-in-chrome/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/03/chrome_4.webp</image:loc><image:title>chrome_4</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/03/chrome_3.webp</image:loc><image:title>chrome_3</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/post_feature_googleinspect-1.webp</image:loc><image:title>post_feature_googleinspect</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/03/banner_googleinspect.webp</image:loc><image:title>banner_googleinspect</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/post_feature_googleinspect.webp</image:loc><image:title>post_feature_googleinspect</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/03/chrome_2.webp</image:loc><image:title>chrome_2</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/chrome_1.webp</image:loc><image:title>chrome_1</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/chrome2-2-e1659586351864.jpg</image:loc><image:title>chrome2-2</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/chromeicon_2.jpg</image:loc><image:title>chromeicon_2</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/chromeicon_1.jpg</image:loc><image:title>chromeicon_1</image:title></image:image><lastmod>2023-04-04T02:03:01+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2023/02/01/how-to-apply-a-filter-to-css-selector-css-substring-matching/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/02/post_feature_substringmatching.webp</image:loc><image:title>post_feature_substringmatching</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/02/banner_substringmatching.webp</image:loc><image:title>banner_substringmatching</image:title></image:image><lastmod>2023-04-04T01:50:47+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2023/02/12/getting-started-with-drawing-svgs-in-html-and-css/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/02/post_feature_svgs-1.webp</image:loc><image:title>post_feature_svgs</image:title></image:image><lastmod>2023-04-04T01:48:26+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2023/02/14/google-analytics-a-powerful-tool-for-web-designers/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/02/banner_ga.webp</image:loc><image:title>banner_ga</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/02/post_feature_ga-1.webp</image:loc><image:title>post_feature_ga</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/02/post-img-ga-search.webp</image:loc><image:title>post-img-ga-search</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/02/post-img-ga-search.png</image:loc><image:title>post-img-ga-search</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/02/post-img-ga-funnel.webp</image:loc><image:title>post-img-ga-funnel</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/02/post-img-ga-demographic2.webp</image:loc><image:title>post-img-ga-demographic2</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/02/post-img-ga-demographic1.webp</image:loc><image:title>post-img-ga-demographic1</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/02/post-img-ga-pages.webp</image:loc><image:title>post-img-ga-pages</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/02/post-img-ga-devices.webp</image:loc><image:title>post-img-ga-devices</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/02/post-img-ga-trafficsource.webp</image:loc><image:title>post-img-ga-trafficsource</image:title></image:image><lastmod>2023-04-29T21:21:27+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2023/02/20/creating-css-bubble-dialog-boxes-with-arrow-styling-a-complete-guide-with-examples-for-all-arrow-directions/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/02/post_feature_dialog_css.webp</image:loc><image:title>post_feature_dialog_css</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/02/banner_dialog_css.webp</image:loc><image:title>banner_dialog_css</image:title></image:image><lastmod>2023-04-04T01:44:01+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2022/08/19/ignore-user-input-events-from-html-inert/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/banner_inert.webp</image:loc><image:title>banner_inert</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/post-img-inert.webp</image:loc><image:title>post-img-inert</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/post_feature_inert.webp</image:loc><image:title>post_feature_inert</image:title></image:image><lastmod>2023-04-04T01:29:28+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2023/03/27/creating-an-accordion-with-pure-html-no-javascript/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/03/banner_htmaccordions-1.webp</image:loc><image:title>banner_htmaccordions-1</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/03/post_feature_htmaccordions.webp</image:loc><image:title>post_feature_htmAccordions</image:title></image:image><lastmod>2023-04-04T01:28:16+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/responsive-layout/</loc><lastmod>2023-04-04T01:19:46+00:00</lastmod><changefreq>weekly</changefreq><priority>0.6</priority></url><url><loc>https://uipencil.com/2022/09/05/tutorial-for-html-css-svg-clipping-and-masking/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/post_feature_maskandclip-1.webp</image:loc><image:title>post_feature_maskandclip</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/banner_maskandclip.webp</image:loc><image:title>banner_maskandclip</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/img-cssmasking_png_result.png</image:loc><image:title>img-cssmasking_png_result</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/img-cssmasking_png-2.png</image:loc><image:title>img-cssmasking_png-2</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/img-cssmasking_images.webp</image:loc><image:title>img-cssmasking_images</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/img-cssmasking_svgresult.png</image:loc><image:title>img-cssmasking_svgresult</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/img-cssmasking.png</image:loc><image:title>img-cssmasking</image:title></image:image><lastmod>2023-04-04T01:03:17+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2022/08/30/css-containment/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/07/post_feature_csscontaiment.webp</image:loc><image:title>post_feature_csscontaiment</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/07/post_feature_googleconsole.webp</image:loc><image:title>post_feature_googleconsole</image:title></image:image><lastmod>2023-04-03T15:18:43+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2022/08/11/html-picture/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/icon_no.png</image:loc><image:title>icon_no</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/icon_yes.png</image:loc><image:title>icon_yes</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/icon_warning.png</image:loc><image:title>icon_warning</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/icon_remarks.png</image:loc><image:title>icon_remarks</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/icon_newtab.png</image:loc><image:title>icon_newtab</image:title></image:image><lastmod>2023-04-03T15:08:28+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2022/07/29/must-know-tips-to-improve-css-performance/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/07/post_feature_htmlpicture.webp</image:loc><image:title>post_feature_htmlpicture</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/07/post_feature_performance.webp</image:loc><image:title>post_feature_performance</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/07/post_feature_avifwebp.webp</image:loc><image:title>post_feature_avifwebp</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/07/post_feature_svgpng.webp</image:loc><image:title>post_feature_svgpng</image:title></image:image><lastmod>2023-04-03T15:06:35+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2022/09/23/complete-tutorial-for-css-grid-layout-module-part2-grid-alignments/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/banner_cssgrid-1.webp</image:loc><image:title>banner_cssgrid</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/post_feature_cssgrid.webp</image:loc><image:title>post_feature_cssgrid</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/banner_cssgrid_2.webp</image:loc><image:title>banner_cssgrid_2</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/post_feature_cssgrid_2.webp</image:loc><image:title>post_feature_cssgrid_2</image:title></image:image><lastmod>2023-04-03T07:22:27+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2022/09/22/complete-tutorial-for-css-grid-layout-module/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/post-img-grid_linename.webp</image:loc><image:title>post-img-grid_linename</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/post-img-grid_fr.webp</image:loc><image:title>post-img-grid_fr</image:title></image:image><lastmod>2023-03-30T13:07:09+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2023/02/02/a-complete-guide-for-css-aspect-ratio/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/02/post_feature_aspect-ratio-1.webp</image:loc><image:title>post_feature_aspect-ratio</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/02/post_feature_aspect-ratio.webp</image:loc><image:title>post_feature_aspect-ratio</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/02/banner_aspect-ratio.webp</image:loc><image:title>banner_aspect-ratio</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/02/uipencil_sample.png</image:loc><image:title>uipencil_sample</image:title></image:image><lastmod>2023-03-28T05:46:06+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2022/08/04/comparison-for-svg-vs-png/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/post_feature_svgpng.png</image:loc><image:title>post_feature_svgpng</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/post_svg_sample-1.jpg</image:loc><image:title>post_svg_sample-1</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/test.jpg</image:loc><image:title>test</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/sample_post_svg.png</image:loc><image:title>sample_post_svg</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/post_svg_sample_jpg.png</image:loc><image:title>post_svg_sample_jpg</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/post_svg_sample.jpg</image:loc><image:title>post_svg_sample</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/post_sample_svg.png</image:loc><image:title>post_sample_svg</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/post_sample_png.png</image:loc><image:title>post_sample_png</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/group-12-1.png</image:loc><image:title>group-12-1</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/sample.png</image:loc><image:title>sample</image:title></image:image><lastmod>2023-03-28T04:57:27+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/3897-2/</loc><lastmod>2023-03-24T03:33:28+00:00</lastmod><changefreq>weekly</changefreq><priority>0.6</priority></url><url><loc>https://uipencil.com/2022/08/08/modern-image-format-for-better-web-performance/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/test.webp</image:loc><image:title>test</image:title></image:image><lastmod>2023-03-24T02:00:06+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2023/03/17/css-exploring-stunning-borders-styles-for-your-web-design/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/03/post_feature_cssborder_ideas.webp</image:loc><image:title>post_feature_cssborder_ideas</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/03/repeat_img.png</image:loc><image:title>repeat_img</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2023/03/post-cssborders_2.webp</image:loc><image:title>post-cssborders_2</image:title></image:image><lastmod>2023-03-21T15:38:21+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2022/09/09/css-font-size-a-complete-unit-measurement-guide-for-px-pt-pc-em-rem-vw-vh-vmin-vmax-cm-mm-in/</loc><lastmod>2023-03-21T04:45:56+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2022/09/01/complete-tutorial-for-css-flexbox-and-alignments/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/banner_flex.webp</image:loc><image:title>banner_flex</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/post_feature_flex.webp</image:loc><image:title>post_feature_flex</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/post_img_flexbasis1.webp</image:loc><image:title>post_img_flexbasis1</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/post_img_flexbasis2.webp</image:loc><image:title>post_img_flexbasis2</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/post_img_flex2.webp</image:loc><image:title>post_img_flex2</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/post_img_flex-1.webp</image:loc><image:title>post_img_flex-1</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/post_img_flex.webp</image:loc><image:title>post_img_flex</image:title></image:image><lastmod>2023-03-17T09:42:24+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2022/09/16/how-to-customize-the-first-letter-first-line-first-child-and-first-type-from-a-block-level-element/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/post_feature_firstletter-firstline-firstoftype-1.webp</image:loc><image:title>post_feature_firstletter-firstline-firstoftype</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/banner_firstletter-firstline-firstoftype-2.webp</image:loc><image:title>banner_firstletter-firstline-firstoftype</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/banner_feature_cssunitmeasurement.webp</image:loc><image:title>banner_feature_cssunitmeasurement</image:title></image:image><lastmod>2023-03-17T08:53:54+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2022/09/08/how-to-combine-multiple-background-images-in-css/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/post_feature_multiplecssimages.webp</image:loc><image:title>post_feature_multipleCSSimages</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/banner_multiplecssimages.webp</image:loc><image:title>banner_multiplecssimages</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/banner_multiplebackground.png</image:loc><image:title>banner_multiplebackground</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/banner_multiplebackground_cloudgrp.png</image:loc><image:title>banner_multiplebackground_cloudgrp</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/banner_multiplebackground_tree_grp.png</image:loc><image:title>banner_multiplebackground_tree_grp</image:title></image:image><lastmod>2023-02-28T06:03:40+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2022/09/29/css-subgrid/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/banner_subgrid.webp</image:loc><image:title>banner_subgrid</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/post_feature_subgrid.webp</image:loc><image:title>post_feature_subgrid</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/post_img_subgrid.webp</image:loc><image:title>post_img_subgrid</image:title></image:image><lastmod>2023-02-09T07:01:34+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/2022/08/15/light-dark-mode/</loc><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/09/post_img_lightdarktheme_html.webp</image:loc><image:title>post_img_lightdarktheme_html</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/post_feature_colorscheme-1.webp</image:loc><image:title>post_feature_colorscheme</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/csstheme_darkmode.webp</image:loc><image:title>csstheme_darkmode</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/csstheme_lightmode.webp</image:loc><image:title>csstheme_lightmode</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/lightmode.webp</image:loc><image:title>lightmode</image:title></image:image><image:image><image:loc>https://uipencil.com/wp-content/uploads/2022/08/darkmode.webp</image:loc><image:title>darkmode</image:title></image:image><lastmod>2023-02-01T09:21:05+00:00</lastmod><changefreq>monthly</changefreq></url><url><loc>https://uipencil.com/home-backup/</loc><lastmod>2022-09-15T10:24:27+00:00</lastmod><changefreq>weekly</changefreq><priority>0.6</priority></url><url><loc>https://uipencil.com/home/</loc><lastmod>2022-08-22T09:16:14+00:00</lastmod><changefreq>weekly</changefreq><priority>0.6</priority></url><url><loc>https://uipencil.com</loc><changefreq>daily</changefreq><priority>1.0</priority><lastmod>2024-04-21T08:38:30+00:00</lastmod></url></urlset>
