The Web Design & Development Megathread

The Something Awful Forums > Discussion > Serious Hardware/Software Crap > The Cavern of COBOL > The Web Design & Development Megathread

enthe0s: Oct 24, 2010; In another few hours, the sun will rise!

So I'm having problems getting video to play in Firefox/Safari on Mac only. Chrome is fine for both Win/Mac, but for some reason the video won't play on Safari or Mac FF. It's running on an IIS server, which I am not too familiar with, but the .ogv MIME type is set to "video/ogg" and .mp4 is set to "video/mp4". At first I thought this was just a browser issue so I found a lot of help here http://stackoverflow.com/questions/2643447/html5-video-mp4-and-ogv-problems-in-safari-and-firefox-but-chrome-is-all-goo, but if it was truly a browser issue then the video wouldn't play on Win FF either, not just on Mac. Can anyone give me some direction to go in?

# ¿ Jun 25, 2013 17:34

Adbot: ADBOT LOVES YOU

# ¿ Apr 27, 2024 12:32

enthe0s: Oct 24, 2010; In another few hours, the sun will rise!

The site isn't live yet so I can't provide a link, but I think I might have found the issue. Apparently, Win FF uses the mp4 version of the video, while the Mac FF uses the ogv version of the video. I downloaded the ogv and it was really choppy in VLC, so I think it's actually a problem with the video itself.

# ¿ Jun 25, 2013 19:21

enthe0s: Oct 24, 2010; In another few hours, the sun will rise!

This is a really cool framework for HTML emails that was released fairly recently, maybe it will be helpful as well. Disclaimer: I haven't personally used it.

http://zurb.com/ink/

# ¿ Dec 7, 2013 20:20

enthe0s: Oct 24, 2010; In another few hours, the sun will rise!

I've got a quick question about Zurb Foundation. I'm trying to implement an Orbit, and I'm wondering what the stack_on_small setting does since the docs don't really say (scroll down to the Advanced section): http://foundation.zurb.com/docs/components/orbit.html

I've already been playing around with it but it doesn't seem to have any effect as far as I can see.

Here's a snippet:

code:

<ul class="goals-orbit orbit-stack-on-small" data-orbit>
      <li>
        <img src="http://placehold.it/400x300&text=[img]" />
      </li>
      <li>
        <img src="http://placehold.it/400x300&text=[img]" />
      </li>
      <li>
        <img src="http://placehold.it/400x300&text=[img]" />
      </li>
</ul>

# ¿ Jan 27, 2014 21:27

enthe0s: Oct 24, 2010; In another few hours, the sun will rise!

Lumpy posted:

According to the source it literally applies the stack-on-small class to the container element.

Hmm, well, digging into the SASS, it seems like this is all that class does?

code:

