<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:media="http://search.yahoo.com/mrss/"><channel><title><![CDATA[Flawless Websites Blog]]></title><description><![CDATA[Website know-how for nonprofits & solopreneurs.]]></description><link>https://blog.flawlesswebsites.com/</link><image><url>https://blog.flawlesswebsites.com/favicon.png</url><title>Flawless Websites Blog</title><link>https://blog.flawlesswebsites.com/</link></image><generator>Ghost 5.80</generator><lastBuildDate>Wed, 20 May 2026 08:09:06 GMT</lastBuildDate><atom:link href="https://blog.flawlesswebsites.com/rss/" rel="self" type="application/rss+xml"/><ttl>60</ttl><item><title><![CDATA[Hide Field Character Limit Counters On Forminator Forms]]></title><description><![CDATA[Follow these simple steps to hide field character limit counters that appear by default on Forminator forms.]]></description><link>https://blog.flawlesswebsites.com/hide-field-character-limit-counters-on-forminator-forms/</link><guid isPermaLink="false">63cbf14c513495fd49b0c6a9</guid><category><![CDATA[Forminator]]></category><category><![CDATA[Forms]]></category><dc:creator><![CDATA[Edward Phelps]]></dc:creator><pubDate>Sat, 21 Jan 2023 14:08:42 GMT</pubDate><media:content url="https://blog.flawlesswebsites.com/content/images/2023/01/blog-image-1.png" medium="image"/><content:encoded><![CDATA[<h2 id="follow-these-simple-steps-to-hide-field-character-limit-counters-that-appear-by-default-on-forminator-forms">Follow these simple steps to hide field character limit counters that appear by default on Forminator forms.</h2><h3 id="how-to-hide-forminator-field-character-limit-counters"><br>How To Hide Forminator Field Character Limit Counters:</h3><ol><li>Login to your WordPress site admin.</li><li>Go to Forminator Pro &gt; Forms</li><li>Click to edit a form.</li><li>Click the <strong>Appearance</strong> link (top-left).</li><li>Scroll down and click the <strong>Enable Custom CSS</strong> toggle button.</li><li>Paste the CSS code (see below) into the custom CSS field.</li><li>Click the Update button (top-right) to save your edits.</li><li>Click the Preview button (top-right) to preview the form.</li></ol><img src="https://blog.flawlesswebsites.com/content/images/2023/01/blog-image-1.png" alt="Hide Field Character Limit Counters On Forminator Forms"><p>The CSS Code:<br><code>span.forminator-description {</code><br><code>display: none !important;</code><br><code>}</code></p><p>Enjoy!</p>]]></content:encoded></item><item><title><![CDATA[Simple, Fast, & Powerful SEO For WordPress]]></title><description><![CDATA[The whole point of having a website is for people to find you when they search online. That’s SEO. The SEOPress WordPress plugin makes it easy for anyone to setup and manage SEO for a WordPress website.]]></description><link>https://blog.flawlesswebsites.com/simple-fast-powerful-seo-for-wordpress/</link><guid isPermaLink="false">63cbeccc513495fd49b0c64f</guid><category><![CDATA[SEO]]></category><dc:creator><![CDATA[Edward Phelps]]></dc:creator><pubDate>Sat, 21 Jan 2023 14:01:23 GMT</pubDate><media:content url="https://blog.flawlesswebsites.com/content/images/2023/01/desktop-screen-chart-icon.png" medium="image"/><content:encoded><![CDATA[<h2 id="the-whole-point-of-having-a-website-is-for-people-to-find-you-when-they-search-online">The whole point of having a website is for people to find you when they search online.</h2><img src="https://blog.flawlesswebsites.com/content/images/2023/01/desktop-screen-chart-icon.png" alt="Simple, Fast, &amp; Powerful SEO For WordPress"><p>The SEOPress Pro plugin gives any WordPress website advanced Search Engine Optimization (SEO) features that help drive traffic to your website when someone searches online for what you offer.</p><p>SEO is an essential part of an effective website for nonprofits and solopreneurs. The truth is website SEO is tedious and requires a time investment. The good news is&#x2026; it works! The SEOPress Pro plugin has powerful and easy-to-use features that will increase your websites visibility with leading search engines (Google, Bing, etc.). And remember, search is a primary online marketing channel that delivers the 2nd best ROI over other marketing channels (email marketing is #1 by the way).</p><p>Chances are the folks who manage websites for nonprofits and solopreneurs are probably not SEO experts. The SEOPress Setup Wizard makes it easy to search optimize your site in minutes (less than an hour). Then you can further enhance your search settings when you&#x2019;re ready. You can also view reports showing how you&#x2019;re doing at any time.</p><p>Browse and learn more about SEO features below.</p><p><em>Powered by SEOPress Pro:</em><br></p><figure class="kg-card kg-image-card"><a href="https://www.seopress.org/?ref=blog.flawlesswebsites.com"><img src="https://flawlesswebsites.com/wp-content/uploads/2021/03/seopress-logo-button-300x300.png" class="kg-image" alt="Simple, Fast, &amp; Powerful SEO For WordPress" loading="lazy" width="75" height="75"></a></figure><h2 id="here-is-a-summary-of-key-seopress-features">Here is a summary of key SEOPress features:<br></h2><h2 id="metas">Metas</h2><h3 id="meta-title-description">Meta Title / Description</h3><p>The basics of SEO / SMO optimization is to customize Meta Titles and Meta Descriptions. Manage Meta Titles and Meta Descriptions for every post, page, custom post type, archive page on your site globally or individually. Use the easy Setup Wizard to get started fast, then edit the dozens of dynamic variables.</p><h3 id="open-graph">Open Graph</h3><p>Add Open Graph meta tags to improve sharing on Facebook with custom title, description and image thumbnail. View your sharing link with our Facebook Preview.</p><h3 id="twitter-card">Twitter Card</h3><p>Add Twitter meta tags to improve sharing on Twitter with custom title, description and image thumbnail. View your sharing link with our Twitter Preview.</p><h3 id="dublin-core">Dublin Core</h3><p>Easily add Dublin Core meta tags recognized by governments / states and used by directories, Bing, Baidu and Yandex.</p><h2 id="e-commerce">E-Commerce</h2><h3 id="woocommerce">WooCommerce</h3><p>Disable indexing on cart, checkout and customer account pages, remove WooCommerce meta tag generator, add currency and price Open Graph metas for better sharing on social networks, remove default WooCommerce product and breadcrumbs schema and replace them with better optimized version.</p><h2 id="crawling-indexing">Crawling / Indexing</h2><h3 id="robotstxt-htaccess">robots.txt / htaccess</h3><p>Create a virtual robots.txt file to setup indexing for search engines. Block in 1-click SemrushBot and MajesticSEO Bot to prevent slowdowns your site. Edit your htaccess file right in your WordPress admin&#x2026;</p><h3 id="meta-robots">Meta Robots</h3><p>Manage your meta robots: noindex, nofollow, noodp, noimageindex, noarchive, nosnippet for every post, page, custom post type, archive page, and more.</p><h3 id="canonical-url">Canonical URL</h3><p>Edit your default canonical URL for each post, page or post type.</p><h2 id="image-seo">Image SEO</h2><h3 id="set-image-title-alt-caption-description-automatically-based-on-the-filename">Set Image Title / Alt / Caption / Description Automatically (based on the filename)</h3><p>Titles, alt, captions and cleaner automated descriptions.</p><h2 id="rss">RSS</h2><h3 id="rss-1">RSS</h3><p>Manage all the default WordPress RSS feeds without a single line of code. Disable useless WordPress RSS feeds like comments, extra or posts. Display content before / after each post.</p><h2 id="structure-redirect">Structure / Redirect</h2><h3 id="xml-html-sitemaps">XML / HTML Sitemaps</h3><p>Build custom XML sitemaps (Pages/Posts/Taxonomies, Videos, Images, News, Authors, HTML) to help Google understand and crawl your site more efficiently. We automatically disable the Core XML sitemaps feature to avoid any SEO conflicts.</p><h3 id="image-sitemap">Image Sitemap</h3><p>Improve images indexing by automatically adding standard images, image galleries, featured image and WooCommerce product images to your sites XML Image Sitemaps.</p><h3 id="video-sitemap">Video Sitemap</h3><p>Create your custom XML Video sitemap for Google and improve your ranking in video search results.</p><h3 id="news-sitemap">News Sitemap</h3><p>Add your sites news content to Google News by creating a custom XML Sitemap especially for Google News.</p><h2 id="breadcrumbs">Breadcrumbs</h2><h3 id="breadcrumbs-1">Breadcrumbs</h3><p>Add a breadcrumbs to your pages to improve UX and SEO. Custom breacrumbs for each post, page or post type. Add JSON/LD Breadcrumbs. Change the default separator. A11Y (accessibility) and Bootstrap 4.0 ready.</p><h2 id="url-rewriting">URL Rewriting</h2><h3 id="search-rewrite">Search Rewrite</h3><p>Edit the default WordPress search slug to an optimized URL like example.com/search-results/.</p><h3 id="remove-category-in-url">Remove /Category/ In URL</h3><h2 id="redirections">Redirections</h2><h3 id="manage-301-redirects">Manage 301 Redirects</h3><p>Create / manage unlimited 301, 302 or 307 redirections in one place. Import redirections via CSV file.</p><h3 id="redirect-attachment-pages-to-post-parent-or-file-url">Redirect Attachment Pages To Post Parent Or File URL</h3><p>Disable attachments page and improve UX and SEO.</p><h2 id="mark-up">Mark Up</h2><h3 id="google-structured-data-types-schemas">Google Structured Data Types (Schemas)</h3><p>Add Structured Data Types support, mark your content and get better Google Search results appearance. Set manual or automatic schemas with advanced conditions.</p><h3 id="local-business">Local Business</h3><p>Make your business stand-out when users search for businesses on Google Search or Maps. Increase the chance search results will display a Knowledge Graph card with details about your business that matched the search query.</p><h3 id="articles">Articles</h3><p>Proper structured data in your news, blog, and sports article page can enhance your appearance in Google Search results.</p><h3 id="events">Events</h3><p>Event markup describes the details of organized events. When you use it in your content, that event becomes relevant for enhanced search results for relevant queries.</p><h3 id="products">Products</h3><p>Add markup to your product pages so Google can provide detailed product information in rich Search results &#x2013; including Image Search. Users can see price, availability&#x2026; right on Search results.</p><h3 id="job-listings">Job Listings</h3><p>Mark up your job listings with the JobPosting JSON-LD schema to get better visibility in search results.</p><h3 id="faqs">FAQs</h3><p>Mark up your Frequently Asked Questions page with JSON/LD to try to get the position 0 in search results.</p><h3 id="reviews">Reviews</h3><p>A simple review about something. When Google finds valid reviews or ratings markup, they may show a rich snippet that includes stars and other summary info from reviews or ratings.</p><h3 id="recipes">Recipes</h3><p>Mark up your recipe content with structured data to provide rich cards and host-specific lists for your recipes, such as cooking and preparation times, nutrition information&#x2026;</p><h3 id="videos">Videos</h3><p>Mark up your video content with structured data to make Google Search an entry point for discovering and watching videos.</p><h3 id="services">Services</h3><p>Mark up your content to help search engines understand what you are doing.</p><h3 id="courses">Courses</h3><p>Mark up your course lists with structured data so prospective students find you through Google Search.</p><h3 id="software-applications">Software Applications</h3><p>Mark up your software app to get stars, price, supported platform in Google Search results.</p><h3 id="custom-schema">Custom Schema</h3><p>Add your own custom JSON-LD schema.</p><h2 id="google-knowledge-graph">Google Knowledge Graph</h2><p>Markup your content with business / marketing details to get featured in Google Knowledge Graph cards.</p><h3 id="knowledge-graph">Knowledge Graph</h3><p>Configure your Google Knowledge Graph. Add your logo, organization name, phone number and more.</p><h3 id="social-accounts">Social accounts</h3><p>Link your social accounts like Facebook, YouTube, Twitter, LinkedIn, Instagram, Pinterest with Google Knowledge Graph.</p><h2 id="link-analyse-monitor">Link / Analyse / Monitor</h2><h2 id="analyse">Analyse</h2><h3 id="content-analysis">Content analysis</h3><p>SEOPress help you write search engines optimized content with advices, tips by analysing your post / page / custom post type. Works with all page builders. Unlimited keywords.</p><h3 id="google-suggest">Google Suggest</h3><p>Find the top 10 Google suggestions instantly. Useful to work with the long tail technique.</p><h3 id="google-page-speed">Google Page Speed</h3><p>Check the performance of your site with Google Page Speed and get useful advices to improve speed and user experience.</p><h2 id="integration">Integration</h2><h3 id="google-analytics-stats-in-wordpress-dashboard">Google Analytics Stats In WordPress Dashboard</h3><p>Get Google Analytics stats right into your WordPress Dashboard: page views, sessions, bounce rate, average session duration and more.</p><h3 id="google-analytics-enhanced-ecommerce">Google Analytics Enhanced Ecommerce</h3><p>Measure purchases, additions to and removals from shopping carts. A must have for ecommerce sites built with WooCommerce.</p><h3 id="matomo-cloud-private-analytics">Matomo Cloud Private Analytics</h3><p>Track your visitors with Matomo Cloud private web analytics platform. Fully GDPR.</p><h3 id="backlinks-with-majestic-seo-api">Backlinks with Majestic SEO API</h3><p>Check your backlinks with Majestic (required a Majestic API).</p><h2 id="control">Control</h2><p>Improve your sites user experience, increase conversions and your sites ROI. Detect broken links and 404 errors.</p><h3 id="broken-links">Broken links</h3><p>Auto analyze your site content to find broken links. Fix them and improve your sites SEO and user experience.</p><h3 id="404-monitoring">404 Monitoring</h3><p>Auto monitor every time a visitor gets a 404 error on your site. Create 301 redirections in seconds, receive email alerts, and redirect 404 errors to a custom URL.</p><p>Have a question? <a href="https://flawlesswebsites.com/contact-us?ref=blog.flawlesswebsites.com">Contact us</a>.</p>]]></content:encoded></item><item><title><![CDATA[The Flawless Guide To Filetypes]]></title><description><![CDATA[<!--kg-card-begin: html--><h2>A lot of different file types are used to make a website. This is a handy reference guide to help you know and understand what these file types&#xA0;are and what they&#x2019;re used for.</h2><!--kg-card-end: html--><!--kg-card-begin: html--><table>
<thead>

