Web Dev Questions That Don't Need Their Own Thread v4

[Cyberuben]

But the second you try to set up your own SMTP, prepare to end up in a lot of spamboxes.

Just use Mandrill, 12k free emails a month.

[DrTaxi]

Only if you do it wrong, and luckily, most tutorials tell you how to do it right.

[Unknown]

[QUOTE=Pw0nageXD;46695240]I just got Google domains access and it includes 10 invites. PM me if you want one. Seems pretty nice so far. 12$ per year for a regular domain, includes their own whois guard, uses Google's DNS servers, and has gmail support and stuff.
[url]Http://domains.google.com[/url][/QUOTE]

I'm surprised there's no mention of SSL certs considering Google seems to be big on getting websites to use https.

[DrTaxi]

[QUOTE=Rocket;46702033]Google would need to become a CA. Maybe they'll get there in the future but I don't think they feel it's worth it for a beta.[/QUOTE]

Or resell another CA, like everyone else

[TrinityX]

[QUOTE=Rocket;46702033]Google would need to become a CA. Maybe they'll get there in the future but I don't think they feel it's worth it for a beta.[/QUOTE]

Google [B]is[/B] a CA.

[IMG]http://i.imgur.com/envPJmu.png[/IMG]

[URL="https://pki.google.com/"]https://pki.google.com/[/URL]

[diwako]

I want to use Jquery .animate() to make a div scroll down. Since I want it to be animated from off screen top to off screen bottom it needs to be done with the jquery .css() function and I have to use the "step" function within in animate option.

This is so far my code:

var height = $(window).height();
var divsize = 100;
var mydiv = $("body").append(htmlstring);

$({y: -divsize}).animate({y: height + divsize},{
	duration: 10000,
	easing: "linear",
	step: function(now,fx){
		$(mydiv).css({
			"top":now +"px"});
		}
});

This should not animate the y variable from -100 to the window height plus 100. The problem is I do not know how to apply the value to my freshly created div. Of course I could just give it an ID, but I want to have more of those div with the same class on the screen.

That would be the first question. The next one is, how do I stop the animation? $(mydiv).stop() will not work on this.

[TrinityX]

[QUOTE=diwako;46703824]I want to use Jquery .animate() to make a div scroll down. Since I want it to be animated from off screen top to off screen bottom it needs to be done with the jquery .css() function and I have to use the "step" function within in animate option.

This is so far my code:

var height = $(window).height();
var divsize = 100;
var mydiv = $("body").append(htmlstring);

$({y: -divsize}).animate({y: height + divsize},{
	duration: 10000,
	easing: "linear",
	step: function(now,fx){
		$(mydiv).css({
			"top":now +"px"});
		}
});

This should not animate the y variable from -100 to the window height plus 100. The problem is I do not know how to apply the value to my freshly created div. Of course I could just give it an ID, but I want to have more of those div with the same class on the screen.

That would be the first question. The next one is, how do I stop the animation? $(mydiv).stop() will not work on this.[/QUOTE]

[URL="http://api.jquery.com/animate"]http://api.jquery.com/animate[/URL]

jQuery .animate() will ease a CSS value for you without the step hackery.

[diwako]

Huh? Tought that wouldn't work. Looks like I found an old article and code snippet from an older jquery version.

Thank you, this helps alot and makes things easier.

[Cyberuben]

Wait where did all threads in this section go? There's only this page...?

[Svenskunganka]

[QUOTE=Cyberuben;46707150]Wait where did all threads in this section go? There's only this page...?[/QUOTE]

The entire site has been cleaned up it looks like??

[Maqtiah]

Everything is still here, fix yer' shit

[Svenskunganka]

[QUOTE=Moofy;46707463]Everything is still here, fix yer' shit[/QUOTE]

These threads are the only ones left for me in this section.

[t]http://svenskunganka.com/share/2014-12-14_02-38-31.png[/t]

[editline]edit[/editline]

General Discussion only got 3 pages aswell
[IMG]http://svenskunganka.com/share/2014-12-14_02-40-13.png[/IMG]

[Maqtiah]