.orbit-stack-on-small {
        .orbit-slides-container {height: auto !important;}
        .orbit-slides-container > * {
          position: relative;
          margin-left: 0% !important;
        }

I'm kind of wondering if stack-on-small is a thing that other frameworks use (like the grid system), or if it's just something Foundation specific and doesn't bother explaining very well.

# ¿ Jan 27, 2014 22:05

enthe0s: Oct 24, 2010; In another few hours, the sun will rise!

Doesn't the CDN also benefit from browser caching? Whereas loading your own version doesn't allow for that? I feel like that's something I read ages ago, but things could have obviously changed since then...

# ¿ Sep 29, 2014 19:57

enthe0s: Oct 24, 2010; In another few hours, the sun will rise!

Has there been any must read book on JavaScript since Crockford's "The Good Parts"? It was released in 2008, so I was wondering if there was a more recently released book that I should read instead.

# ¿ Nov 7, 2014 16:46

enthe0s: Oct 24, 2010; In another few hours, the sun will rise!

streetlamp posted:

I really like this as an introduction http://eloquentjavascript.net/
and its free to read online!

Awesome, I'll check it out. Thanks!

# ¿ Nov 9, 2014 03:47

enthe0s: Oct 24, 2010; In another few hours, the sun will rise!

Pollyanna posted:

What scaffolds/generators do people use? I like the idea of Yeoman, but it just confuses me further cause adding new dependencies is nearly impossible.

You can use the --save flag ("$ bower install <package> --save") when adding something, which will add the package to your project and add it to your bower.json so it will be included when other people pull the project from github.

# ¿ Nov 25, 2014 03:14

enthe0s: Oct 24, 2010; In another few hours, the sun will rise!

Does anyone here use Light Table as their primary editor and would like to give a comparison to Sublime Text? I'm thinking about switching over.

# ¿ Nov 30, 2014 19:41

enthe0s: Oct 24, 2010; In another few hours, the sun will rise!

What about Backbone? I usually see Angular, Backbone and Ember as the big 3 for front-end frameworks.

# ¿ Jan 24, 2015 18:23

enthe0s: Oct 24, 2010; In another few hours, the sun will rise!

Karthe posted:

Are there any database hosting services that will help me to quickly get an API service up and running for cheap/free? I want to start practicing development with AngularJS but I'm feeling overwhelmed since I also feel like I have to simultaneously learn something like the Django REST Framework first before I can proceed. I'm just looking for something I can use in development to auth against and store data. Once I get comfortable with the Angular I figure I can then move on to Django and learn that at my leisure.

I used this tutorial when I started learning Angular: https://thinkster.io/learn-to-build-realtime-webapps/

It uses Firebase as Thermopyle said, and I found it to be pretty good for learning.

# ¿ Feb 5, 2015 20:07

enthe0s: Oct 24, 2010; In another few hours, the sun will rise!

So I've come to the realization that I've been doing very modern front-end development for over a year now (just html, css, and javascript with jQuery and some Angular thrown in) and I'm now working at a .NET shop as a full-stack dev. I'm currently brushing up on my C# since I haven't touched Java for 2 years, but I'm wondering (and correct me if I'm wrong), why do people build websites with .NET when there are javascript frameworks that accomplish the same thing nowadays? I've never really looked into .NET until recently, and it seems like it's just handling the back and forth of data between client and database, which is what Angular, Backbone, Ember, etc. do.

# ¿ Feb 19, 2015 00:00

enthe0s: Oct 24, 2010; In another few hours, the sun will rise!

Thanks for the replies everyone (especially v1nce). If it wasn't already apparent, I'm still fairly fresh in the web dev world (less than 2 years), so I've never had to deal with a lot of the older ways of doing web dev, so I was looking to understand what trade offs were being made from using .NET vs. the modern JS frameworks I've only used so far.

And like I said, I was front-end so I never had to really worry about heavy database/security issues, but I'm looking forward to learning a lot in that area now that my job has me as a full-stack dev.

# ¿ Feb 19, 2015 17:33

enthe0s: Oct 24, 2010; In another few hours, the sun will rise!

Thermopyle posted:

Oh, don't miss this thread: http://forums.somethingawful.com/showthread.php?threadid=3701595

Dang, I'm sad that thread is closed cause it was starting to get into a lot of the differences that I want to know more about.

But thanks for bringing it to my attention, it was a good read.

# ¿ Feb 19, 2015 20:23

enthe0s: Oct 24, 2010; In another few hours, the sun will rise!

So I know mobile doesn't allow autoplay of videos due to bandwidth issues. Is this also true of tablets? I have the suspicion it's true, but I just want to get some confirmation.

# ¿ Feb 25, 2015 00:47

enthe0s: Oct 24, 2010; In another few hours, the sun will rise!

https://jsfiddle.net/c7k1vkhw/

What is the silly, obvious thing I'm missing that is preventing the border from showing up?

e: switched it to use SCSS, nested it, and the border now shows up. It appears as though none of my styles were being applies when I had separate selectors for some reason.

enthe0s fucked around with this message at 01:25 on Aug 6, 2015

# ¿ Aug 6, 2015 01:19

Adbot: ADBOT LOVES YOU

# ¿ Apr 27, 2024 12:32

enthe0s: Oct 24, 2010; In another few hours, the sun will rise!

Lumpy posted:

You're gonna kick yourself:

https://jsfiddle.net/c7k1vkhw/2/

You used javascript comments in your CSS, which makes everything under it ignored

Gah that's so dumb. I knew it was something stupidly simple.

Got a React best practices question (maybe this would be better in the modern front-end dev thread?):

I have a tile component that is rendered as such:

code:

<div className="tile">
  <div className="content">
    <h5>{this.props.tile.name}</h5>
    <p>{this.props.tile.body}</p>
  </div>
</div>

And I'm getting the content from the parent component, tilesContainer, which has an array of data called 'tiles'.

Here's 1 of those tile objects as an example:

code:

{
  name: 'contact',
  body: 'email: lala@example.com\n linkedin\n behance'
}

So what I want is for some of the text to be on a new line, but that doesn't seem to be working. When the tile is rendered I just get everything on a single line with a single space where the newline characters are, so I feel like this isn't the right way to inject data with React. What's a better way to do this?

# ¿ Aug 6, 2015 02:32

The Something Awful Forums > Discussion > Serious Hardware/Software Crap > The Cavern of COBOL > The Web Design & Development Megathread