<tr>

<td colspan="4"><h2>Image &amp; Graphics</h2></td>
</tr>
<tr>
<th scope="col">File Type</th>


<th scope="col">Description</th>


<th class="center-align" scope="col">Bitmap</th>


<th class="center-align" scope="col">Vector</th>


<th scope="col">Used In</th>


<th scope="col">Used For</th>

</tr>

</thead>


<tbody>

<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.jpg</td></tr></tbody></table>]]></description><link>https://blog.flawlesswebsites.com/the-flawless-guide-to-filetypes/</link><guid isPermaLink="false">63cb5766513495fd49b0c623</guid><dc:creator><![CDATA[Edward Phelps]]></dc:creator><pubDate>Sat, 21 Jan 2023 03:46:21 GMT</pubDate><content:encoded><![CDATA[<!--kg-card-begin: html--><h2>A lot of different file types are used to make a website. This is a handy reference guide to help you know and understand what these file types&#xA0;are and what they&#x2019;re used for.</h2><!--kg-card-end: html--><!--kg-card-begin: html--><table>
<thead>

<tr>

<td colspan="4"><h2>Image &amp; Graphics</h2></td>
</tr>
<tr>
<th scope="col">File Type</th>


<th scope="col">Description</th>


<th class="center-align" scope="col">Bitmap</th>


