Web Development

Could i get some advice on keeping a form inline on mobile?

webdev: reddit for web developers - Tue, 01/16/2018 - 19:43

I wanted to add a whois to my testing server as a little project to practice my noob skills but i'm having trouble getting the form that displays inline on desktop to keep the the search bar and button inline together when i open it on my phone.

The code for the whois i found on github and have been trying to edit the form to get it how i wanted. This is the section im having trouble with. I did trying adding variations of col-xs-10 along with the col-md-12 but it didn't seem to change anything.

<div class="container-fluid"> <div class="row"> <div class="col-md-12 text-center"> <h1>Whois<?php if (null !== $domain) { echo ' - '.htmlentities(idn_to_utf8($domain), ENT_HTML5, 'UTF-8'); } ?></h1> </div> </div> <?php if (null !== $error) { ?> <div class="row-md-12"> <div class="col-md-12"> <div class="alert alert-danger"><?php echo htmlentities($error, ENT_HTML5, 'UTF-8') ?></div> </div> </div> <?php } ?> <div> <div class="col-md-12"> <form action="" method="get" role="form" class="form-inline"> <div class="col-md-12"> <div class="form-group"> <span class="input-group-text">http://</span> <input type="text" name="domain" id="domain" class="form-control" autofocus placeholder="Enter domain name"> <button type="submit" class="btn btn-md btn-primary ml-1">Search</button> </div> </div> </form> <br> <div class="row"> <div class="col-md-12"> <?php if (null === $domain) { ?> <div class="alert alert-warning" style="display: none">Nothing Entered</div> <?php } else { ?> <div class="card bg-light"> <pre><?php echo $whois ?></pre></div> <?php } ?> </div> </div> </div> </div> </div>

Everything else is working perfect i just can't keep the form inline. Any advice at all would be much appreciated.

submitted by /u/TheHolyHerb
[link] [comments]
Categories: Web Development

Need help on bad CSS!

webdev: reddit for web developers - Tue, 01/16/2018 - 19:13

This website isn’t responsive at all, especially on iPhone 6 ++ Need contributions to fix it, I’m lost


submitted by /u/JohnCdf
[link] [comments]
Categories: Web Development

Feeling burnt out. A bit depressed. Web development has caused this and I feel like I can only talk to people who can relate. Need advice.

webdev: reddit for web developers - Tue, 01/16/2018 - 19:08

Please excuse my mood. I'm just depressed and I can't talk to my friends because they can't relate.

Where to start..

I guess I'll tell you about my situation.

Girlfriend and I bought a house in September. Working at a digital agency for the past couple years is my current gig and allowed me to do this. I'm pretty happy there. It's not far at all, the work is easy, and it's a pay cheque.

I design and build custom WP sites for small to medium businesses at this job. I do this on the side, too. My plan is to actually save up a giant nest of around $30k, and then jump ship to my own business.

However, at the same time my current full time company is shifting into web app development.

I don't know a lick of JS, so I bought this course to start learning.

So I'm juggling trying to learn programming (which is hard as hell to me - I'm a designer first), and trying to build up my side business into something full time. All at once.

Basically, I'm scatter brained. I'm lacking focus.

I want to build web apps, so I have to basically master JS.

JS is really, really hard to me, so I'm seriously doubting myself.

I want to start my own business full time next year, so I dedicate time to that.

But running your own business requires constantly getting clients, and what happens when and if the work dries up.

There's only so many hours in the day to do everything and it's all getting to me.

Basically, I need structure. I can't be the only person on the planet who's juggled learning something, starting something else big at the same time, and more.

I work 9am-4:30pm. Get home at 5pm everyday. Basically have between 5:30pm and 11pm to do whatever.

But I need help structuring myself, because my mind is going a million miles a second and I just can't focus.

"Learn JS". "Work on building the business". "Study this Udemy course". "Go to networking events."

"If I don't learn how to build web apps then I'll lose my job".

I'm burning out and I need to prioritize, I need to step back and focus.

Do you guys have any advice for me? I need to basically do many things at once. But I don't know how.

Sorry for the spitballing / rambling. My head's everywhere but nowhere.

submitted by /u/jdfweb09
[link] [comments]
Categories: Web Development

