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

Anyone know how to make an email template from a current design? I am working on a ticketing system and it is required to send emails to users. With information from that ticket. How would I add information from the ticket they are updating into the email that is automatically being sent out?

[QUOTE=Coment;41574685]- still nothing -[/QUOTE] At this point I'd probably go ahead and mail the host and ask them about it. The worst that can happen is them telling you it's your failure / that they're not going to bother. I'm not really that familiar with server configuration, I'm out of clues, sorry. Good luck! EDIT: I'd make a separate thread.

[QUOTE=xianlee;41576622]I have an email form on my website and if the message gets sent it directs them to my php with the message 'Email Sent'. How do I customize the page more? just add html to the php file? and can I view it locally (offline) like when coding a website?[/QUOTE] Ya. You can write everything you'd want with html in a PHP file as well. No difference. If you run the PHP file on a local server that got PHP, then yes, you can view them locally.

[QUOTE=andersonmat;41576301]I'm not going to say it is a one-size-fits-all language, there definitely are merits for it in a large number of cases. I personally think it is suited for a lot of work, and there are a large number of modules for node which allow it to do some pretty cool stuff. [editline]24th July 2013[/editline] I've had a few more thoughts so let me expand: - node.js is great when you want granular control of how you want to handle HTTP traffic; something that you would [b]never[/b] have to do in PHP. This allows you to directly interact with the server. - node.js, when deployed properly, has better support for concurrent sessions because it is asynchronous. - [url=https://github.com/joyent/node/wiki/modules#wiki-templating]templating in node.js[/url] is super easy, both when paired with a front-end engine and doing rendering on the backend. - it is very nice to have your interface and your back-end speaking the same language. - unlike a language like PHP, you can very easily do in-memory storage that persists across multiple sessions. Because you have granular control over the environment, you can create "globally" accessible session data. - node.js modules allow you to interface with C / C++ code. A lot of the libraries you will find for node.js will do this. Not only does this widen node's capabilities, but I imagine that it would yield a performance increase. [editline]24th July 2013[/editline] Also, this is a pretty good usage guide from one of the early contributors to node.js: [url]http://nodeguide.com/convincing_the_boss.html[/url][/QUOTE] And what are the downsides?

[QUOTE=MuffinZerg;41578646]And what are the downsides?[/QUOTE] I suppose they're partially integrated in that list, but here are some downsides I see: - node.js is relatively "young" though there is a thriving community a lot of the APIs are not fully mature and are changing (this breaks things) - more overhead and involvement in picking "low level" libraries -- this factors largely into what you want your application to do. One benefit of PHP is that it acts as a backend of sorts to httpd or nginx meaning that you don't have to manage HTTP sessions. Libraries like [url=http://expressjs.com/]express [/url] make stuff like this easier. - error handling: you need to be careful of programming errors and properly catching them otherwise one could bring down your node.js application. If you do use node.js I would suggest using the cluster module in conjunction with something like [url=https://github.com/nodejitsu/forever]forever[/url] and have multiple instances so if something breaks it doesn't take down the entire application (or it restarts). - duplication: there are a ton of npm packages available for almost any task under the sun. It's actually really hard to find out which one is the [b]best[/b] tool for the job. - the asynchronous programming model can be a huge pain in the ass and quickly devolve into callback hell. Fortunately there are promise libraries that solve this. - there [b]is[/b] a hard memory limit imposed by the V8 engine that node.js runs on top of. If you're doing generic stuff this won't be an issue but if you are moving and storing large amounts of data in memory you will likely run into problems. You [i]can[/i] increase this but it means recompiling a custom version of node.js. Those are a few off of the top of my head, let me know if you have any questions / need more information.

I have a quick question: How to dynamically resize the content of the div content with the browser window?

[QUOTE=andersonmat;41576301] Also, this is a pretty good usage guide from one of the early contributors to node.js: [url]http://nodeguide.com/convincing_the_boss.html[/url] [/QUOTE] That article says Node shouldn't be used for "Simple CRUD / HTML apps" however if you look [url=https://github.com/joyent/node/wiki/modules#wiki-content-management]here[/url] you can see there are a good amount of applications that are exactly that. I'm having trouble understanding the contradiction. Would this be an example of people simply not following the article's advice? Sort of stemming off of my original question, would it be viable for people who really enjoy JS to switch from a platform such as PHP (or even Rails) to Node?

[QUOTE=jetboy;41580084]That article says Node shouldn't be used for "Simple CRUD / HTML apps" however if you look [url=https://github.com/joyent/node/wiki/modules#wiki-content-management]here[/url] you can see there are a good amount of applications that are exactly that. I'm having trouble understanding the contradiction. Would this be an example of people simply not following the article's advice?[/QUOTE] I think a lot of the recommendations that he gives are spot on, especially the JSON API. They're just his opinions though so I'd take it with a grain of salt. I do agree with his assessment of not using node.js for CRUD apps; there's just a lot of overhead if you do. [QUOTE=jetboy;41580084]Sort of stemming off of my original question, would it be viable for people who really enjoy JS to switch from a platform such as PHP (or even Rails) to Node?[/QUOTE] The short answer is yes and the long answer is maybe. I think you could make node.js bend whatever way you want, but you should confirm that your project is "viable" in JS. Make sure the required libraries are there, etc.

I've just added a css zoom in effect on image hover for WordPress blog post featured images, this works fine but for some reason on the next post down from while the zoom animation is in effect the extract text jumps around (this happens in Chrome but not Firefox probably as it uses a different effect). Anyone have any idea what is causing this and how to fix it? Effect can be seen here [url]http://space-facts.com/blog/[/url]

What's that thing called in CSS where its aware of screen size and adapts to screen size?

[QUOTE=Chizbang;41601419]What's that thing called in CSS where its aware of screen size and adapts to screen size?[/QUOTE] [URL=http://css-tricks.com/css-media-queries/]Media Queries[/URL]

What's the best way to implement a full page background with reduced opacity & black and white image? and what about a slide show that looks nice / beautiful?

[QUOTE=xianlee;41604056]What's the best way to implement a full page background with reduced opacity & black and white image?[/QUOTE] I think I know what you are saying. So if you want a grayscale and reduced opacity then use something in your style for your image like this: body { background: url(yourbgimage.png); [B]-webkit-filter: grayscale(0.5) opacity(0.6); -moz-filter: grayscale(0.5) opacity(0.6); filter: grayscale(0.5) opacity(0.6);[/B] } (Varieing the numbers in the brackets between 0 and 1 to get the right result) That should give you what you want. ( more demos of filters [URL="http://html5-demos.appspot.com/static/css/filters/index.html"]HERE[/URL]) [QUOTE=xianlee;41604056]and what about a slide show that looks nice / beautiful?[/QUOTE] I am having to search the Internet for mine so I wouldn't be much help to you with this one. [B]My question:[/B] How would you make a block of text aligned as block( centred but even)? I couldn't find anything myself but I think you guys will know something

[QUOTE=SlimHaydy;41607528]I think I know what you are saying. So if you want a grayscale and reduced opacity then use something in your style for your image like this: body { background: url(yourbgimage.png); [B]-webkit-filter: grayscale(0.5) opacity(0.6); -moz-filter: grayscale(0.5) opacity(0.6); filter: grayscale(0.5) opacity(0.6);[/B] } (Varieing the numbers in the brackets between 0 and 1 to get the right result) That should give you what you want. ( more demos of filters [URL="http://html5-demos.appspot.com/static/css/filters/index.html"]HERE[/URL]) I am having to search the Internet for mine so I wouldn't be much help to you with this one. [B]My question:[/B] How would you make a block of text aligned as block( centred but even)? I couldn't find anything myself but I think you guys will know something[/QUOTE] Cheers, Wouldnt you put a wrapper around the text with text-align center then apply text-align justify? im not sure :p Also do you have to use the tag? I have text on a background image but when I use it adds a background color over the image..

Can I get some help with floats? I'm trying to get images next to vertical lists. [IMG]http://puu.sh/3NLXF.png[/IMG] But I can't seem to get it working, everytime I give it a go I just seem to make it worse, if someone could fix and explain the thought process behind it that would be lovely [url]http://jsfiddle.net/dVWxC/1/[/url]

Does anyone know of a Joomla extension that makes it so when you register, you have to first authorize the registration by logging in with Steam, and then you can choose your username/password?

Working on a simple sharing web app that allows you to link up a few social network accounts (Mainly Facebook and Twitter) and post to them at the same time. I know there's quite a few out there, but I want something lightweight and minimal. [IMG]http://i.imgur.com/lQo7Y97.png[/IMG] I've managed to get Facebook up and running with relative ease using CodeIgniter's oauth2 spark and cURL using the Facebook Graph API but Twitter's just a pain. What's the easiest way of posting to Twitter using an access token? It seems with Twitter you have to generate headers and stuff just to post a simple tweet.

Hi there, I'm interested in web development but currently have no idea about HTML/CSS/Javascript (front end stuff first, right?). Can you guys recommend a good way to start? Like, a good tutorial website or a book?

[QUOTE=MrFlashcat;41624515]Can I get some help with floats? I'm trying to get images next to vertical lists. [IMG]http://puu.sh/3NLXF.png[/IMG] But I can't seem to get it working, everytime I give it a go I just seem to make it worse, if someone could fix and explain the thought process behind it that would be lovely [url]http://jsfiddle.net/dVWxC/1/[/url][/QUOTE] looking at your code, here's what I saw that was wrong. this is wrong. use (even that, try and use this tag as least as possible) instead of using the tag, please take as look at the display:block; (css) Also Do not use span for something you should use header tags for. Here's what I think you wanted? [url]http://jsfiddle.net/dVWxC/39/[/url] You can adjust the width of the list if you want to make it more static. Also when using to adjust where the image is, please use margin or padding. [url]http://www.htmldog.com/guides/css/beginner/margins/[/url] [editline]28th July 2013[/editline] [QUOTE=laenger;41628740]Hi there, I'm interested in web development but currently have no idea about HTML/CSS/Javascript (front end stuff first, right?). Can you guys recommend a good way to start? Like, a good tutorial website or a book?[/QUOTE] here's what everyone here recommends for website tutorial [url]http://htmldog.com/[/url] I know [url]http://www.w3schools.com/[/url] used to be a terrible website last year, but I'm not sure if it still is a terrible website. There was a long list of why it was terrible ([url]http://www.w3fools.com/[/url]), but now gone. I'd just say ignore [url]http://www.w3schools.com/[/url] for now. Also, show us your progress on the WAYWO! [url]http://facepunch.com/showthread.php?t=1249999[/url]

[QUOTE=jung3o;41628760] here's what everyone here recommends for website tutorial [url]http://htmldog.com/[/url] I know [url]http://www.w3schools.com/[/url] used to be a terrible website last year, but I'm not sure if it still is a terrible website. There was a long list of why it was terrible ([url]http://www.w3fools.com/[/url]), but now gone. I'd just say ignore [url]http://www.w3schools.com/[/url] for now. Also, show us your progress on the WAYWO! [url]http://facepunch.com/showthread.php?t=1249999[/url][/QUOTE] Thanks alot, htmldog looks great :)

I am having trouble with the [I]text-align:justify;[/I] style in my site. I have put it to my but it does not seem to recognise it. It works with all other aligns but justify. Help?

[QUOTE=SlimHaydy;41634304]I am having trouble with the [I]text-align:justify;[/I] style in my site. I have put it to my but it does not seem to recognise it. It works with all other aligns but justify. Help?[/QUOTE] If its contained in a div it might be pulling the style from that? have you tried inline styling? Also whats the best way to put spaces between paragraphs if you advise against ?

[QUOTE=xianlee;41635044]If its contained in a div it might be pulling the style from that? Also whats the best way to put spaces between paragraphs if you advise against ?[/QUOTE] Wrap each paragraph in a tag, which is what the tag is actually for.

[QUOTE=RusselG;41635052]Wrap each paragraph in a tag, which is what the tag is actually for.[/QUOTE] I know, but what if you want a bigger gap between each is it safe to use then?

[QUOTE=xianlee;41636161]I know, but what if you want a bigger gap between each is it safe to use then?[/QUOTE] use margin / padding [url]http://www.htmldog.com/guides/css/beginner/margins/[/url]

[QUOTE=jung3o;41636169]use margin / padding [URL]http://www.htmldog.com/guides/css/beginner/margins/[/URL][/QUOTE] cheers :)

[QUOTE=xianlee;41635044]If its contained in a div it might be pulling the style from that? have you tried inline styling? [/QUOTE] Well, this doesn't work so I guess I will post my code here for everyone to look at [CODE]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <style> * { margin: 0px; } body { background: #ff6d0c } p { text-align:justify; font-size: 14pt; font-family: arial; } .intro { width: auto; height:300px; background-image: url(indent300.png); margin: -1px auto 20px auto; padding: 10px auto; } .features { width: auto; height:300px; background-image: url(indent300.png); margin: 3px auto 15px auto; padding: 10px auto; } </style> </head> <body> <center><img src="UppercutLogo.png" height="200px"></center> <div class="intro"> <center> If you are here, it's because you're thinking about donating. Or you've been kidnapped and you are being used to wire money to me. That's fine. But if you are here to donate, I'd like to say thank you. Uppercut isn't supposed to be one of those big servers with 100 slots. It was founded just to play some video games with a community of friends, relax after a tough day, and have FUN. This community cannot survive without the generosity of people like you, and everyone who has been so generous as to donate in the past. I pay for some of the costs, but selling my body is tough and lube only does so much. The money that is donated WILL NOT be used for anything other than server funding; whether that be development of new custom content, funding the server for another month, or paying for web hosting. Your contribution means a lot to me, and all the staff at Uppercut. So, on behalf of everyone, thank you for your generosity. And stop squirming and let the kidnappers give me money. Rejax, and everyone else here at Uppercut Servers </center> </div> <center>Features</center> <div class="features"> <center> <ul> <li>1500 Credits for the Point Shop! (100 for every $1) <li>Special Donator rank on the forums and emblem in game! <li>Access to the donator only section of the Point Shop! <li>25% off all items in the store! <li>Unlimited Punch-O-Meter in game! <li>Add a special message to the loading screen! <li>Set your primary spawn weapon in the loadout menu! <li>Ability to initiate Vote-kick! <li>Rolling the dice costs only 5 credits! </ul> </center> </div> Copyright 2013 Uppercut Servers Hello world, I am here to talk about my famous life as an explorer. I have spent many a day treading through the bush. </body> </html> [/CODE] Sorry if there is a lot but I can't seem to find my problem. (this is a mock up thing for a server I help with)

[QUOTE=SlimHaydy;41646131]Well, this doesn't work so I guess I will post my code here for everyone to look at [CODE]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <style> * { margin: 0px; } body { background: #ff6d0c } p { text-align:justify; font-size: 14pt; font-family: arial; } .intro { width: auto; height:300px; background-image: url(indent300.png); margin: -1px auto 20px auto; padding: 10px auto; } .features { width: auto; height:300px; background-image: url(indent300.png); margin: 3px auto 15px auto; padding: 10px auto; } </style> </head> <body> <center><img src="UppercutLogo.png" height="200px"></center> <div class="intro"> <center> If you are here, it's because you're thinking about donating. Or you've been kidnapped and you are being used to wire money to me. That's fine. But if you are here to donate, I'd like to say thank you. Uppercut isn't supposed to be one of those big servers with 100 slots. It was founded just to play some video games with a community of friends, relax after a tough day, and have FUN. This community cannot survive without the generosity of people like you, and everyone who has been so generous as to donate in the past. I pay for some of the costs, but selling my body is tough and lube only does so much. The money that is donated WILL NOT be used for anything other than server funding; whether that be development of new custom content, funding the server for another month, or paying for web hosting. Your contribution means a lot to me, and all the staff at Uppercut. So, on behalf of everyone, thank you for your generosity. And stop squirming and let the kidnappers give me money. Rejax, and everyone else here at Uppercut Servers </center> </div> <center>Features</center> <div class="features"> <center> <ul> <li>1500 Credits for the Point Shop! (100 for every $1) <li>Special Donator rank on the forums and emblem in game! <li>Access to the donator only section of the Point Shop! <li>25% off all items in the store! <li>Unlimited Punch-O-Meter in game! <li>Add a special message to the loading screen! <li>Set your primary spawn weapon in the loadout menu! <li>Ability to initiate Vote-kick! <li>Rolling the dice costs only 5 credits! </ul> </center> </div> Copyright 2013 Uppercut Servers Hello world, I am here to talk about my famous life as an explorer. I have spent many a day treading through the bush. </body> </html> [/CODE] Sorry if there is a lot but I can't seem to find my problem. (this is a mock up thing for a server I help with)[/QUOTE] Actually.. It might be the center tag? try moving your underneath it. I'd personally make .intro an id #intro and change it to <div id="intro"> and put text-align:justify; in the style

[QUOTE=xianlee;41647053]Actually.. It might be the center tag? try moving your underneath it[/QUOTE] Still nothing D: I even got rid of the <center> tag altogether

[QUOTE=SlimHaydy;41647344]Still nothing D: I even got rid of the <center> tag altogether[/QUOTE] On a tangent, I would avoid the center tag.