<th class="center-align" scope="col">Vector</th>


<th scope="col">Used In</th>


<th scope="col">Used For</th>

</tr>

</thead>


<tbody>

<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.jpg</td>


<td valign="middle" data-label="Description:">Best format for photos or images with many colors. Reduces the image size (i.e for web). No transparency support.</td>


<td class="center-align" valign="middle" data-label="Bitmap:"><img src="https://flawlesswebsites.com/wp-content/uploads/2020/12/check.svg" width="30px" border="0"></td>


<td class="center-align" valign="middle" data-label="Vector:"><img src="https://flawlesswebsites.com/wp-content/uploads/2020/12/cancel.svg" width="30px" border="0"></td>


<td valign="middle" data-label="Used In:">Most image editing software.</td>


<td valign="middle" data-label="Used For:">Reduce image file size.</td>

</tr>


<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.gif</td>


<td valign="middle" data-label="Description:">A lossless format for image files. Supports both animated and static images.</td>


<td class="center-align" valign="middle" data-label="Bitmap:"><img src="https://flawlesswebsites.com/wp-content/uploads/2020/12/check.svg" width="30px" border="0"></td>


<td class="center-align" valign="middle" data-label="Vector:"><img src="https://flawlesswebsites.com/wp-content/uploads/2020/12/cancel.svg" width="30px" border="0"></td>


