Web Development

No-IP DDNS to My Domain - What DNS Records Do I Have To Add?

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

I have a DDNS set up at "example.ddns.net", which is a fixed address I can always find my own server at - but I can't seem to link it with my domain name. I'm using the domain name providers own nameservers - and I can get to a DNS management page which allows to add records like:


Then give them a name, choose the TTL (defaulted at 14440) and input a target.

I've tried creating an A Record and using "example.ddns.net" as the target, but it wants an IP address...

I'm obviously barking up the wrong tree, would somebody be able to tell me what I need to do to get my domain linked up with my DDNS address... Or is it impossible to do this?

Many thanks, and sorry if the question is rather basic!

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

How many interviews did you have before accepting a job offer?

webdev: reddit for web developers - Wed, 01/17/2018 - 14:11

Just curious. I'm have been applying for jobs for 2 weeks now and have had 4 phone screenings so far, and I have 2 coding interviews lined up. Just curious how long it's taken people to get jobs. I hope I can get one soon.

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

Can anyone tell me what element is causing a whitespace on the right to appear on this site?

webdev: reddit for web developers - Wed, 01/17/2018 - 14:08


I can't find the source of it, when resized it becomes scrollable because of additional white space.

I looked for some solutions and assumed it was either the bootstrap row or navbar that was causing the issue, I tried the fixes but still nothing.

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

We built Overlaycloud, a new face in cloud computing.

webdev: reddit for web developers - Wed, 01/17/2018 - 13:49

I wanted to share a stealth/side project that we at Containership have been working on, called Overlaycloud. It's a new kind of cloud computing platform.

You are probably thinking why would anyone want to enter the oversaturated market of cloud computing and compete with the giants like Google, AWS, or Microsoft. The truth is we are tired of 3 or 4 companies choking out all of the players, the mom and pops of datacenters if you will.

So we built a platform that allows users to deploy to these Tier 2 & Tier 3 datacenters from anywhere in the world, enabling us to build the world's largest cloud platform without ever owning any servers ourselves. It also allows us to host in more regions and have lower prices than any other cloud provider. You can read more about it in our blog post here, but I'm interested in hearing your feedback!


tl;dr: We built a new cloud platform with really cheap prices based on some cool tech

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

Problems with transparent PNGs on iOS?

webdev: reddit for web developers - Wed, 01/17/2018 - 13:41

I've googled it, and I'm not seeing any instances where this is a common problem... I have a new website I'm just taking over, and it has problems rendering the menu page. It uses some pretty large transparent PNGs. While this is making the load times slower than I want, the biggest problem is that on many iOS devices, the images don't render completely - just showing half an image or a 1/4 of the image. It doesn't seem to happen on Android.

Here's the page in question - http://www.captainds.com/menu

Anyone know what specifically might be causing this? Our developers say it's the server loading the pages slowly Our hosts (and me) say it's the use of the very large transparent PNGs choking the browser rendering engine.

Anyone care to weigh in?

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

Frontend freelance design questions.

webdev: reddit for web developers - Wed, 01/17/2018 - 13:05

I have a handful of questions about frontend freelance work. Hopefully some of you could answer based on your experience. Thanks.
1. What is your work-life balance like?
2. Do you feel you have enough time for hobbies/family/friends/etc. or is it a constant effort to attain this?
3. What technologies do you use (languages, etc.)?
4. How long do you usually take to fulfill a clients needs?
5. Do you charge per hour/per project?
6. Do you decline clients?
7. Is this your full time career or a side hustle/part time gig?
8. Is it possible to make frontend freelance a side hustle?
9. How do you work with backend developers?
10. What does the conversation between frontend-client-backend look like/how do you accomplish this?

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

Widget development questions

webdev: reddit for web developers - Wed, 01/17/2018 - 10:51

