{"id":187280,"date":"2014-10-29T09:06:07","date_gmt":"2014-10-29T16:06:07","guid":{"rendered":"http:\/\/css-tricks.com\/?page_id=187280"},"modified":"2024-06-28T10:19:01","modified_gmt":"2024-06-28T17:19:01","slug":"guest-writing-for-css-tricks","status":"publish","type":"page","link":"https:\/\/css-tricks.com\/guest-writing-for-css-tricks\/","title":{"rendered":"Write for CSS-Tricks!"},"content":{"rendered":"\n<p class=\"is-style-explanation\">We&#8217;re in the process of accepting new article proposals after a long hiatus. There&#8217;s still work to do and we will drop an application at the bottom of this page when we open the doors.<\/p>\n\n\n\n<p>Interested in guest writing for CSS-Tricks? We love <a href=https://css-tricks.com/"https:////css-tricks.com//authors///">guest writers<\/a> around here! It&#8217;s always a win-win-win.<\/p>\n\n\n\n<ol>\n<li><strong>It&#8217;s a win for our readers,<\/strong> as they get to learn from your experience. Nobody knows exactly what you know.<\/li>\n\n\n\n<li><strong>It&#8217;s a win for you, the writer.<\/strong> You get paid and get your voice heard.<\/li>\n\n\n\n<li><strong>It&#8217;s a win for CSS-Tricks.<\/strong> Your work adds to our ever-growing archives of top-notch front-end content.<\/li>\n<\/ol>\n\n\n<div role=\"navigation\" aria-label=\"Table of Contents\" class=\"simpletoc ticss-1e3b83d8 wp-block-simpletoc-toc\"><h3 class=\"simpletoc-title\">Table of Contents<\/h3>\n<ul class=\"simpletoc-list\">\n<li><a href=https://css-tricks.com/"#guiding-principles\">Guiding principles<\/a>\n\n<\/li>\n<li><a href=https://css-tricks.com/"#the-types-of-content-we-accept\">The types of content we accept<\/a>\n\n<\/li>\n<li><a href=https://css-tricks.com/"#possible-topics\">What you should write about<\/a>\n\n<\/li>\n<li><a href=https://css-tricks.com/"#the-audience\">Who you&#8217;re writing for<\/a>\n\n<\/li>\n<li><a href=https://css-tricks.com/"#voice-and-tone\">Voice and tone<\/a>\n\n<\/li>\n<li><a href=https://css-tricks.com/"#length\">Length<\/a>\n\n<\/li>\n<li><a href=https://css-tricks.com/"#accepted-proposals\">Accepted proposals<\/a>\n\n<\/li>\n<li><a href=https://css-tricks.com/"#pitch\">Submission form<\/a>\n<\/li><\/ul><\/div>\n\n<h3 class=\"wp-block-heading\" id=\"guiding-principles\">Guiding principles<\/h3>\n\n\n<ol>\n<li>Write the article you wish you found when you Googled for it.<\/li>\n\n\n\n<li>Write with <a href=https://css-tricks.com/"https:////css-tricks.com//the-popeye-moment///">&#8220;lived experience and professional acumen.&#8221;<\/a><\/li>\n<\/ol>\n\n\n\n<p><strong>In other words:<\/strong> Would <em>you<\/em> be happy to land on this article from a web search? Are you speaking to the reader, developer-to-developer, based on your personal and professional experience?<\/p>\n\n\n<h3 class=\"wp-block-heading ticss-1126152b\" id=\"the-types-of-content-we-accept\">The types of content we accept<\/h3>\n\n\n<ul>\n<li><a href=https://css-tricks.com/"https:////css-tricks.com//archives///">Tutorials<\/a> (how to do something)<\/li>\n\n\n\n<li><a href=https://css-tricks.com/"https:////css-tricks.com//tag//interview///">Interviews<\/a> (meet an interesting person)<\/li>\n\n\n\n<li><a href=https://css-tricks.com/"https:////css-tricks.com//almanac///">Almanac docs<\/a> (CSS documentation)<\/li>\n\n\n\n<li><a href=https://css-tricks.com/"https:////css-tricks.com//guides///">Guides<\/a> (comprehensive deep dives on overarching topics, e.g. <a href=https://css-tricks.com/"https:////css-tricks.com//snippets//css//a-guide-to-flexbox///">Flexbox<\/a>)<\/li>\n<\/ul>\n\n\n<h3 class=\"wp-block-heading ticss-bfd05d06\" id=\"possible-topics\">What you should write about<\/h3>\n\n\n<p>We&#8217;re looking for <strong>technical<\/strong>, <strong>referential<\/strong>, and <strong>instructional<\/strong> content and veer away from editorial <a href=https://css-tricks.com/"https:////www.merriam-webster.com//dictionary//think piece/" rel=\"noopener\">think pieces<\/a>. You might start with &#8220;How to X&#8221; by default, where &#8220;X&#8221; is somewhere in the realm of building websites. We also skew toward front-end topics (e.g. HTML, CSS, and JavaScript).<\/p>\n\n\n\n<p><strong>We prefer if you are motivated because you have something you very much want to share. <\/strong>You have a <em>deep knowledge<\/em> on this topic. You are <em>excited<\/em> about it. You&#8217;re <em>ready<\/em> to tell people about it on CSS-Tricks. That&#8217;s what makes for good guest writing on CSS-Tricks.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"the-audience\">Who you&#8217;re writing for<\/h3>\n\n\n<p>CSS-Tricks readers are mostly front-end web designers and developers at all different points in their professional career. We&#8217;re not going to tell you to write for &#8220;beginners&#8221; or &#8220;experts&#8221; \u2014 strive for <em>clarity<\/em> instead. Everyone appreciates an article that makes technology approachable and understandable.<\/p>\n\n\n\n<p>That said, you can generally assume that readers have at least basic knowledge of HTML, CSS, and JavaScript, except when covering those basics adds to the clarity of your article.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"voice-and-tone\">Voice and tone<\/h3>\n\n\n<p>Voice and tone are <em>related<\/em>, but <em>different<\/em> concepts. Your voice rarely changes, but your tone does depending on the situation.<\/p>\n\n\n\n<p>As far as voice goes, CSS-Tricks is far from what you&#8217;d call an academic source of content. Sure, articles are educational in nature but we approach them in <strong>clear terms<\/strong> that are <strong>devoid of technical jargon<\/strong>. In most cases, we like to think that the voice of <strong>any given article is like a conversation<\/strong> between two front-enders talking shop.<\/p>\n\n\n\n<p>The tone you use to make your points may change throughout the content. If you&#8217;re excited, write with <em>excitement<\/em>. If you&#8217;re frustrated, it&#8217;s okay to <em>vent<\/em> a little. Your tone is what makes your article personable to readers.<\/p>\n\n\n\n<p>In general, however, your tone will be:<\/p>\n\n\n\n<ul>\n<li>comprehensive and written for all experience levels,<\/li>\n\n\n\n<li>technically detailed and correct,<\/li>\n\n\n\n<li>practical, useful, and self-contained, and<\/li>\n\n\n\n<li>friendly, but professional.<\/li>\n<\/ul>\n\n\n\n<details >\n  <summary>\n          Examples      <\/summary>\n  \n\n<ul>\n<li>Sara Soueidan wrote <a href=https://css-tricks.com/"https:////css-tricks.com//guide-svg-animations-smil///">a great well-researched in-depth post<\/a> on SMIL. <\/li>\n\n\n\n<li>Tim Evko <a href=https://css-tricks.com/"https:////css-tricks.com//hassle-free-responsive-images-for-wordpress///">wrote about solving a problem he was having<\/a> in WordPress surrounding responsive images, and built an entire plugin for it.<\/li>\n\n\n\n<li>Zell Liew wrote a book about Susy and <a href=https://css-tricks.com/"https:////css-tricks.com//build-web-layouts-easily-susy///">wrote a tutorial<\/a> on re-creating the CSS-Tricks layout with Susy in part to promote that book. Joni Trythall <a href=https://css-tricks.com/"https:////css-tricks.com//look-svg-light-source-filters///">did similar<\/a> with her book release.<\/li>\n\n\n\n<li>Tobias G\u00fcnther <a href=https://css-tricks.com/"https:////css-tricks.com//deal-merge-conflicts-git///">wrote about a common problem in Git<\/a>, a problem he&#8217;s solved pretty well in building his own app, Tower.<\/li>\n<\/ul>\n\n\n<\/details>\n\n<h3 class=\"wp-block-heading\" id=\"length\">Length<\/h3>\n\n\n<p>The loose goal is<strong> 600 words<\/strong>. An article can be shorter if it&#8217;s extremely useful and clear. Or an article might need between 1,000-2,000 words to properly cover a more complex topic. If you find yourself at around 1,500 words, that&#8217;s a good point to pause and look for opportunities for brevity.<\/p>\n\n\n\n<p>We do consider longer articles but those are typically reserved for super comprehensive topics formatted as <a href=https://css-tricks.com/"https:////css-tricks.com//guides///">guides<\/a>.<\/p>\n\n\n\n<p><strong>Always good to include:<\/strong><\/p>\n\n\n\n<ol>\n<li>A healthy amount of relevant visuals, like images and videos.\n<ul>\n<li>Images should include <code>alt<\/code> text and a caption. Just make sure the images support the content; we wanna avoid memes.<\/li>\n\n\n\n<li>If your visual includes motion, it&#8217;s best to record those as videos rather than animated GIFs out of respect for those with motion sensitivities.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Blocks of code that get right to the most important concepts.\n<ul>\n<li>Be as brief as possible without sacrificing the main point you&#8217;re demonstrating.<\/li>\n\n\n\n<li>Avoid large &#8220;walls of code&#8221; as they are overwhelming to read and interrupt the article&#8217;s flow.<\/li>\n\n\n\n<li>We are able to visually highlight specific lines of code.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Demos. We love embedded demos that readers can interact with.\n<ul>\n<li>Please use <a href=https://css-tricks.com/"https:////codepen.io///" rel=\"noopener\">CodePen<\/a>, if possible. We can do other interactive code embeds, if needed.<\/li>\n\n\n\n<li>Demos can be bare-bones to demonstrate an isolated concept but should still have enough styling for good presentation.<\/li>\n\n\n\n<li>Demos can be more complex and add controls that further demonstrate concepts but should not be so complex and involved that it distracts from the main point.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n<h3 class=\"wp-block-heading\" id=\"accepted-proposals\">Accepted proposals<\/h3>\n\n\n<p>We do indeed review <em>every<\/em> proposal that comes in. And while we make every effort to respond to as many as we can, there&#8217;s typically so many that we can&#8217;t possibly respond to each and every one. We&#8217;ll absolutely follow up if your proposal is accepted. If you haven&#8217;t heard from us you are totally welcome to follow-up over email.<\/p>\n\n\n\n<p>If your article is accepted, you&#8217;ll be asked to write a complete first draft of your article to the best of your abilities, complete with a sense of your writing style, a well-defined main concept, and professional acumen.<\/p>\n\n\n\n<p>Your first draft doesn&#8217;t have to be perfect. Once the first draft is complete, it will go through an editing process in which you work directly with one of our editors. Expect that your draft will go through <em>at least<\/em> a couple of editing rounds and be different from the final published article as we work with you to make it fit nicely with the rest of everything we publish.<\/p>\n\n\n\n<p class=\"is-style-explanation\">If you don&#8217;t have the time to write an article that may not be published on CSS-Tricks, we totally understand. That said, we can&#8217;t commit to publishing any article without first receiving and reviewing a complete draft so please bear that in mind as you propose a new idea.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"pitch\">Submission form<\/h3>\n\n\n<p class=\"is-style-explanation\">We&#8217;re currently closed for new article proposals! But we&#8217;ll open things back up once we&#8217;re ready and drop the application in this section.<\/p>\n\n\n\n<p>Alright, you ready to do this now that you know what we&#8217;re aiming for? There&#8217;s a submission at the bottom of this page you can use to send your article proposal.<\/p>\n\n\n\n<p><strong>You are only submitting an outline of your idea<\/strong> \u2014 there&#8217;s no need to write a complete first draft unless that is something you very badly want to do. We maintain a high bar for quality around here which means some proposals will not make the cut. An outline will convey your idea without you potentially writing a big ol&#8217; draft that isn&#8217;t accepted.<\/p>\n\n\n\n<p class=\"ticss-31d3f76c\">We hope it goes without saying, but we will never share any information you submit without your explicit permission. That just wouldn&#8217;t be cool.<\/p>\n\n\n\n<div style=\"display: none;\" data-tf-live=\"01HXYYYYQ7CWFBEV297C9E8PN8\"><\/div><script src=https://css-tricks.com/"////embed.typeform.com//next//embed.js/"><\/script>\n","protected":false},"excerpt":{"rendered":"<p>Interesting in guest writing on CSS-Tricks? It can be a great thing for everyone: you, our readers, and the site itself. Read up on what our expectations are, what you can expect, and what the workflow is like.<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":"","_share_on_mastodon":"0","_share_on_mastodon_status":"%title% %permalink%"},"tags":[924],"acf":[],"share_on_mastodon":{"url":"","error":""},"jetpack_sharing_enabled":true,"jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/187280"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=187280"}],"version-history":[{"count":10,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/187280\/revisions"}],"predecessor-version":[{"id":379050,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/187280\/revisions\/379050"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=187280"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=187280"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}