<td valign="middle" data-label="Used In:">Most image editing software.</td>


<td valign="middle" data-label="Used For:">Short and low quality videos.</td>

</tr>


<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.png</td>


<td valign="middle" data-label="Description:">Ideal for bitmap (raster) images with transparent backgrounds on the web. Also for web images with few colors.</td>


<td class="center-align" valign="middle" data-label="Bitmap:"><img src="https://flawlesswebsites.com/wp-content/uploads/2020/12/check.svg" width="30px" border="0"></td>


<td class="center-align" valign="middle" data-label="Vector:"><img src="https://flawlesswebsites.com/wp-content/uploads/2020/12/cancel.svg" width="30px" border="0"></td>


<td valign="middle" data-label="Used In:">Most image editing software.</td>


<td valign="middle" data-label="Used For:">Transparent background web images.</td>

</tr>


<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.tif</td>


<td valign="middle" data-label="Description:">Best format for high quality photos and bitmap (raster) images in print.</td>


<td class="center-align" valign="middle" data-label="Bitmap:"><img src="https://flawlesswebsites.com/wp-content/uploads/2020/12/check.svg" width="30px" border="0"></td>


<td class="center-align" valign="middle" data-label="Vector:"><img src="https://flawlesswebsites.com/wp-content/uploads/2020/12/cancel.svg" width="30px" border="0"></td>


<td valign="middle" data-label="Used In:">Most image editing software.</td>


<td valign="middle" data-label="Used For:">High quality images, particularly for print.</td>

</tr>


<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.eps</td>


<td valign="middle" data-label="Description:">A PostScript file format used for font and vector image files.</td>


<td class="center-align" valign="middle" data-label="Bitmap:"><img src="https://flawlesswebsites.com/wp-content/uploads/2020/12/check.svg" width="30px" border="0"></td>


<td class="center-align" valign="middle" data-label="Vector:"><img src="https://flawlesswebsites.com/wp-content/uploads/2020/12/check.svg" width="30px" border="0"></td>


<td rowspan="3" valign="middle" data-label="Used In:">Affinity Designer, Adobe Illustrator, Sketch, InkScape, Corel Draw, etc.
Open in Affinity Photo or Adobe Photoshop to convert to bitmap (raster) format.</td>


<td valign="middle" data-label="Used For:">Vector graphics and logos for print.</td>

</tr>


<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.pdf</td>


<td valign="middle" data-label="Description:">Portable Document Format files that you can view in print and on digital devices.</td>


<td class="center-align" valign="middle" data-label="Bitmap:"><img src="https://flawlesswebsites.com/wp-content/uploads/2020/12/check.svg" width="30px" border="0"></td>


<td class="center-align" valign="middle" data-label="Vector:"><img src="https://flawlesswebsites.com/wp-content/uploads/2020/12/check.svg" width="30px" border="0"></td>


<td valign="middle" data-label="Used For:">Can be read &amp; printed on many devices.</td>

