Submission Guidelines

You've got a great technique that helps you be more effective with ExpressionEngine. Why not share it? We curate articles from experts all around the world, including things specific to ExpressionEngine implementation as well as broader web development tips and tutorials.

We're looking for long-form tutorials, videos, podcasts, Channel Sets, sample templates, code snippets, and more. No article is too large or small: if it can help others, we'll help you publish it.

General Requirements

  • Solve a specific problem or add specific functionality. Clearly state this up front.
  • If your solution requires third-party solutions, please state that explicitly.
  • Keep your article positive and encouraging to those still acquiring skills.
  • Images should be a minimum of 1760px wide and should not include any browser chrome.
  • For your first published article, you must include your email address (never published) so we can contact you with questions, a 160-character or less bio, and any desired links to your web site and social media accounts.
  • You must have the rights to publish any elements included with your article (images, videos, code samples, etc.) under CC-BY-4.0 licensing. Note that this license applies to the article content only, and does not apply to any linked assets, including but not limited to add-ons that might be needed to implement the solution.
  • Articles may be written and submitted in any format that's convenient for you. Markdown is preferred, as that is what we will ultimately publish with.
  • Check your spelling.

Article-type specific requirements

  • Channel Sets
    • Include the Channel Set zip file, and a brief description of its purpose.
    • Optional: include sample template code for implementation.
  • Quick Tips
    • Optional: include links to articles for deeper study.
  • Long-form Tutorials
    • Ensure your tutorial is structured so that the steps are described and accomplished in the proper order.
    • Any included image / audio / video components meet the requirements for those elements listed in these guidelines.
  • Videos
    • Preference is given to Vimeo and YouTube videos, HD only. You must allow EllisLab to download a copy of the video to host on our own CDN to ensure content availabilty.
    • All requirements of Podcasts / Audio apply.
  • Podcasts / Audio
    • Provide a link to other podcast episodes, if available.
    • Make sure the audio is clear and clean. You don't have to be a pro, but if Netflix is blaring in the background, your submission will not be considered.
    • Keep it PG-13.

Example Submission

Below is a sample submission that shows a very brief or helpful tip that packs a punch! You aren't required to submit with markdown formatting, but it is helpful. You can also browse existing articles for examples. Send us your submission today!


# Responsive Videos

We all LOVE videos! But they can be a real difficult thing to do responsively. So here is some code to help you make videos responsive in your next ExpressionEngine CMS site.
	
The HTML
	
```
<figure class="video">
	<div class="video-player">
		<iframe src="//player.vimeo.com/video/39394380?color=f0a400" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
	</div>
	<figcaption><a href="http://leihu.com">James Mathias</a> &mdash; Made By Few</figcaption>
</figure>
```
	
I use a figure, so that I can add a caption, the important part is the `div.video-player` around the `iframe`. Here I use a class of `.video` on the figure as a best practice for potential CSS targeting.

Speaking of CSS, here is the LESS object.
	
```
.video-player{
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%; /* 16/9 ratio */
	padding-top: 30px; /* IE6 workaround */
	position: relative;

		// set dimensions and position of elements inside .video-player
		embed, iframe, img, object, video{
			height: 100%;
			left: 0;
			position: absolute;
			top: 0;
			width: 100%;
		}
}
```
	
That's all you need. Remember don't put a width or height attribute on the iframe, the browser will do this math for you!

You can demo and play with this code here: [https://jsfiddle.net/jmathias/g7mwrmxw/](https://jsfiddle.net/jmathias/g7mwrmxw/)

Now go fill your ExpressionEngine CMS sites with videos, to the brim!
	

ExpressionEngine News

#eecms, #events, #releases