[QUOTE=Svenskunganka;46707473]These threads are the only ones left for me in this section.

[t]http://svenskunganka.com/share/2014-12-14_02-38-31.png[/t]

[editline]edit[/editline]

General Discussion only got 3 pages aswell
[IMG]http://svenskunganka.com/share/2014-12-14_02-40-13.png[/IMG][/QUOTE]

Some sub forums limit the posts, go to your settings and disable that.
For instance, web dev section shows 2 pages by default I think? After I disabled it I could go all the way back to the beginning of time. :dance:

[DerpHurr]

If I wanted to start an ambitious project of building a website's front-end and back-end on my own, which languages/frameworks are best to use? I was thinking of using Ruby on Rails, but this tutorial I was planning on following uses a web-based IDE that I'm not to keen on.

I have a few frameworks in mind for visual stuff (sass/bourbon, skeleton, etc) but I have no idea what to pick language-wise. Anyone have any good experiences with certain languages?

[DrTaxi]

You don't need that web-based IDE to make Rails apps.

[DerpHurr]

[QUOTE=DrTaxi;46708652]You don't need that web-based IDE to make Rails apps.[/QUOTE]

Oh, you're right. I could have just set up a different environment instead..

[benbb]

[QUOTE=DerpHurr;46708646]If I wanted to start an ambitious project of building a website's front-end and back-end on my own, which languages/frameworks are best to use? I was thinking of using Ruby on Rails, but this tutorial I was planning on following uses a web-based IDE that I'm not to keen on.

I have a few frameworks in mind for visual stuff (sass/bourbon, skeleton, etc) but I have no idea what to pick language-wise. Anyone have any good experiences with certain languages?[/QUOTE]

If you're planning on going the Rails route I definitely recommend either dual-booting Linux or using a Linux virtual machine (Vagrant seems the popular way to go nowadays).

It's a total pain on Windows since it's all NIX-based and some gems use native compiling and aren't compatible with Windows.

[Cyberuben]

[QUOTE=Svenskunganka;46707412]The entire site has been cleaned up it looks like??[/QUOTE]

I think Facepunch changed the "thread cutoff" default setting...

[Maqtiah]

[QUOTE=benbb;46710220]If you're planning on going the Rails route I definitely recommend either dual-booting Linux or using a Linux virtual machine (Vagrant seems the popular way to go nowadays).

It's a total pain on Windows since it's all NIX-based and some gems use native compiling and aren't compatible with Windows.[/QUOTE]

I've had 0 problems on Windows, but I'll admit everything is much simpler on Mac/Linux.

[pdkm931]

After using a Mac at work to develop, I just can't use Windows for it anymore. It's so much smoother and easier to use a Unix based system when developing for Linux.

[Loner]

This is going to sound very stupid, but please bear with me here;

I modified some CSS on this page:
[URL]http://www.moddb.com/mods/call-of-pripyat-redux[/URL]