</tr>


<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.svg</td>


<td valign="middle" data-label="Description:">Vector image format for graphics with support for interactivity and animation. SVG vector files are small in size, and infinitely scalable without any loss of quality.</td>


<td class="center-align" valign="middle" data-label="Bitmap:"><img src="https://flawlesswebsites.com/wp-content/uploads/2020/12/cancel.svg" width="30px" border="0"></td>


<td class="center-align" valign="middle" data-label="Vector:"><img src="https://flawlesswebsites.com/wp-content/uploads/2020/12/check.svg" width="30px" border="0"></td>


<td valign="middle" data-label="Used For:">Vector logos, icons and graphics for web.</td>

</tr>

</tbody>


<tfoot>

<tr>

<td colspan="5" valign="middle"><span style="font-weight: 600;">Screens</span> use 72 dpi resolution and the RGB color space (all the files types listed above can be used in RGB format, but you may have to re-format the file to the RGB color space). Print uses 300 dpi resolution and the CMYK color space (.JPG, .EPS, .PDF and .TIF are the best formats to use in print).</td>

</tr>

</tfoot>

</table>



<div class="top-space"></div>



<table class="top-space">

<thead>

<tr>
	<td colspan="2"><h2>Website Code Files</h2></td>
</tr>
<tr>

<th scope="col" width="30px">File Name</th>


<th scope="col">Description</th>

</tr>

</thead>


<tbody>

<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.html</td>


<td valign="middle" data-label="Description:">.html or HTML is an acronym for Hypertext Markup Language. HTML is a markup language that web browsers use to interpret and compose text, images, and other material into visual or audible web pages. HTML files are text-only documents made specifically for digital viewing in a web browser or on-screen via an Internet connected viewing device. HTML can embed programs written in a scripting language such as JavaScript, which enhances the behavior and content of web pages. CSS is used to define the layout and look of the content.</td>

</tr>


<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.php</td>


<td valign="middle" data-label="Description:">.php or PHP files are plain-text files that contain code written in the PHP programming language. PHP is an acronym for &quot;PHP: Hypertext Preprocessor&quot;. It is a widely-used, open source scripting language that is free to download and use. PHP files can contain text, HTML, CSS, JavaScript. The code is executed on a server, and the results are returned to a web browser as plain HTML. PHP can generate dynamic page content; collect form data; send and receive cookies; add, delete, modify data in a database; control user-access; and encrypt data. PHP is compatible with almost all servers used today (Apache, IIS, etc.); runs on various platforms (Linux, Unix, Mac OS X, Windows, etc.); and supports a wide range of databases.</td>

</tr>


<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.js</td>


<td valign="middle" data-label="Description:">.js or JavaScript files are text files containing JavaScript code that is used to execute JavaScript instructions in web pages and apps. JavaScript is used to open and close windows, validate form fields, make rollover images, and create animated drop-down menus. While HTML and CSS give structure and style to web pages, JavaScript makes web pages and apps interactive and engaging.</td>

</tr>


<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.css</td>


<td valign="middle" data-label="Description:">.css or CSS files specify the style&#x2014;page layouts, colors, and fonts for an HTML file, website or app. CSS is an acronym for Cascading Style Sheets, with an emphasis on &#x201C;Style.&#x201D; While HTML is used to structure a web page or app screen (defining headlines, paragraphs, and embedding links, images, video, and other media), CSS specifies how your web pages and app screens will display on different devices and at different screen sizes. CSS can control the layout of multiple web pages and app screens all at once.</td>

</tr>


<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.asp</td>


<td valign="middle" data-label="Description:">.asp or ASP files are design documents created by Serif Affinity Designer, a vector graphics design application. Affinity Designer is used to create professional vector designs. It is a popular alternative to Adobe Illustrator.</td>

</tr>


<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.java</td>


<td valign="middle" data-label="Description:">.java or Java files are design documents created by Serif Affinity Designer, a vector graphics design application. Affinity Designer is used to create professional vector designs. It is a popular alternative to Adobe Illustrator.</td>

</tr>


<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.jsp</td>


<td valign="middle" data-label="Description:">.jsp or JSP files are design documents created by Serif Affinity Designer, a vector graphics design application. Affinity Designer is used to create professional vector designs. It is a popular alternative to Adobe Illustrator.</td>

</tr>


<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.perl</td>


<td valign="middle" data-label="Description:">.perl or PERL files are design documents created by Serif Affinity Designer, a vector graphics design application. Affinity Designer is used to create professional vector designs. It is a popular alternative to Adobe Illustrator.</td>

</tr>


<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.python</td>


<td valign="middle" data-label="Description:">.python or Python files are design documents created by Serif Affinity Designer, a vector graphics design application. Affinity Designer is used to create professional vector designs. It is a popular alternative to Adobe Illustrator.</td>

</tr>


<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.ruby</td>


<td valign="middle" data-label="Description:">.ruby or Ruby files are design documents created by Serif Affinity Designer, a vector graphics design application. Affinity Designer is used to create professional vector designs. It is a popular alternative to Adobe Illustrator.</td>

</tr>


