Web Development

Legacy wordpress + bootstrap hybrid site needs major update - Where to begin?

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

My website http://efficiencyiseverything.com/

Needs performance updates, style, and my UI.

Most content is found in WP posts, but the navigation is done through carryover html, css, and javascript.

Unless anyone thinks the current site is salvageable, I'm ready to restart. I have experience in writing php laravel.

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

Is Subscription logic easy?

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

I want to get opinions of dev's from junior to senior. What degree of difficulty and time would you consider adding a subscription feature to use your site which originally open and free? You are the solo dev on the feature, the core product is a highly organized, stemming & lemmitization optimized and indexed search across all of our raw data (can't specify which sector).

I am to use Stripe to handle card processing and that's pretty much it terms of tooling. The pricing will be $99/ mo but we will add tiers later to access our analytics reports for free (right now it's pay per).

The site is simple using Django, all the backend and data handling is written in Python. How long would it take you to fully write, test and deploy to prod? And regardless of time what scale of difficulty would you rate this project?

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

Help Finding A Web Service

webdev: reddit for web developers - Wed, 11/14/2018 - 16:36

Hello everyone.

Is there some sort of service that is already available that does the following:

  1. takes in a unique code
  2. reads code and retrieves photos related to that unique code.

Someone where i work decided to host an event where they will be taking photos of guests and handing out tickets where they will input them into something (???) and get their photos.

Thanks.

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

How should I handle payments on my website?

webdev: reddit for web developers - Wed, 11/14/2018 - 15:55

I dont know if thats a good idea to write everything on my own but stuff like Shopify can get quite expensive... Maybe its not that hard to build and handle payments myself and Im just imagining it? What do you guys do?

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

How to display multiple jpg in html

webdev: reddit for web developers - Wed, 11/14/2018 - 15:52

I have around 100 pics that i want to display on page as thumbnails but i don't want to add for each of them src code.

Is there a way to HTML to automatically read all the images in folder and display them as thumbnails on a single page?

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

owl carousel item amount config being ignored

webdev: reddit for web developers - Wed, 11/14/2018 - 15:31

See my example below:

