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

[QUOTE=PortalGod;44642877]how do I get hover working on touch screens? I'm trying to use media queries to turn my navigation links into a select-style menu, here's my code [url]http://codepen.io/anon/pen/wgabj?editors=010[/url][/QUOTE] You don't because that isn't a capability that touch screens have and even though a lot of mobile browsers will emulate a hover when you tap, you shouldn't rely on that.

Chrome on iOS basically makes you click on some links twice, if they have a :hover attribute in CSS.

hovering is possible on touch screens, i don't think that it's implemented at all in browsers, but samsung uses it. Hopefully it starts becoming more used in the future.

[QUOTE=Shadaez;44648323]hovering is possible on touch screens, i don't think that it's implemented at all in browsers, but samsung uses it. Hopefully it starts becoming more used in the future.[/QUOTE] But how? Unless you mean what's already been mentioned

In the main mobile browsers a press less than 300ms usually wont trigger a click event but will trigger hover states/mouseover events. In my experience it's best to change your UI to suit touch devices rather than to try to make use of this.

[QUOTE=Shadaez;44648323]hovering is possible on touch screens, i don't think that it's implemented at all in browsers, but samsung uses it. Hopefully it starts becoming more used in the future.[/QUOTE] Hovering is [B]not[/B] possible on a touch screen. When I say that I am talking about in the physical sense, not in the 'hover events wont fire' sense. If I was designing for a device that only had a keyboard, but that could emulate a mouse that the user could move by pressing keys I would not rely on the mouse emulation because that is not how the device [I]really[/I] works.