<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.sql</td>


<td valign="middle" data-label="Description:">.sql or SQL files are design documents created by Serif Affinity Designer, a vector graphics design application. Affinity Designer is used to create professional vector designs. It is a popular alternative to Adobe Illustrator.</td>

</tr>


<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.xml</td>


<td valign="middle" data-label="Description:">.xml or XML files are design documents created by Serif Affinity Designer, a vector graphics design application. Affinity Designer is used to create professional vector designs. It is a popular alternative to Adobe Illustrator.</td>

</tr>


<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.yaml</td>


<td valign="middle" data-label="Description:">.yaml or YAML files are design documents created by Serif Affinity Designer, a vector graphics design application. Affinity Designer is used to create professional vector designs. It is a popular alternative to Adobe Illustrator.</td>

</tr>

</tbody>

</table>



<div class="top-space"></div>



<table class="top-space">

<thead>
	<tr><td colspan="2"><h2><a class="med-links" href="https://affinity.serif.com/en-us/designer/?ref=blog.flawlesswebsites.com" target="_blank" rel="noopener">Affinity Designer</a> Files</h2></td>

<th scope="col" width="30px">Affinity Designer (Vector)</th>


<th scope="col">Description</th>

</tr>

</thead>


<tbody>

<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.afdesign</td>


<td valign="middle" data-label="Description:">.AFDESIGN files are design documents created by Serif Affinity Designer, a vector graphics design application. Affinity Designer is used to create professional vector designs. It is a popular alternative to Adobe Illustrator.</td>

</tr>

</tbody>

</table>



<div class="top-space"></div>



<table class="top-space">

	<tr><td colspan="2"><h2><a class="med-links" href="https://affinity.serif.com/en-us/photo/?ref=blog.flawlesswebsites.com" target="_blank" rel="noopener">Affinity Photo</a> Files</h2></td></tr>

<tr>

<th scope="col" width="30px">Affinity Photo (Bitmap)</th>


<th scope="col">Description</th>

</tr>

<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.afphoto</td>


<td valign="middle" data-label="Description:">.AFPHOTO files are image files created by Serif Affinity Photo, a bitmap (raster) graphics design application. Affinity Photo is used to create professional bitmap (raster) images. It is a popular alternative to Adobe Photoshop</td>

</tr>

</table>



<div class="top-space"></div>



<table class="top-space">

<thead>
	<tr><td colspan="2"><h2><a class="med-links" href="https://affinity.serif.com/en-us/publisher/?ref=blog.flawlesswebsites.com" target="_blank" rel="noopener">Affinity Publisher</a> Files</h2></td></tr>

<tr>

<th scope="col" width="30px">Affinity Publisher (Print Layout)</th>


<th scope="col">Description</th>

</tr>

</thead>


<tbody>

<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.afpub</td>


<td valign="middle" data-label="Description:">.AFPUB files are print layout files created by Serif Affinity Publisher, a print design application. Affinity Publisher is used to create layouts for printing and digital publication. It is a popular alternative to Adobe InDesign.</td>

</tr>

</tbody>

</table>



<div class="top-space"></div>



<table class="top-space">

<thead>
	<tr><td colspan="2"><h2><a class="med-links" href="https://www.adobe.com/products/photoshop.html?ref=blog.flawlesswebsites.com" target="_blank" rel="noopener">Adobe Photoshop</a> Files</h2></td></tr>

<tr>

<th scope="col" width="30px">Photoshop (Bitmap)</th>


<th scope="col">Description</th>

</tr>

</thead>


<tbody>

<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.psd</td>


<td valign="middle" data-label="Description:">.PSD files are bitmap (raster) image files made by Adobe PhotoShop.</td>

</tr>


<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.atn</td>


<td valign="middle" data-label="Description:">Photoshop Action files record steps/actions made in Photoshop. These files repeat those same steps/actions when &#x201C;played&#x201D; again at a later time.</td>

</tr>


<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.abr</td>


<td valign="middle" data-label="Description:">A Photoshop Brush file. These files store information about the shape and texture of one or more brushes in Photoshop.</td>

</tr>


<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.asl</td>


<td valign="middle" data-label="Description:">A Photoshop Style file. These files are used when applying the same appearance/effect to multiple objects or layers in Photoshop.</td>

</tr>


<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.pat</td>


<td valign="middle" data-label="Description:">A Pattern Image file. These files are used by graphics programs to create repeating patterns or textures from a small image/graphic.</td>

</tr>


<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.raw</td>


<td valign="middle" data-label="Description:">A .RAW file contains original (raw) image data from a camera sensor without any in-camera processing.</td>

</tr>

</tbody>

</table>



<div class="top-space"></div>



<table class="top-space">

<thead>
	<tr><td colspan="2"><h2><a class="med-links" href="https://www.adobe.com/products/illustrator.html?ref=blog.flawlesswebsites.com" target="_blank" rel="noopener">Adobe Illustrator</a> Files</h2></td></tr>

<tr>

<th scope="col" width="30px">Illustrator (Vector)</th>


<th scope="col">Description</th>

</tr>

</thead>