Hi everyone, feel free to remove this post if it’s inappropriate for the sub. But I am interested in getting involved in building widgets to sell on sites like shopify as a side business and I was wondering if anyone has any advice on getting started in the space. I am very curious what the development process for building widgets looks like, are there any sites that can provide an overview of what making your first widget looks like or how best to market and sell them?

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

Using purely HTML, CSS and Javascript in MS Sharepoint to create our team website. Is it feasible?

webdev: reddit for web developers - Wed, 01/17/2018 - 10:46

I am pretty new to MS sharepoint and currently studying HTML, CSS and Jscript. I was assigned to build our own team website in MS Sharepoint. Last i heard the features they are looking for are:

  • Refreshing look (so not the typical boring sharepoint look)

  • Option to click links that will redirect to our sub-sites (About us, programs, schedules)

  • Team dashboard

  • Survey form

Is it feasible in MS sharepoint by using HTML, CSS and Jscript? Is this even allowed?

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

In 2018, why use Memcached over Redis?

webdev: reddit for web developers - Wed, 01/17/2018 - 10:02

Redis has been around a long time now.

Why use Memcached over Redis is something I've been wondering for many years now (pretty much since I started as a professional web developer about 10 years ago).

The answer was always "in x scenario when you have y data, then Memcached is slightly more memory-efficient".

Is that still the case? What are the reasons to choose to use Memcached, especially when Redis is already in the stack?

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

Creating a Vue.js Serverless Checkout Form: Stripe Function and Hosting

CSS-Tricks - Wed, 01/17/2018 - 09:44

We're now in the second post of a four-part series where we're creating a checkout form application in Vue.js that can accept payments via the Stripe API. In part one, we looked at the concept of serverless functions, set one up in Azure, and connected it to a Stripe account. In this post, we'll focus on setting up Stripe as a serverless function and hosting it all on Github.

Article Series:
  1. Setup and Testing
  2. Stripe Function and Hosting (This Post)
  3. Application and Checkout Component (Coming Soon)
  4. Configure the Checkout Component (Coming Soon)

First, we’re going write our function and test it out in the portal, but eventually we’re going to move it over to Github and have Azure pull in the code. I’ll explain why we do this in a moment.

For now, in order to get it working and testable, we’re going to write it in the portal and fill in the request body to perform the test. But we need to know what Stripe will expect from us first.

Dun dun dun...

Working With Stripe as a Serverless Function

If you check out Stripe's documentation, you can see that we’ll need to grab the Stripe token in the dashboard. This will eventually mirror the POST parameters submitted by our form. Stripe makes it easy, so it's fairly straightforward to use their library for the server-side function with Express:

app.get('/', (req, res) => res.render('index.pug', { keyPublishable })); app.post('/charge', (req, res) => { let amount = 500; stripe.customers .create({ email: req.body.stripeEmail, source: req.body.stripeToken }) .then(customer => stripe.charges.create({ amount, description: 'Sample Charge', currency: 'usd', customer: customer.id }) ) .then(charge => res.render('charge.pug')); }); app.listen(4567);

We won’t need to set up all of Node and Express for this, though, as what we really need is the amount, the currency, the description, and the token, which we can integrate with the testing code we were provided earlier in the portal's view of our function. So, let’s head over to the Azure portal where our function lives and update that default testing code to accept the parameters we need for Stripe, and also populate the request.body in the test panel.

We’ll add our Stripe testing key and kick everything off. To be totally sure, we’re going to log what we’ve gotten started:

var stripe = require('stripe')('sk_test_whateveryourtestingkeyisgoeshere'); // ^ this is a stripe testing key module.exports = function(context, req) { context.log('starting to get down');

If we have a request body, an email, and a token, then let's get started. We’ll create a customer from the email and then use that customer to create the Stripe charges, passing in the amount of the charge as we do so.