I saved the page to my HDD in a separate folder ((added [URL="http://www.moddb.com/mods/stargatespaceconflict"]another css[/URL] I and a friend made into the page self, hence the background that doesn't match)). Then, with firefox build in "inspect element" tool, I made this of it;
[t]http://fc01.deviantart.net/fs71/f/2014/348/b/4/redogspage_by_mod_a_holic-d89utad.png[/t]

But I don't know how to export the edited css values into a text file. Does anyone know how to do this?

[Cuel]

[QUOTE=Sean C;46661248]I'm new to javascript and asynchronous programming and I'm having trouble calling multiple APIs. Essentially I need to make 6 different API calls in client side javascript and right now I have a massive chain of callbacks (i.e. function for API#1 callbacks function for API#2, and then the function API#2 callbacks function for API#3, etc). Is this really the correct way to do this? Feels really sloppy.[/QUOTE]

Bit late but,

Looks like you didn't have to wait for #1 to finish to run #2, but if you were (more like when), this might help to structure your code

[url]http://callbackhell.com/[/url]

Anyway if you're using any frameworks that provides Promise/Deferred you'd just do something like this if your API calls returns a promise (using a stock jquery example)

// runs first
var d1 = new $.Deferred();
var d2 = new $.Deferred();

$.when( d1, d2 ).done(function ( v1, v2 ) {
    // runs third. all data is ready
    console.log( v1 ); // "Fish"
    console.log( v2 ); // "Pizza"
});

// runs second
d1.resolve( "Fish" );
d2.resolve( "Pizza" );

[Flak]

[QUOTE=benbb;46710220]If you're planning on going the Rails route I definitely recommend either dual-booting Linux or using a Linux virtual machine (Vagrant seems the popular way to go nowadays).

It's a total pain on Windows since it's all NIX-based and some gems use native compiling and aren't compatible with Windows.[/QUOTE]
I like Rails but developing it on Windows was a total pain in the ass. I initially figured getting it working on Windows would take less time than figuring out Linux development but honestly I was wrong, and now that I'm dual-booting Linux I'm working quite a bit more efficiently (and not just with Rails). I have to say I had no idea the difference between Windows and Linux would be that dramatic.

[Svenskunganka]

[QUOTE=FlakAttack;46752219]I like Rails but developing it on Windows was a total pain in the ass. I initially figured getting it working on Windows would take less time than figuring out Linux development but honestly I was wrong, and now that I'm dual-booting Linux I'm working quite a bit more efficiently (and not just with Rails). I have to say I had no idea the difference between Windows and Linux would be that dramatic.[/QUOTE]

-snip-

didn't read the person you quoted.

[mikkeljuhl]

I need images for a gallery.

The gallery images needs to be a specific size. Let's say 300x300 (pixels). Some of my pictures are 500x1500 and some others are 1500x500. Therefore I need to resize them to be exactly 300x300, but I still need them to be in proportion.

Does anyone have a program / tool that can resize images to an exact size and then add a background color to it for it to keep its proportion? (Either transparent, white or something) I guess it is the same function as the one some Instagrammers use to create some sort of white frame around the image. We are talking around 300 images, so it would be nice if there is an automatic tool? Anyone's ever heard of one?

Thanks

[Cyberuben]

[QUOTE=mikkeljuhl;46763508]I need images for a gallery.

The gallery images needs to be a specific size. Let's say 300x300 (pixels). Some of my pictures are 500x1500 and some others are 1500x500. Therefore I need to resize them to be exactly 300x300, but I still need them to be in proportion.

Does anyone have a program / tool that can resize images to an exact size and then add a background color to it for it to keep its proportion? (Either transparent, white or something) I guess it is the same function as the one some Instagrammers use to create some sort of white frame around the image. We are talking around 300 images, so it would be nice if there is an automatic tool? Anyone's ever heard of one?

Thanks[/QUOTE]

If you want to do it using PHP you can just do that. I'm not sure if [url=https://www.gidforums.com/t-21016.html]this script[/url] still works, but give it a shot.

[PortalGod]

if you don't have to do it live, and if you have photoshop, you can record an action

file > automate > fit image > 300x300
image > canvas size > 300x300
file > save for web

then you can do file > automate > batch to do it on a whole folder

[Cyberuben]

[QUOTE=PortalGod;46763773]if you don't have to do it live, and if you have photoshop, you can record an action

file > automate > fit image > 300x300
image > canvas size > 300x300
file > save for web

then you can do file > automate > batch to do it on a whole folder[/QUOTE]

I was going to suggest that but I wasn't sure if that worked on different sized images.

[BoXHocK]

What javascript chart tool do you guys recommend?

I need it to show two types of lines in the same timeline.
E.g.
Day 1:
- Price USD = 1.23
- Price EUR = 1
Day 2:
- Price USD = 2.46
- Price EUR = 2
And on...

Any idea?

[Svenskunganka]

[QUOTE=BoXHocK;46764525]What javascript chart tool do you guys recommend?

I need it to show two types of lines in the same timeline.
E.g.
Day 1:
- Price USD = 1.23
- Price EUR = 1
Day 2:
- Price USD = 2.46
- Price EUR = 2
And on...

Any idea?[/QUOTE]

[URL="http://gionkunz.github.io/chartist-js/"]ChartistJS[/URL] any day