<tbody>

<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.ai</td>


<td valign="middle" data-label="Description:">.AI files are fully editable vector files made by Adobe Illustrator.</td>

</tr>


<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.ait</td>


<td valign="middle" data-label="Description:">A Illustrator Template file. Used to rapidly create copies of saved Adobe Illustrator (.AI) files.</td>

</tr>

</tbody>

</table>



<div class="top-space"></div>



<table class="top-space">

<thead>
	<tr><td colspan="2"><h2><a class="med-links" href="https://www.adobe.com/products/indesign.html?ref=blog.flawlesswebsites.com" target="_blank" rel="noopener">Adobe InDesign</a> Files</h2></td></tr>

<tr>

<th scope="col" width="30px">InDesign (Print Layout)</th>


<th scope="col">Description</th>

</tr>

</thead>


<tbody>

<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.indd</td>


<td valign="middle" data-label="Description:">A print page layout file made by Adobe InDesign. All images and fonts used must be kept in a folder mapped to the file by InDesign.</td>

</tr>


<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.indl</td>


<td valign="middle" data-label="Description:">Object library created by InDesign; allows users to organize and reuse common page elements together graphics, text, ruler guides, and grouped images.</td>

</tr>

</tbody>

</table>



<div class="top-space"></div>



<table class="top-space">

<thead>

<tr>
<td colspan="2"><h2>Font File Types</h2></td>
</tr>
<tr>
<th scope="col">File Type</th>


<th scope="col">Description</th>


<th class="center-align" scope="col">Web</th>


<th class="center-align" scope="col">Digital</th>


<th class="center-align" scope="col">Print</th>


<th scope="col">Glyph/Ligature Support</th>

</tr>

</thead>


<tbody>

<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.otf</td>


<td valign="middle" data-label="Description:">OpenType (OTF) fonts contain screen and printer font data in one package. OTF fonts support multiple platforms and expanded character sets.</td>


<td class="center-align" valign="middle" data-label="Web:"><img src="https://flawlesswebsites.com/wp-content/uploads/2020/12/check.svg" width="30px" border="0"></td>


<td class="center-align" valign="middle" data-label="Digital:"><img src="https://flawlesswebsites.com/wp-content/uploads/2020/12/check.svg" width="30px" border="0"></td>


<td class="center-align" valign="middle" data-label="Print:"><img src="https://flawlesswebsites.com/wp-content/uploads/2020/12/check.svg" width="30px" border="0"></td>


<td class="center-align" valign="middle" data-label="Glyph/Ligature Support:"><img src="https://flawlesswebsites.com/wp-content/uploads/2020/12/check.svg" width="30px" border="0"></td>

</tr>


<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.ttf</td>


<td valign="middle" data-label="Description:">TrueType (TTF) fonts can be scaled to any size. They are compatible with most printers and output devices.</td>


<td class="center-align" valign="middle" data-label="Web:"><img src="https://flawlesswebsites.com/wp-content/uploads/2020/12/check.svg" width="30px" border="0"></td>


<td class="center-align" valign="middle" data-label="Digital:"><img src="https://flawlesswebsites.com/wp-content/uploads/2020/12/check.svg" width="30px" border="0"></td>


<td class="center-align" valign="middle" data-label="Print:"><img src="https://flawlesswebsites.com/wp-content/uploads/2020/12/check.svg" width="30px" border="0"></td>


<td class="center-align" valign="middle" data-label="Glyph/Ligature Support:"><img src="https://flawlesswebsites.com/wp-content/uploads/2020/12/check.svg" width="30px" border="0"></td>

</tr>


<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.eot</td>


<td valign="middle" data-label="Description:">Embedded OpenType (EOT) fonts are supported only by Microsoft Internet Explorer and Edge browsers. They are a compact form of OpenType fonts for use as embedded fonts on web pages.</td>


<td class="center-align" valign="middle" data-label="Web:"><img src="https://flawlesswebsites.com/wp-content/uploads/2020/12/check.svg" width="30px" border="0"></td>


<td class="center-align" valign="middle" data-label="Digital:"><img src="https://flawlesswebsites.com/wp-content/uploads/2020/12/cancel.svg" width="30px" border="0"></td>


<td class="center-align" valign="middle" data-label="Print:"><img src="https://flawlesswebsites.com/wp-content/uploads/2020/12/cancel.svg" width="30px" border="0"></td>


<td class="center-align" valign="middle" data-label="Glyph/Ligature Support:"><img src="https://flawlesswebsites.com/wp-content/uploads/2020/12/check.svg" width="30px" border="0"></td>

</tr>


<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.woff / .woff2</td>


<td valign="middle" data-label="Description:">The Web Open Font Format (WOFF) was made specifically for use in web pages. It is essentially OpenType or TrueType with compression and additional metadata.

WOFF2 provides a 30px reduction in file size on average, so Web fonts load more quickly in compatible browsers.</td>


<td class="center-align" valign="middle" data-label="Web:"><img src="https://flawlesswebsites.com/wp-content/uploads/2020/12/check.svg" width="30px" border="0"></td>


