Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Add Rails 3 Screencasts page

  • Loading branch information...
commit 4cb2a357346d2400d832e84b6920e41542e2f129 1 parent bf260d6
@pixeltrix pixeltrix authored
View
BIN  images/headers/rails-3-screencasts.gif
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  images/pages/screencasts/rails3/Episode1.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  images/pages/screencasts/rails3/Episode2.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  images/pages/screencasts/rails3/Episode3.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  images/pages/screencasts/rails3/Episode4.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  images/pages/screencasts/rails3/Episode5.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  images/rss.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
135 screencasts/rails3/index.html
@@ -0,0 +1,135 @@
+---
+layout: default
+title: "Ruby on Rails: Rails 3 Screencasts"
+---
+ <article id="article" class="screencasts">
+ <h1>
+ <img src="/images/headers/rails-3-screencasts.gif" width="603" height="112" alt="Dive into Rails 3">
+ </h1>
+ <div class="section">
+ <h2>Introducing Rails 3</h2>
+ <ul class="links">
+ <li>Download</li>
+ <li><a href="http://www.viddler.com/explore/rails3/videos/16.mp4?vfid=7182015a4526d4ed">Quicktime HD</a></li>
+ <li><a href="http://www.viddler.com/explore/rails3/videos/16.mp4?vfid=7182015a4529d2ed">iPhone/iPod</a></li>
+ </ul>
+ <ul class="links">
+ <li>Subscribe</li>
+ <li class="rss"><a href="feed://www.viddler.com/explore/rails3/videos/feed/">Video RSS</a></li>
+ </ul>
+ <div class="video">
+ <!--[if IE]><object width="437" height="348" id="viddlerOuter-1255881c" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param name="movie" value="http://www.viddler.com/simple/1255881c/"><param name="allowScriptAccess" value="always"><param name="allowNetworking" value="all"><param name="allowFullScreen" value="true"><param name="flashVars" value="f=1&autoplay=f&disablebranding=f"><object id="viddlerInner-1255881c"><video id="viddlerVideo-1255881c" src="http://www.viddler.com/file/1255881c/html5mobile/" type="video/mp4" width="437" height="328" poster="http://www.viddler.com/thumbnail/1255881c/" controls="controls"></video></object></object><![endif]--> <!--[if !IE]> <!--> <object width="437" height="348" id="viddlerOuter-1255881c" type="application/x-shockwave-flash" data="http://www.viddler.com/simple/1255881c/"> <param name="movie" value="http://www.viddler.com/simple/1255881c/"> <param name="allowScriptAccess" value="always"><param name="allowNetworking" value="all"><param name="allowFullScreen" value="true"><param name="flashVars" value="f=1&autoplay=f&disablebranding=f"><object id="viddlerInner-1255881c"> <video id="viddlerVideo-1255881c" src="http://www.viddler.com/file/1255881c/html5mobile/" type="video/mp4" width="437" height="328" poster="http://www.viddler.com/thumbnail/1255881c/" controls="controls"></video> </object></object> <!--<![endif]-->
+ </div>
+ </div>
+ <hr class="rule">
+ <div class="section">
+ <h3 class="pull-left">Getting Started & Action Dispatch</h3>
+ <a href="/screencasts/rails3/getting-started-action-dispatch" class="screencast">
+ <img src="/images/pages/screencasts/rails3/Episode1.jpg">
+ </a>
+ <p>
+ In this first episode we cover the new command line options for Rails and the new Action Dispatch component. Action Dispatch contains a new syntax for routing which is even more concise and readable.
+ </p>
+ <p class="download">
+ <a href="/screencasts/rails3/getting-started-action-dispatch">Watch Video</a> or download: <a href="http://www.viddler.com/explore/rails3/videos/10.mp4">Quicktime HD</a> | <a href="http://www.viddler.com/explore/rails3/videos/10.mp4">iPhone/iPod</a>
+ </p>
+ <p class="sponsorship">
+ The production of this screencast was sponsored by <a href="http://www.newrelic.com" target="_new">New Relic</a>.
+ </p>
+ </div>
+ <hr class="rule">
+ <div class="section">
+ <h3 class="pull-left">Bundler &<br> Action Mailer</h3>
+ <a href="/screencasts/rails3/bundler-action-mailer" class="screencast">
+ <img src="/images/pages/screencasts/rails3/Episode2.jpg">
+ </a>
+ <p>
+ Rails 3 ships with Bundler, a Ruby library that makes Dependency Management a
+ painless process. In this video we learn Bundler basics and take a look at the
+ new Action Mailer syntax.
+ </p>
+ <p class="download">
+ <a href="/screencasts/rails3/bundler-action-mailer">Watch Video</a> or
+ download: <a href="http://www.viddler.com/explore/rails3/videos/11.mp4">Quicktime
+ HD</a> | <a href="http://www.viddler.com/explore/rails3/videos/11.mp4">iPhone/iPod</a>
+ </p>
+ <p class="sponsorship">
+ The production of this screencast was sponsored by <a href="http://www.engineyard.com" target="_new">Engine Yard</a>.
+ </p>
+ </div>
+ <hr class="rule">
+ <div class="section">
+ <h3 class="pull-left">Active Relation & Active Model</h3>
+ <a href="/screencasts/rails3/active-relation-active-model" class="screencast">
+ <img src="/images/pages/screencasts/rails3/Episode3.jpg">
+ </a>
+ <p>
+ Active Relation gives you a more powerful syntax for pulling data into your
+ application. We'll learn about the new syntax and discover how to leverage Active
+ Model to enhance our plain old Ruby objects.
+ </p>
+ <p class="download">
+ <a href="/screencasts/rails3/active-relation-active-model">Watch Video</a> or
+ download: <a href="http://www.viddler.com/explore/rails3/videos/13.mp4">Quicktime HD</a> |
+ <a href="http://www.viddler.com/explore/rails3/videos/13.mp4">iPhone/iPod</a>
+ </p>
+ <p class="sponsorship">
+ The production of this screencast was sponsored by <a href="http://toprubyjobs.com" target="_new">Top Ruby Jobs</a>.
+ </p>
+ </div>
+ <hr class="rule">
+ <div class="section">
+ <h3 class="pull-left">Cross-site scripting & Unobtrusive JS</h3>
+ <a href="/screencasts/rails3/xss-ujs" class="screencast">
+ <img src="/images/pages/screencasts/rails3/Episode4.jpg">
+ </a>
+ <p>
+ Cross-site scripting (XSS) protection has been improved in Rails 3. Html 5 standards
+ have also been adopted to encourage unobtrusive javascript and allow for seamless
+ integration of any Javascript Framework.
+ </p>
+ <p class="download">
+ <a href="/screencasts/rails3/xss-ujs">Watch Video</a> or download:
+ <a href="http://www.viddler.com/explore/rails3/videos/14.mp4">Quicktime HD</a> |
+ <a href="http://www.viddler.com/explore/rails3/videos/14.mp4">iPhone/iPod</a>
+ </p>
+ <p class="sponsorship">
+ The production of this screencast was sponsored by <a href="http://www.newrelic.com" target="_new">New Relic</a>.
+ </p>
+ </div>
+ <hr class="rule">
+ <div class="section">
+ <h3 class="pull-left">The New Action Controller</h3>
+ <a href="/screencasts/rails3/action-controller" class="screencast">
+ <img src="/images/pages/screencasts/rails3/Episode5.jpg">
+ </a>
+ <p>
+ The Action Controller stack has been completely overhauled to allow for increased
+ modularity and code reuse. We'll learn about Abstract Controller and the new
+ respond_to syntax to help simplify RESTful controllers.
+ </p>
+ <p class="download">
+ <a href="/screencasts/rails3/action-controller">Watch Video</a> or download:
+ <a href="http://www.viddler.com/explore/rails3/videos/12.mp4">Quicktime HD</a> |
+ <a href="http://www.viddler.com/explore/rails3/videos/12.mp4">iPhone/iPod</a>
+ </p>
+ <p class="sponsorship">
+ The production of this screencast was sponsored by <a href="http://envylabs.com" target="_new">Envy Labs</a>.
+ </p>
+ </div>
+ <hr class="rule">
+ <div class="section">
+ <h3 class="pull-left">The Credits</h3>
+ <p class="credit">
+ These videos were produced by Gregg Pollack from <a href="http://envylabs.com" target="_new">Envy Labs</a>.
+ Additional screencasts may be released over the next few months. If you're interested
+ in sponsoring them please <a href="mailto:Gregg@EnvyLabs.com">contact Gregg</a>.
+ </p>
+ <p class="sponsorship">
+ Video hosting provided by <a href="http://www.viddler.com" target="_new">Viddler</a>.
+ </p>
+ <p class="footnote">
+ Creative Commons <a href="http://img.skitch.com/20100603-t368qxajp6bmapgfmb2iyqdjy5.jpg">Photo Credits</a>
+ </p>
+ </div>
+ </article>
View
61 styles.css
@@ -65,6 +65,16 @@ div.section h3 {
margin: 0px 0px 0px 250px;
line-height: 140%;
}
+div.section h3.pull-left {
+ font-size: 20px;
+ font-weight: normal;
+ line-height: 120%;
+ color: #900;
+ float: left;
+ margin: 0px 0px 10px 0px;
+ width: 200px;
+ text-align: right;
+}
div.section p {
font-family: Georgia;
font-size: 18px;
@@ -97,7 +107,12 @@ div.section p.more {
div.section p.centered {
text-align: center;
}
-div.section p.footnote {
+div.section p.download,
+div.section p.credit {
+ font-size: 14px;
+}
+div.section p.footnote,
+div.section p.sponsorship {
font-size: 12px;
}
div.section img.biopic {
@@ -110,7 +125,8 @@ div.section img.biopic {
div.section a.screencast {
background-color: transparent !important;
float: left;
- margin: 0px 0px 25px 20px;
+ clear: left;
+ margin: 0px 0px 25px 25px;
}
div.section a.screencast img {
display: block;
@@ -153,6 +169,31 @@ div.section ul.grid li p a {
div.section ul.grid li p a:hover {
background-color: #f4dda6 !important;
}
+div.section div.video {
+ margin: 0px 0px 25px 250px;
+ width: 450px;
+}
+div.section ul.links {
+ list-style: none;
+ float: left;
+ clear: left;
+ text-align: right;
+ width: 200px;
+ padding: 0px;
+ margin: 0px 0px 20px 0px;
+ font-family: Georgia;
+ font-size: 14px;
+ line-height: 140%;
+ overflow: hidden;
+}
+div.section ul.links li {
+ float: right;
+ clear: right;
+}
+div.section ul.links li.rss {
+ background: url(images/rss.png) no-repeat 0px 1px;
+ padding: 0px 0px 0px 22px;
+}
#navigation {
color: #ccc;
width: 726px;
@@ -185,13 +226,25 @@ div.section ul.grid li p a:hover {
display: block;
float: right;
}
-#article p a, #article ol a {
+#article p a,
+#article ol a,
+#article ul a {
color: #369;
}
-#article p a:hover {
+#article p a:hover,
+#article ol a:hover,
+#article ul a:hover {
background-color: #f4dda6;
text-decoration: none;
}
+#article hr.rule {
+ border: 0px;
+ color: #bbb;
+ background-color: #bbb;
+ height: 1px;
+ width: 670px;
+ margin: 0px auto 25px;
+}
#footer {
color: #666;
font-size: 11px;
Please sign in to comment.
Something went wrong with that request. Please try again.