{"id":312,"date":"2021-01-02T19:10:32","date_gmt":"2021-01-02T19:10:32","guid":{"rendered":"https:\/\/wshop.fi\/eng\/?p=312"},"modified":"2021-03-25T19:20:41","modified_gmt":"2021-03-25T19:20:41","slug":"my-favorite-css-generators","status":"publish","type":"post","link":"https:\/\/wshop.fi\/eng\/my-favorite-css-generators\/","title":{"rendered":"CSS Generators – My Favorites – CSS3 Tools and Gradient Generator"},"content":{"rendered":"\n

There are several CSS generators out there. Many do the same things. Soo\u2026 To keep you from sorting through several different generators, here are my favorites to save some time.\u00a0 Some browsers have different quirks, prefixes, etc., but these generators should cover the majority of your CSS needs. They are all free online tools.<\/p>\n\n\n\n

Top 2 CSS Generators<\/h2>\n\n\n\n

These are my top 2 favorite CSS Generators<\/strong>.<\/p>\n\n\n\n

  1. http:\/\/css3generator.com\/<\/a><\/li>
  2. http:\/\/www.css3maker.com\/<\/a><\/li><\/ol>\n\n\n\n

    CSS Gradient Generator<\/h2>\n\n\n\n

    This really is the \u201cUltimate CSS Gradient Generator<\/strong>!\u201d<\/p>\n\n\n\n

    http:\/\/www.colorzilla.com\/gradient-editor\/<\/a><\/p>\n\n\n\n

    CSS tools Worth Mentioning:<\/h2>\n\n\n\n
    1. http:\/\/css3please.com\/<\/a> – This one is unique. It has classes to copy, helping keep your CSS code clean and organized.<\/li>
    2. http:\/\/www.css3.me\/<\/a> – This is another CSS Generator.<\/li><\/ol>\n\n\n\n

      Type\/Font<\/h2>\n\n\n\n
      1. http:\/\/www.typetester.org\/<\/a> – This isn\u2019t really a CSS Generator, but it is a good tool. This tool will help with your type\/font . You can set 3 columns independently to compare.<\/li>
      2. http:\/\/www.somacon.com\/p334.php<\/a> – This will help you generate some CSS for your type and font.<\/li><\/ol>\n","protected":false},"excerpt":{"rendered":"

        There are several CSS generators out there. Many do the same things. Soo\u2026 To keep you from sorting through several different generators, here are my favorites to save some time.\u00a0 Some browsers have different quirks, prefixes, etc., but these generators should cover the majority of your CSS needs. They are all free online tools. Top […]<\/p>\n","protected":false},"author":1,"featured_media":119,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18],"tags":[],"class_list":{"0":"post-312","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-coding"},"_links":{"self":[{"href":"https:\/\/wshop.fi\/eng\/wp-json\/wp\/v2\/posts\/312","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wshop.fi\/eng\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wshop.fi\/eng\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wshop.fi\/eng\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wshop.fi\/eng\/wp-json\/wp\/v2\/comments?post=312"}],"version-history":[{"count":1,"href":"https:\/\/wshop.fi\/eng\/wp-json\/wp\/v2\/posts\/312\/revisions"}],"predecessor-version":[{"id":313,"href":"https:\/\/wshop.fi\/eng\/wp-json\/wp\/v2\/posts\/312\/revisions\/313"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wshop.fi\/eng\/wp-json\/wp\/v2\/media\/119"}],"wp:attachment":[{"href":"https:\/\/wshop.fi\/eng\/wp-json\/wp\/v2\/media?parent=312"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wshop.fi\/eng\/wp-json\/wp\/v2\/categories?post=312"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wshop.fi\/eng\/wp-json\/wp\/v2\/tags?post=312"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}