<td class="center-align" valign="middle" data-label="Digital:"><img src="https://flawlesswebsites.com/wp-content/uploads/2020/12/cancel.svg" width="30px" border="0"></td>


<td class="center-align" valign="middle" data-label="Print:"><img src="https://flawlesswebsites.com/wp-content/uploads/2020/12/cancel.svg" width="30px" border="0"></td>


<td class="center-align" valign="middle" data-label="Glyph/Ligature Support:"><img src="https://flawlesswebsites.com/wp-content/uploads/2020/12/check.svg" width="30px" border="0"></td>

</tr>


<tr>

<td class="row-title" valign="middle" width="30px" data-label="File Type:">.svg</td>


<td valign="middle" data-label="Description:">An SVG font is a new version of the OpenType format, with SVG standing for Scalable Vector Graphics. The SVG glyph format allows the characters to be displayed in multiple shapes, colors and with different transparencies. SVG fonts may have animated changes to these attributes. These shape, color and transparency attributes are not supported by regular OTF and TTF formats.</td>


<td class="center-align" valign="middle" data-label="Web:"><img src="https://flawlesswebsites.com/wp-content/uploads/2020/12/check.svg" width="30px" border="0"></td>


<td class="center-align" valign="middle" data-label="Digital:"><img src="https://flawlesswebsites.com/wp-content/uploads/2020/12/check.svg" width="30px" border="0"></td>


<td class="center-align" valign="middle" data-label="Print:"><img src="https://flawlesswebsites.com/wp-content/uploads/2020/12/cancel.svg" width="30px" border="0"></td>


<td class="center-align" valign="middle" data-label="Glyph/Ligature Support:"><img src="https://flawlesswebsites.com/wp-content/uploads/2020/12/check.svg" width="30px" border="0"></td>

</tr>

</tbody>

</table><!--kg-card-end: html-->]]></content:encoded></item><item><title><![CDATA[Remove Button Shadow In Forminator Forms]]></title><description><![CDATA[Forminator is an excellent WordPress forms plugin. Follow these steps to remove the default shadow hover effect on a forms submit button.]]></description><link>https://blog.flawlesswebsites.com/remove-button-shadow-in-forminator-forms/</link><guid isPermaLink="false">63cb53ea513495fd49b0c613</guid><category><![CDATA[Forms]]></category><category><![CDATA[Forminator]]></category><dc:creator><![CDATA[Edward Phelps]]></dc:creator><pubDate>Sat, 21 Jan 2023 02:55:57 GMT</pubDate><media:content url="https://blog.flawlesswebsites.com/content/images/2023/01/blog-image-2.png" medium="image"/><content:encoded/></item><item><title><![CDATA[Welcome To The Flawless Websites Blog]]></title><description><![CDATA[<p>This is the Flawless Websites Blog where nonprofits and solopreneurs can learn valuable website design, development, and maintenance tips that are based upon years of experience, and save a ton of time and money.</p><p>We recommend and use WordPress for our clients websites. So a lot of the content recipes</p>]]></description><link>https://blog.flawlesswebsites.com/coming-soon/</link><guid isPermaLink="false">63c7fb4f6b8acd446746835e</guid><category><![CDATA[News]]></category><dc:creator><![CDATA[Edward Phelps]]></dc:creator><pubDate>Wed, 18 Jan 2023 13:59:43 GMT</pubDate><media:content url="https://blog.flawlesswebsites.com/content/images/2023/01/Hello.jpg" medium="image"/><content:encoded><![CDATA[<img src="https://blog.flawlesswebsites.com/content/images/2023/01/Hello.jpg" alt="Welcome To The Flawless Websites Blog"><p>This is the Flawless Websites Blog where nonprofits and solopreneurs can learn valuable website design, development, and maintenance tips that are based upon years of experience, and save a ton of time and money.</p><p>We recommend and use WordPress for our clients websites. So a lot of the content recipes you&#x2019;ll find here showcase WordPress solutions. That said, many of the issues, reasoning, and approaches we write about have universal applications.</p><p>Content is written so it&#x2019;s easy for anyone to understand and use. No coding skills required. Everything you&#x2019;ll find here is written to empower our readers to achieve and maintain these two capabilities:</p><h2 id="take-ownership">Take Ownership</h2><p>By ownership we mean that you are in control over your website. That means that you control, have access to, and are comfortable administering the basics features of your domain, your website hosting, your website admin, your email marketing and social media services. Granted you do not need to be an expert, but you need to have control over what access the experts you pay to provide services have over your stuff, and not the other way around.</p><h2 id="self-manage">Self-Manage</h2><p>We believe you and your staff must be able to access and administer basic functions related to your website and the services that power it. Again, you don&#x2019;t have to be an expert, but you do have to know enough to be in control (which relates back to the idea of Ownership).</p><p>This is all about empowering you with easy-to-use know-how. So <a href="#/portal/">subscribe</a> to stay up to date and receive emails when new content is published. And post your comments and feedback often so the value of this information will grow and stay current.</p><p>Here&#x2019;s to your having a Flawless Website experience!</p>]]></content:encoded></item></channel></rss>