if ( req.body && req.body.stripeEmail && req.body.stripeToken && req.body.stripeAmt ){ stripe.customers .create({ email: req.body.stripeEmail, source: req.body.stripeToken }) .then(customer => { context.log('starting the stripe charges'); stripe.charges.create({ amount: req.body.stripeAmt, description: 'Sample Charge', currency: 'usd', customer: customer.id }); }) ...

We also want to test if this all completed successfully, or if it errored out. If it did error, we need to log what that error is. We’ll also see if the whole thing errored entirely, making sure we’re logging everything appropriately along the way.

You'll note that I log a lot. I think it's not enough to know that something has errored. I want to know when the error happened and why so that I can track it down. This makes it much easier to debug if something were to go wrong.

... .then(charge => { context.log('finished the stripe charges'); context.res = { // status: 200 body: 'This has been completed' }; context.done(); }) .catch(err => { context.log(err); context.done(); }); } else { context.log(req.body); context.res = { status: 400, body: "We're missing something" }; context.done(); } };

In the testing area on the right side of the portal, we’ll fill the request.body with the stripeEmail, stripeToken (a testing token in this case), and some random amount for the charge. When we run this, we can see that it works! We get a 200 OK Status, and we’ve logged This has been completed in the output.

Testing the request body parameters with the actual function in Azure. Github-Hosted Serverless Function

Let's put everything in Github now that it's working. One big reason we want to do this is because our function will have a dependency on Stripe’s library. If you head over to the sample-stripe-handler repo I’ve created for this tutorial, you’ll see a package.json file. The most important lines in that file are these:

"dependencies": { "stripe": "^5.3.0" }

This tells the function to pull in the correct version of the Stripe API that we need to use in order for our app to properly function. As a note, you could also use this method to write other kinds of functions using other libraries. This means the possibilities for what to create are endless!

We'll pull everything from our function into this repo. This includes the function itself, the package.json file, as well as the contents of the function.json file that you'll see in the "View Files" tab on the right in the Azure portal.

Once we have that all in ready to go in a Github repo, we'll head back over to the Azure portal, because now we have to let Azure know that we'd like to use this repo to host our function instead of our test. We can still test our function inside the portal—we just won't be able to edit it via the GUI anymore.

Click on the “Platform Features” tab and select the “Deployment Options” item.

From here, click "Settings" then "Choose source" and a number of options will be provided. I’m going to choose Github because that’s where I want to host mine, but you can see that there are a lot of other ways we could have done this.

Deployment settings source options, including Github.

Once Github has been selected, you will be able to configure which repo you would like to use as your deployment source. I chose the sample-stripe-handler repo that we created earlier.

Configuring Github as the deployment source.

After we’ve done this and it’s loaded, you’ll be taken to a "Deployments" screen that shows the last commit that you made to the repo. That means everything’s working correctly!

Let’s test this a little further. My function didn’t work properly the first time because I was using ES6. I could have added in Babel, but I just converted it back to ES5 and pushed to the master branch. You can see the function.json becomes inactive as the last deployment, and my latest commit message—which is mostly me grumbling—is now the latest deploy! Awesome.

We can't be too careful so, to check that these tests did indeed work, I’m going to head over to the Stripe dashboard. Sure enough, there are testing charges showing up in our dashboard 😀

One last thing!

We would be remiss to exclude our good friend CORS, which we need to properly enable for everything to communicate as it should. Let's go to our function in the dashboard, and select CORS:

In the prompt that appears, we'll whitelist our localhost dev server, as well as our final URL for the site. Voila! We're all set.

Next Up...

We got a lot done in this post! Next, we'll want to learn how to move away from testing only within the function and get this sucker communicating freely with a checkout experience that we’ll build within a Vue.js application. Stay tuned!

Article Series:
  1. Setup and Testing
  2. Stripe Function and Hosting (This Post)
  3. Application and Checkout Component (Coming Soon)
  4. Configure the Checkout Component (Coming Soon)

Creating a Vue.js Serverless Checkout Form: Stripe Function and Hosting is a post from CSS-Tricks

Categories: Web Development