Can I use just html and js pull a table from another site and reformat it on my own site? How?

webdev: reddit for web developers - Tue, 01/16/2018 - 19:02

(TL;DR, skip to the paragraphs that end in questions)

Ladies, germs and all who can help: I know next to nothing (see flair), but I've gotten a wild hair and started trying to build a website that compiles some data in which some friends and I are interested. I've gotten a virtual instance apache server up and running on Google's cloud platform, and I'm working on the actual site and content now (thanks youtube).

Now, there are a couple separate websites that have this data in their own tables, but I would like to aggregate it all together. I have googled for a week or three and can't seem to find an answer that I can readily understand/implement. (Most likely my fault, not Google's).

What is the general outline for having my website reach out to another couple sites, pull a specific table from those sites (think sports stats that could change daily) and display that table in a format that's in harmony with the rest of my site?

Can this be done simply with just HTML and js within my site?

If I'm in the wrong subreddit (again, see flair) kindly point me in the right direction. Thanks, if you made it this far.

submitted by /u/studpilot69
[link] [comments]
Categories: Web Development

Which DIY Mobile App Builder to use to make a mobile app for my website?

webdev: reddit for web developers - Tue, 01/16/2018 - 19:02

I don't want to use some of the established mobile app builders because of their high prices and aggressive upsell processes. I would like to be able to make good looking mobile websites.

submitted by /u/nirvanaperk
[link] [comments]
Categories: Web Development

What are your webdev goals?

webdev: reddit for web developers - Tue, 01/16/2018 - 17:48

Interested to hear what your top goals are. Short or long term, relating to work or side projects.

I find that most of my goals seem to be centred around what I can achieve by myself rather than as a team.

  • More active in open source
  • Finish and release my app to public
  • Speak at conference
submitted by /u/beepko
[link] [comments]
Categories: Web Development

“Stop Using CSS Selectors for Non-CSS”

CSS-Tricks - Tue, 01/16/2018 - 17:14

I saw Nicole Dominguez tweet this the other day:

say it louder for the people in the backhttps://t.co/prDKo5QaZi

— nicole (@sodevious) January 11, 2018

I wasn't at this conference, so I have very little context. Normally, I'd consider it a sin to weigh in on a subject brought up by looking at two out-of-context slides, but I'm only weighing in out of interest and to continue the conversation.

The idea seems to be that if you need to select an element in the DOM with JavaScript, don't use the same selector as you would in CSS.

So if you have...

<article class="article"> </article>

...and you need to apply an event listener to that article for some reason, then don't use...


(or querySelector or whatever, I assume.)

Instead, apply an attribute intended just for the JavaScript to target, like...

<article class="article" data-hoverable> </article>

...and target that like...


The idea is that you can separate jobs. The class has the job of styling, and the data attribute has the job of JavaScripting. Both can change without affecting each other.

Seems reasonable to me.

Also seems like there is plenty to talk about here. Performance, I suppose, but that's probably the least-interesting thing since selectors are generally pretty damn fast these days. We could continue the conversation by talking about:

  • What naming convention?
  • Should you be naming events?
  • What if it needs to be selected for different reasons multiple times?
  • Can you or should you use IDs?
  • Is it worth avoiding DOM selection at all if you can?
  • What other nuances are part of this discussion?

I saw Michael Scharnagl had some thoughts on his own usage of ID's, classes, and data-attributes that could help frame things a bit.

“Stop Using CSS Selectors for Non-CSS” is a post from CSS-Tricks

Categories: Web Development

Is it advisable to serve different versions of a website based on user agent?

webdev: reddit for web developers - Tue, 01/16/2018 - 17:13

I've never heard of anyone doing this, so I assume that there are problems (possibly with CDN or something), but why include all the workarounds for IE when the requesting user is Chrome?

submitted by /u/zwhitchcox
[link] [comments]
Categories: Web Development

Identifying browser technical limitations

webdev: reddit for web developers - Tue, 01/16/2018 - 17:10

Hey all,

I am looking to gather a list of browser technical limitations for:

  • Chrome
  • Firefox
  • Safari
  • Internet Explorer

Recently my team has run into technical limitations where a browser did not allow for something we were trying to develop. I forget the exact example, but a front-end developer I work with said the browser did not allow for such design.