friend and I are looking into getting more into web development (like there's not already a millions others out there).for one thing, do ya'll think it's alright to have a single page for us both since we'll both be working together? we dont really have anything yet which is why we have the images as fillers for now. here is what we have so far, any recommendations on changes or anything else? [url]http://serratedservers.com/portfolio/[/url]

[QUOTE=FrankPetrov;44656355]friend and I are looking into getting more into web development (like there's not already a millions others out there).for one thing, do ya'll think it's alright to have a single page for us both since we'll both be working together? we dont really have anything yet which is why we have the images as fillers for now. here is what we have so far, any recommendations on changes or anything else? [url]http://serratedservers.com/portfolio/[/url][/QUOTE] -Yes, a single page for a team (which you are) is pretty common. -Design is good, but the URL for the copyright part & the contact mail is different from the main one. Is this intended? Also, we're in 2014.

i've been doing some webgl but i know next to nothing about html. So I have this file called webgl.js which contains my code, but how do i run it from a html file? i currently have this in my HTML file [CODE] <script scr="webgl.js"></script> <body onload="start();"> <canvas id="glcanvas" style="border: none;" width="500" height="500"></canvas> </body> [/CODE]

[QUOTE=Coment;44657054]-Yes, a single page for a team (which you are) is pretty common. -Design is good, but the URL for the copyright part & the contact mail is different from the main one. Is this intended? Also, we're in 2014.[/QUOTE] when you submit the "contact us" form, it sends an email to another address, as i was just testing it quick and never updated the live copy yet. as for the mail icon on the bottom left, it goes to ssrvrs.com mailbox. ssrvrs is just a domain i have for mail for serratedservers, as its shorter.

Hey! I would like to ask where i can find a paypal donation "plugin"? Where it adds up how much money that we have received, and what our goal is etc. (I added a picture to illustrate what i mean) [IMG]http://i.imgur.com/vO1brN4.png[/IMG] It doesnt have to look like that, just something like that, so its easy to see for whom ever wants do donate, how much we have gotten, how much we need. -Jake

[QUOTE=DisasterSoldi;44657604]Hey! I would like to ask where i can find a paypal donation "plugin"? Where it adds up how much money that we have received, and what our goal is etc. (I added a picture to illustrate what i mean) [IMG]http://i.imgur.com/vO1brN4.png[/IMG] It doesnt have to look like that, just something like that, so its easy to see for whom ever wants do donate, how much we have gotten, how much we need. -Jake[/QUOTE] Like this? [IMG]https://personal.paypal.com/cms_content/US/en_US/images/marketing_us/scr_givingwidget.jpg[/IMG] [url]https://personal.paypal.com/us/cgi-bin/?cmd=_render-content&content_ID=marketing_us/fundraise_social_media_app[/url]

[QUOTE][QUOTE=Richy19;44657641]Like this? [IMG]https://personal.paypal.com/cms_content/US/en_US/images/marketing_us/scr_givingwidget.jpg[/IMG] [url]https://personal.paypal.com/us/cgi-bin/?cmd=_render-content&content_ID=marketing_us/fundraise_social_media_app[/url][/QUOTE][/QUOTE] Something along those lines, however im not able to connect to "https://giving.paypallabs.com/authenticate/review" which is where it wants me to go,

[QUOTE=KmartSqrl;44651486]Hovering is [B]not[/B] possible on a touch screen. When I say that I am talking about in the physical sense, not in the 'hover events wont fire' sense. If I was designing for a device that only had a keyboard, but that could emulate a mouse that the user could move by pressing keys I would not rely on the mouse emulation because that is not how the device [I]really[/I] works.[/QUOTE] crappy video demonstrating: [url]http://www.youtube.com/watch?v=Eps0ozv_n70[/url] sorry

[QUOTE=DisasterSoldi;44657604]Hey! I would like to ask where i can find a paypal donation "plugin"? Where it adds up how much money that we have received, and what our goal is etc. (I added a picture to illustrate what i mean) [IMG]http://i.imgur.com/vO1brN4.png[/IMG] It doesnt have to look like that, just something like that, so its easy to see for whom ever wants do donate, how much we have gotten, how much we need. -Jake[/QUOTE] There are many plugins out there for popular forum software such as MyBB, SMF, Xenforo, IPBoard. Also for content management systems such as Drupal, Joomla etc. I'm sure that you can find a plugin for those on the official websites of these forums. Though, if you don't have a forum but just a regular website coded by someone, you could ask them to make something like this. You can download any PayPal donation script and see how they handle the donations. When I first started using PayPal to accept donations (roughly 2.5 years ago), I downloaded a MyBB plugin called "Buy Credits". This plugin had 2 files where 1 file handled the incoming callbacks from PayPal. I found it very useful to read what they did, and I started writing my own plugin using the knowledge I gathered from the script I downloaded. Right now I use the PayPal REST API to handle donations, mainly because it gives me way more flexibility. If you want I can help you around some time, though, it's not THAT difficult to create a plugin like this if you have some programming skills.

[QUOTE=DisasterSoldi;44657604]Hey! I would like to ask where i can find a paypal donation "plugin"? Where it adds up how much money that we have received, and what our goal is etc. (I added a picture to illustrate what i mean) [IMG]http://i.imgur.com/vO1brN4.png[/IMG] It doesnt have to look like that, just something like that, so its easy to see for whom ever wants do donate, how much we have gotten, how much we need. -Jake[/QUOTE] I think [url=http://tutorialzine.com/2010/05/donation-center-php-mysql-paypal-api/]this[/url is pretty much all you need.

[QUOTE=Shadaez;44658981]crappy video demonstrating: [url]http://www.youtube.com/watch?v=Eps0ozv_n70[/url] sorry[/QUOTE] It's still not a standard feature across the universe of touch screens so you're not going to design a website assuming the user is able to do that. That is cool, but I feel like hover like that on a phone is never going to be very accurate strictly from a "I am on the move and using my phone" point of view. I bet it would be difficult to accurately hover over things with that if you were walking or riding a bus or something.

[QUOTE=KmartSqrl;44659900]It's still not a standard feature across the universe of touch screens so you're not going to design a website assuming the user is able to do that. That is cool, but I feel like hover like that on a phone is never going to be very accurate strictly from a "I am on the move and using my phone" point of view. I bet it would be difficult to accurately hover over things with that if you were walking or riding a bus or something.[/QUOTE] I can imagine myself accidentally tapping the screen, I mean how close do you need to hold your finger? It'd be hard to judge the distance of your finger from the screen sometimes

[QUOTE=FrankPetrov;44656355]friend and I are looking into getting more into web development (like there's not already a millions others out there).for one thing, do ya'll think it's alright to have a single page for us both since we'll both be working together? we dont really have anything yet which is why we have the images as fillers for now. here is what we have so far, any recommendations on changes or anything else? [url]http://serratedservers.com/portfolio/[/url][/QUOTE] Usually, web developers design and develop their own portfolios instead of using [URL="http://www.foamyguy.com/"]other peoples[/URL] designs [URL="https://github.com/FoamyGuy/foamyguy.com-website"]...[/URL]

[QUOTE=Coffeee;44666898]Usually, web developers design and develop their own portfolios instead of using [URL="http://www.foamyguy.com/"]other peoples[/URL] designs [URL="https://github.com/FoamyGuy/foamyguy.com-website"]...[/URL][/QUOTE] Yeah, we did grab a template. Again, we're learning and it's not what we're going to use. Just trying things out. Also, it's not his design, it's HTML5 UP's. He just put his up for others.

[QUOTE=FrankPetrov;44667202]Yeah, we did grab a template. Again, we're learning and it's not what we're going to use. Just trying things out. Also, it's not his design, it's HTML5 UP's. He just put his up for others.[/QUOTE] It's still a horrible.. You're saying you're getting into web dev but yet you just copied something. Maybe if you based it on it that would be different, but using the exact thing is just not cool.

[QUOTE=Moofy;44667865]It's still a horrible.. You're saying you're getting into web dev but yet you just copied something. Maybe if you based it on it that would be different, but using the exact thing is just not cool.[/QUOTE] Isn't that exactly the same as using Bootstrap? Everyone recommends Bootstrap, but it has the CSS + JS already done for you. All you have to do if modify it, and you can copy 9/10 things you need from the website, from the documentation. How is that any other than using any other public theme?

[QUOTE=Cyberuben;44669839]Isn't that exactly the same as using Bootstrap? Everyone recommends Bootstrap, but it has the CSS + JS already done for you. All you have to do if modify it, and you can copy 9/10 things you need from the website, from the documentation. How is that any other than using any other public theme?[/QUOTE] There's a difference between using a framework and using a template

[QUOTE=Cyberuben;44669839]Isn't that exactly the same as using Bootstrap? Everyone recommends Bootstrap, but it has the CSS + JS already done for you. All you have to do if modify it, and you can copy 9/10 things you need from the website, from the documentation. How is that any other than using any other public theme?[/QUOTE] Because you are supposed to customize it. Bootstrap gives you something to build off of. Not something to just use and call it a day (although you can if it's small hobby stuff, obviously)

[url]https://eval.in/143464[/url] how do i make $variable go through? I'm trying to do something like that with this [url]http://laravel.com/docs/mail[/url] (Mail::send) I can't seem to put in the person's email unless i query inside the function [editline]28th April 2014[/editline] better example of what's going on [url]https://eval.in/143473[/url]

[QUOTE=jung3o;44671610][url]https://eval.in/143464[/url] how do i make $variable go through? I'm trying to do something like that with this [url]http://laravel.com/docs/mail[/url] (Mail::send) I can't seem to put in the person's email unless i query inside the function [editline]28th April 2014[/editline] better example of what's going on [url]https://eval.in/143473[/url][/QUOTE] [url]https://eval.in/143483[/url]

fixed it yay :D [url]https://eval.in/143498[/url]

So, i made a Stylesheet, Which kinda looks like this : [t]http://i.cubeupload.com/UF7G8P.png[/t] But the problem is [B]div#Col2[/B] extends to the right depending on what screen resolution people use, For Example: [t]http://i.cubeupload.com/s2DHlQ.png[/t] How could i make it similar to pic #1 so it would be easier for people to see div#Col2 propely? Here's the part of the code: [code] div#MainContent { position:absolute; top:113px; left:0; right:0; /* Don't worry about these */ background:none; border:none; box-shadow:none /* Don't worry about these */ } div#Col2 { width:100% !important; } [/code]

Col2 is 100% width, so it goes to the largest it can, you need to use a fixed width (use max-width for responsive design)