$(function(e) { $("#blog-slider").owlCarousel({ // mobile nav: false, navText: '', items: 2, dots: false, responsiveClass:true, stagePadding: 30, // desktop responsive:{ 980:{ // this isn't being listened to why!? items:6, slideBy: 6, stagePadding: 0, nav: true, dots: false, navText: '' } } }); }); .homepage-slider { overflow: visible; margin-top: 20px; margin-bottom: 60px; padding: 20px 41px 20px 40px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }

<!-- language: lang-html -->

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.css"> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.js"></script> <div id="blog-slider" class="homepage-slider owl-carousel"> <div class="homepage-slider__item homepage_blog_carousel1"> <a href="#"> <div> <img class="alignnone" src="https://via.placeholder.com/100/" alt="" width="701" height="394"> </div> </a> <a href="#"> <div class="homepage-slider__interior post-tag"> category tag </div> </a> <a href="#"> <div class="homepage-slider__interior post-title"> A post title goes here </div> <div class="homepage-slider__interior post-date"> November 14, 2018 </div> </a> </div> <div class="homepage-slider__item homepage_blog_carousel1"> <a href="#"> <div> <img class="alignnone" src="https://via.placeholder.com/100/" alt="" width="701" height="394"> </div> </a> <a href="#"> <div class="homepage-slider__interior post-tag"> category tag </div> </a> <a href="#"> <div class="homepage-slider__interior post-title"> A post title goes here </div> <div class="homepage-slider__interior post-date"> November 14, 2018 </div> </a> </div> <div class="homepage-slider__item homepage_blog_carousel1"> <a href="#"> <div> <img class="alignnone" src="https://via.placeholder.com/100/" alt="" width="701" height="394"> </div> </a> <a href="#"> <div class="homepage-slider__interior post-tag"> category tag </div> </a> <a href="#"> <div class="homepage-slider__interior post-title"> A post title goes here </div> <div class="homepage-slider__interior post-date"> November 14, 2018 </div> </a> </div> <div class="homepage-slider__item homepage_blog_carousel1"> <a href="#"> <div> <img class="alignnone" src="https://via.placeholder.com/100/" alt="" width="701" height="394"> </div> </a> <a href="#"> <div class="homepage-slider__interior post-tag"> category tag </div> </a> <a href="#"> <div class="homepage-slider__interior post-title"> A post title goes here </div> <div class="homepage-slider__interior post-date"> November 14, 2018 </div> </a> </div> <div class="homepage-slider__item homepage_blog_carousel1"> <a href="#"> <div> <img class="alignnone" src="https://via.placeholder.com/100/" alt="" width="701" height="394"> </div> </a> <a href="#"> <div class="homepage-slider__interior post-tag"> category tag </div> </a> <a href="#"> <div class="homepage-slider__interior post-title"> A post title goes here </div> <div class="homepage-slider__interior post-date"> November 14, 2018 </div> </a> </div> <div class="homepage-slider__item homepage_blog_carousel1"> <a href="#"> <div> <img class="alignnone" src="https://via.placeholder.com/100/" alt="" width="701" height="394"> </div> </a> <a href="#"> <div class="homepage-slider__interior post-tag"> category tag </div> </a> <a href="#"> <div class="homepage-slider__interior post-title"> A post title goes here </div> <div class="homepage-slider__interior post-date"> November 14, 2018 </div> </a> </div> <div class="homepage-slider__item homepage_blog_carousel1"> <a href="#"> <div> <img class="alignnone" src="https://via.placeholder.com/100/" alt="" width="701" height="394"> </div> </a> <a href="#"> <div class="homepage-slider__interior post-tag"> category tag </div> </a> <a href="#"> <div class="homepage-slider__interior post-title"> A post title goes here </div> <div class="homepage-slider__interior post-date"> November 14, 2018 </div> </a> </div> <div class="homepage-slider__item homepage_blog_carousel1"> <a href="#"> <div> <img class="alignnone" src="https://via.placeholder.com/100/" alt="" width="701" height="394"> </div> </a> <a href="#"> <div class="homepage-slider__interior post-tag"> category tag </div> </a> <a href="#"> <div class="homepage-slider__interior post-title"> A post title goes here </div> <div class="homepage-slider__interior post-date"> November 14, 2018 </div> </a> </div> </div>

I specify in my desktop (980+ breakpoint) to only show 6 items. It is being ignored and showing 8. Why? What am I doing wrong?

Will post a fiddle shortly - jsfiddle is busted

EDIT - here is live fiddle demonstrating issue https://jsfiddle.net/mdunvt65/

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

Posting data through URL (Cognito Forms) and displaying that data on a website

webdev: reddit for web developers - Wed, 11/14/2018 - 15:26

I expect this is probably quite a simple solution for most, but I've run into a few issues and wanted to get some advice.

I have build a form using Cognito Forms, and within that I have several URL generators (linking to Monzo.Me / PayPal.Me addresses) in order to pass over fees information to auto-populate the number field on these sites. I also have a unique ID which gets populated in the 'notes' section. These work great.

However, I'm also trying to integrate this into my own website so that if a user selects a cash or bank payment, they will be redirected to my website with details of how to pay. I'd like for the following to be displayed on my Weebly website: fees, unique id, name.

I currently have the following url generated and redirecting - https://www.mysite.co.uk/paylater.html?fee=15.00&UID=ID6543&name=John%20Smith

My questions is, how to I extract this data from the URL and display it on my website in some capacity? Plain text is absolutely fine. I reckon I can code it to make it look nice once it's there, I'm just struggling with 'reading' it.

Can anyone help?

Thanks!

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

Survey: do you hide most JS from users not logged in?

webdev: reddit for web developers - Wed, 11/14/2018 - 15:13

There is a certain practice that I think is advisable when developing SPAs (Single Page Applications), and I am wondering how common it is. I would be grateful if anyone who has followed this practice successfully, or seen it followed successfully, would leave a comment. Please say also if you think the practice was worth following.

First, some information about a hypothetical SPA:

  • If the user navigates to the SPA without being logged in, he sees a login page.

  • If he successfully logs in, he can access functionality that is only available to logged-in users. This functionality depends on client-side JavaScript.

And now for the practice:

  • This JavaScript is not referenced in the HTML unless the user is logged in.

  • The only way for a browser to fetch this JavaScript is to present a cookie (or do something else that depends on a prior succesful authentication).

I'm not saying that the login page can't have JavaScript; it might. But most of the JavaScript is unavailable to the browser until the user has logged in.

Although this thread is not about the advisability of the practice, I will briefly outline its advantages. It minimises the exposure of the following information:

  • HTTP endpoints;
  • how to authenticate to the protected parts of the API;
  • what sort of data is expected by the protected parts of the API;
  • messages to the user, in HTML templates and other static strings.

UPDATE

By the way, I would be grateful if you would outline the technologies you were using on the front end and back end (frameworks, etc.)

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

New Dev Frustrations

webdev: reddit for web developers - Wed, 11/14/2018 - 15:10

I just wanted to reach out the community and see if you guys might have some advice. I graduated from a full stack bootcamp in august and have struggled to find direction since. At first I was hungry to get out into the work force with my new skills, but as the months go by and the emails keep pouring in saying "we have gone a different direction. thanks for applying". I am less and less driven to further my skill set, let alone put myself out there as the days go by. Imposter syndrome is very strong with me at the moment. I just wanted to see who else is dealing with this sort of thing. I would love to know what people have done to overcome their fears and move forward even with set backs. Any one find the meetups to be helpful?

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

Why are my background colors not showing up in mobile?

webdev: reddit for web developers - Wed, 11/14/2018 - 15:07

Hey guys,

I made mock a web app that seems to show me my background colors as intended in chrome dev tools' mobile views when inspecting element. However, when I pushed my repo and published it, the background colors are transparent instead. I only own an iPhone 7, but I checked in the safari, chrome, and Mozilla browsers.

Here are screenshots of how it should look: https://imgur.com/a/7tKTIUd

Here are screenshots of it on actual mobile: https://imgur.com/a/YKVzmn1

The html and css structure is as simple as it looks.

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

Python / Ruby Back-End

webdev: reddit for web developers - Wed, 11/14/2018 - 15:07

I was recently talking with someone and they mentioned that their platform "has a front-end in JavaScript and Ruby with a back-end in Python".

That just sounds like nonsense. My understanding is that both Ruby / Python would be used as back-end / server-side languages -- am I wrong? If I am, can someone please elaborate on how this would work?

Thanks!

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

Does media query attributes still work for responsive video sources?

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

There's a lot of documentation on using "media" attribute to load different video sources depending on the screen size (eg) but it's all pretty old: around 2012, and some say the feature is being debated for dropping out of the specs. Now, I tested this with chrome and firefox and can't get it to work at all. It has been dropped since then? If so, is there a substitute method to use without js to achieve the same goal (and why tho)?

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

Pages