Google has proved fruitless for info on this. Any idea how I can gather a list of browser limitations so we know what to avoid moving forward?


submitted by /u/DirgeofElliot
[link] [comments]
Categories: Web Development

Frontend to let users/members access our rest apis

webdev: reddit for web developers - Tue, 01/16/2018 - 16:56

Hello Webdevs,

We've got several rest apis that let users run some numerical computation in the cloud (mostly aws). Those computations run from a couple of minutes to a few hours. Those apis are currently accessed through a CLI, but we'd like to go to the next step and provide a nice frontend. A user would login, select the type of computation, fill in details in a ui, submit the job (i.e. post to our rest api). User would then be able to monitor the job, and finally would get notified when the job is finished.

Is there an obvious frontend / way to tackle this? Or any framework would do?

Cheers, Bb

submitted by /u/Bb415bm
[link] [comments]
Categories: Web Development

How do I store large audio and video files for a client starting a radio station?

webdev: reddit for web developers - Tue, 01/16/2018 - 16:53

I am making a Wix website for a client that records video and audio for every talk show and DJ set they do for a radio station. He wants to have these streaming through the website. These files are quickly building up and I don't really know anything about online hosting of large amounts of data.

We have approx. 20GB on the Wix website and could have unlimited space on Soundcloud / Youtube, but what is the method that web developers use to connect their websites to very large amounts of storage? Is this a database lookup?

Thanks for your help

submitted by /u/stoicassistant
[link] [comments]
Categories: Web Development

Where should a web developer start if he/she wants to learn video game development?

webdev: reddit for web developers - Tue, 01/16/2018 - 16:43

I have almost a decade of experience developing web applications but have never really done anything outside of that. Where is a good place to start in terms of game development?

submitted by /u/wimpykid
[link] [comments]
Categories: Web Development

[Help] How do I bulk update the committer identity for repositories?

webdev: reddit for web developers - Tue, 01/16/2018 - 16:14

I have around 100 repositories checked out on my machine. Half of them are from work, and the other half is personal. My global git ID is set to personal.

I would like to update the committer identity for repositories based on URL. For example, if the repo is in Bitbucket update committer to work ID and if the repo is in GitHub update committer to personal ID.

FYI, I do not care about past commits. I do not want to update commits in the past and re-write history. I am only doing this to make sure the committer in the future is correct.

submitted by /u/americancorkscrew
[link] [comments]
Categories: Web Development

seeking advice for multi-purpose data model validation

webdev: reddit for web developers - Tue, 01/16/2018 - 15:35

I'm hoping someone can look at what I've got here and tell me more about what I'm getting at. Perhaps this is all part of some bigger, solved problem. It's a question about separating concerns of validation in an object model when the same validate function is being called to validate in-browser data, and also in Node to validate data submitted by a front-end, and where there could also be differences in validation requirements based on business logic.

Github repo here. Apologies in advance... I just kind of threw this together and I haven't even ran it through a linter yet. Since this is more of a question on data modeling and validation algorithms, I assume my errors shouldn't be much of an issue.

Am I on the right track here?

submitted by /u/drelyn86
[link] [comments]
Categories: Web Development

Integrating graph library events with jQuery context menu - need advice

webdev: reddit for web developers - Tue, 01/16/2018 - 15:03

I'm trying to integrate a jQuery context menu plugin with a SigmaJS graph instance. SigmaJS provides a bind() function that binds handler functions to graph events. I'd like to have a context menu that has different menu options for different event types (e.g. "Info" and "Delete Node" for a node-click event, and "Add Node" when clicking in empty graph space). In the callback passed to the bind() function, graph data is accessible as properties on the event parameter object e; I'd like to be able to pass that data along to the context menu item click callbacks.

After some digging and asking around, I think I need to use the menu plugin's "build" field in some way, but I'm not sure where to place the code instantiating the context menu or what arguments to use with the function in the "build" field. In particular, the function signature lists the parameter "$triggerElement" - I don't understand what this is supposed to be. The site provides this example, where "$trigger" is passed to the build function as the $triggerElement parameter, but it's not clear to me what $trigger is.

submitted by /u/reasenn
[link] [comments]
Categories: Web Development