• Breaking News

    Wednesday, December 2, 2020

    Home Unlabelled The complete CSS animation tutorial (with color-coded diagrams) web developers

    The complete CSS animation tutorial (with color-coded diagrams) web developers

    December 02, 2020

    The complete CSS animation tutorial (with color-coded diagrams) web developers

    The complete CSS animation tutorial (with color-coded diagrams)

    Posted: 02 Dec 2020 06:59 AM PST

    Javascript from a CDN?

    Posted: 02 Dec 2020 12:12 AM PST

    Excuse the noob question.

    Many websites load javascript libraries from a content delivery network (from a URL that even belongs to a different domain).

    Can you explain how this is safe? Doesn't it open the door to cross site scripting attacks? Why doesn't the browser simply reject it as it fails some same origin policy?

    What are the exact rules and why is this safe?

    What is the risk that when I place an ad on my page, the ad company tells me to load some script.js from their CDN and then that script watches the DOM of my website and sniffs out user input into my forms. Possible or not?

    submitted by /u/voidyourwarranty2
    [link] [comments]

    Making things move

    Posted: 02 Dec 2020 06:51 AM PST

    Practical Test Writing Resources?

    Posted: 02 Dec 2020 05:45 PM PST

    I'm ashamed to admit I'm not particularly great about writing tests... I'm trying to change that.

    I'm starting a new personal project with the main intentions of ingraining test writing into my process and getting better at writing tests in general. But I'm feeling a bit lost about the methodology of what tests I need to write and what kind. How to write good tests.

    I primarily develop with React and Django, and in addition want to write cross-browser tests with Selenium so I'm not locked to an OS or running local VMs of Windows, Linux, or macOS (EULA violation there). I read a lot of the Testing Library for React and Selenium documentation some weeks ago, and about to go through them again since I don't recall a lot of the information but definitely didn't feel like I knew how to write good tests.

    My question is if you all have resources that you found helpful sorting this out, or just RTFM?

    • For ReactJS, I know it ships with Testing Library and the documentation says, "The more your tests resemble the way your software is used, the more confidence they can give you." So not unit testing a specific element, but testing if the element can be clicked because that implies if the proceeding is working? How granule do you go with "the way your software is used"?
    • For Selenium, I just don't need to reread this... wasn't clear to me how to write browser and OS specific tests.
    • For Django, I need to read-up on this one to see what the recommended library is.

    Thanks for the feedback.

    submitted by /u/strumpy_strudel
    [link] [comments]

    Any Examples on Image Recognition that do not involve Neural Networks or Deep Learning?

    Posted: 02 Dec 2020 01:07 PM PST

    Hi everyone i am looking to deploy a simple Image recognition web app for low end smartphones.

    I was wondering if there are any projects that have demonstrated Image Recognition using JavaScript but do not use a Deep learning model?

    By which i mean Image Recognition using the classic ML algorithms like K means or AdaBoost or SVMs?

    Most examples that I've seen online are TensorFlow.js ones and in my case i would not like to use that.

    Additionally using a Flask or Django back end is not feasible either.

    Thanks in Advance

    submitted by /u/foaly100
    [link] [comments]

    A simple backend for my web app?

    Posted: 02 Dec 2020 06:44 AM PST

    I'm a frontend developer. I have zero experience in setting up a backend.

    I'm building a website and I want to display some stats to the reader. These stats are not feasible to generate client-side. I want them to be generated server-side, once per day or so, and when a user visits my website they should see the most recent set of stats.

    As a frontend developer, this tiny feature has me totally lost. I'm unsure where to even begin.

    Part of me says I should spin up an Amazon EC2, run a little node server on it, and have a script running on a cron job that generates the stats as JSON or something. That'd probably work, but I don't want it to just work - I want to do it the right way. I want this to be a nugget of relevant experience I can put on my resumé.

    Given that I don't care about the specifics - cloud service, tech stack, language, anything - what's the best way to go about this?

    submitted by /u/hanuke
    [link] [comments]

    How & where in the cloud do I store web app logs?

    Posted: 02 Dec 2020 03:55 PM PST

    I have a web app nearing deployment. I've been logging to .log files. Rather than CTRL+F in these logs, I want some way to export these to a cloud service for analysis and visualization. I already have sentry configured for errors but need more granular logging. I use Splunk for work.

    Is there Splunk alternative for a Python backend? How can I achieve what I want to do?

    submitted by /u/deerickswerve
    [link] [comments]

    WordPress Email Submission

    Posted: 02 Dec 2020 03:54 PM PST

    New to wp dev, and thought that getting an email response to submitting a form should be a walk in the park. Well, it hasn't been.

    I have a SMTP plugin loaded on the backend of the site, so it can send out emails normally without having them just not show up or end up in spam. My issue is that when someone submits a completed form, I need to receive that form's contents in an email, and the user is supposed to be redirected back to the home page, or have a message show saying something along the lines of "success". I have no confirmation email, and there is no success message :/

    ​

    The form is below:

    <div class="formContainer"> <form class="formInput" action="/contactform.php" method="POST" enctype="text/plain"> <div class="one"> <label for="name">What is your name?</label><br> <input name="name" id="name" placeholder="Name" type="text" required><br> </div> <div class="two"> <label for="address">What is your address?</label><br> <input name="address" id="address" placeholder="Address" type="text" required><br> </div> <div class="three"> <label for="reach">What's the best way to reach you?</label><br> <input name="reach" id="reach" placeholder="(123) 456 - 7890" type="tel" required><br> </div> <div class="four"> <label for="quantity">How many children do you have?</label><br> <input name="quantity" id="quantity" placeholder="2" type="number" required><br> </div> <div class="five"> <label for="childInfo">What are your children's names and ages?</label><br> <input name="childInfo" id="childInfo" placeholder="Robert - 4 years Old" type="text" required><br> </div> <div class="six"> <label for="interests">What are the interests of each of your children?</label><br> <input name="interests" id="interests" placeholder="Legos, sports, etc." type="text" required><br> </div> <div class="seven"> <label for="yourStory">Briefly tell us your story! What are some of your hardships this year? What would make this Christmas extra special for your family?</label><br> <textarea id="yourStory" name="yourStory" maxlength="500" placeholder="Start typing here" required></textarea><br> </div> <input name="Submit" id="submit" type="submit"><br> </form> </div>

    Here is the action script that supposed to run when it's complete:

    <?php if (isset($_POST['submit'])) { $name = $_POST['name']; $address = $_POST['address']; $cell = $_POST['reach']; $quantity = $_POST['quantity']; $childInfo = $_POST['childInfo']; $interests = $_POST['interests']; $yourStory = $_POST['yourStory']; $subject = "Form Submission - ".$name; $home = get_theme_file_uri('index.php'); $mailTo = "repository@genericemail.com"; $headers = "From: info@genericemail.com"; $txt = "You have received an email from ".$name." @ ".$address.".\n\n".$email."\n\n".$quantity."\n\n".$childInfo."\n\n".$interests."\n\n".$yourStory; mail($mailTo, $subject, $txt, $headers); header("Location: ".$home); send(); if(!$mail->send()) { $error ="Please try Later, Error Occured while Processing..."; return $error; } else { $error = "Thank You!! Your email was sent."; return $error; } } ?>

    What did I do wrong???? Thanks in advance

    submitted by /u/ohWombats
    [link] [comments]

    Rendering HTML in WebGL Demo

    Posted: 02 Dec 2020 03:54 PM PST

    Refactoringui book covers mobile?

    Posted: 02 Dec 2020 03:38 PM PST

    I am on the fence about buying refactoringui book.

    Solo dev working on my own side project, terrible at UI design an my next project needs lots of user inputs. Came across this book recommendations on reddit and definitely peaked my interest. I just need basic styling / colors / typography guide / UX guidelines.

    But after having seen some videos on YT, which are great, they focus solely on desktop design, which surprised me, because he takes a analytical approach with most of his design decisions. And we all know that mobile is king currently.

    Also feels a bit like cheating, it is much easier to develop nice/useful UX on desktop with given real estate.

    TLDR Is this book worth buying when I want to design UX for my mobile webapp?

    Any other recommendations for this (very common) use case? I need 'complicated' user input (like connecting multiple apps like zapier).

    submitted by /u/krimpenrik
    [link] [comments]

    Waivers for tour operators

    Posted: 02 Dec 2020 06:26 PM PST

    Anyone have any experience with building a waiver system? Not sure what the legal rules are around e-signatures and whatnot. Can I just have a textbox where the customer types their name?

    submitted by /u/WhyNotFerret
    [link] [comments]

    How to get tile information from co-ordinates?

    Posted: 02 Dec 2020 01:55 PM PST

    I'm messing around with a tile maps in java. In order to access locations you enter a z value followed by an x and y, where z is the zoom level and x,y are the tiles you want to fetch.

    My question is, how do I get the x,y value from a set of co-ordinates?

    submitted by /u/Jimbobwhales
    [link] [comments]

    Business Insurance for Devs?

    Posted: 02 Dec 2020 05:40 PM PST

    Can anyone recommend good business insurance for devs/agencies?

    submitted by /u/sm_098
    [link] [comments]

    hosts for AI-powered applications (GPU)

    Posted: 02 Dec 2020 05:36 PM PST

    So I'm currently doing research for a machine learning project I want to implement. Outside of work for free courses, I've only ever done linear/logistic regression, both from scratch and using scikit-learn. I learned that doing what I want to do would require neural networks (deep learning, which is best done with a GPU).

    I have a few questions:

    1. if I'm using prebuilt models (the app consists of determining the probability that a song is X genre) do I need a GPU? I know I'll still need tensorflow (the lib I'll be using).
    2. What is the typical protocol for setting up AI-powered apps like this? This is the first time I'm doing this
    3. If I need a good GPU, who is the best afforable host?

    Thanks in advance

    submitted by /u/Mjjjokes
    [link] [comments]

    3d css button library?

    Posted: 02 Dec 2020 05:32 PM PST

    There was this library I came across some time ago, which made it really easy to make 3d push buttons.

    I'm going insane trying to find it again. From what I recall, the website had a dark background. The buttons were really nice. Anybody know what I'm talking about?

    submitted by /u/x_mk6
    [link] [comments]

    Problem with dividing an page into blocks and positionate elements

    Posted: 02 Dec 2020 05:26 PM PST

    Hi guys, I have an problem..
    Well, I've kinda readed a bit about Flexbox, and so on, and I'm like, understanding the idea, also got completed game Flex-Box Froggy, yk..

    But there's one problem - seems that all of this doesn't make any sens when you're getting to do an template

    My problem is that I don't know how to right divide an page into blocks, and like, don't know how to positionate them, for example there is an block, and positioning elements inside of it at diferent sizes of page

    ​

    This one seems the most difficult for me, my eyes goes dark when I'm seeing all this stuff

    For ex. - https://unbounce.com/landing-page-template/getting-started-product-launch/
    I've just picked that template randomly, and I just don't know how to rightly make an HTML structure of div's which everyone is making differently, and can't understand, which should be continued by CSS stuff, like Flexbox, and positionate them
    And in addition, it's also kinda hard to operate with background images, and sizes of an container, with size of the elements, because when you're trying to move an block, it's moving it all ( Ik, it's my fault, but idk how else to try )

    Can please anyone reccomend me any videos or articles about this ? I'd be very thankful to take an eye

    Thank you in advance for any help, and sorry for any problems with English..

    submitted by /u/Parker880
    [link] [comments]

    Andrei Negoie vs Wes Bos vs Colt Steele

    Posted: 02 Dec 2020 05:20 PM PST

    Which one of these has the best courses to help you start a career in web dev?

    submitted by /u/Justpassinby1984
    [link] [comments]

    Question regarding VPS, malware, memory spikes

    Posted: 02 Dec 2020 12:17 PM PST

    My problem: I have approximately 150 - 200 websites. I have a big, beefy VPS with a web host. Through a combination of events partly due to my being dumb and my clients being dumb we got a dose of malware.

    Shit happens. Cleaned all the malware. We're now running each Wordpress install on separate users to keep everyone isolated. Each Wordpress install has a firewall/malware scanner (Wordfence.) All passwords are changed, including database passwords. We've seen zero evidence of reinfection for weeks. Wordfence is great. Wordpress is up to date across the board. Plugins are up to date across the board.

    Our VPS typically runs at about 35% of it's RAM budget. But periodically we will see spikes that eat up all of our RAM. This causes our host to reboot our VPS. If it's a brief spike they boot it back up for us automatically, but sometimes if the spike persists they keep it off, requiring us to do a manual reboot of the VPS, which is annoying.

    I have no idea what's eating the all of the RAM, leading to a spike. Because if there is a spike, the VPS reboots and I'm not able to see what site(s) lead to the problem. When things are stable I see some websites using more memory than others, but only percentages more and it is always changing with traffic.

    In order to mitigate the problem I bought two more lower tier VPS with the same host. I've offloaded some websites to those other VPS and they have been super stable.

    My question is: Is it possible my big, beefy VPS is getting hammered by a botnet? Whether maliciously (such as: screw this guy, how dare he remove our malware) or unintentionally (automated systems trying to reconnect to malware that no longer exists)? We thought it might be the automated Wordfence scans all running at the same time, so turned off auto scans as a way to see if maybe that was the culprit, but it wasn't.

    Would that cause a sudden RAM spike, even with a firewall? If so, how do I mitigate this?

    submitted by /u/godbois
    [link] [comments]

    Restricting downloads of PDF, while still allowing users to view it

    Posted: 02 Dec 2020 03:15 PM PST

    I am creating a website using React where users can upload PDFs (using Backblaze) that others can then view. The thing is, while I want users to be able to view the documents, I don't want them to be able to download them.

    I'm sort of lost on how to make this possible, since to view the file, I am using react-pdf which gets the public URL of the file on Backblaze and displays it, which means tech savvy users could see the network request and get the URL that way.

    Secondly, since the URL has to be public, once they click "download" and it opens the file, they can simply share that link with others that haven't signed up to the website.

    I know I could make the bucket private, but then I am not sure how that would work with react-pdf and allowing users to actually preview the files...

    Any help is appreciated!

    submitted by /u/stoolpigeonfucker
    [link] [comments]

    Is there an online "fake" environment for learning/testing SSH?

    Posted: 02 Dec 2020 02:58 PM PST

    I've recently became obsessed with coding and decided to learn myself everything necessary to become a full on developer. I found this online "web development in 2020" map, I'm currently going trough the stuff I should learn myself " no matter what route I take". One of these items include learning basic SSH, I understand what it is but it's personaly find it harder to learn something if I can't interact with it. Setting up a server or other devices to comunicate with seems a step to far for just learning the basics.

    ​

    So here's my question: Is there an online, let's just say, simulator that allows me to practice/learn SSH in or am I just asking a really stupid question?

    ​

    p.s. link to the "map" https://coggle.it/diagram/XfeRbWj7xy3dsEX8/t/web-development-in-2020

    If you think there is any information missing on the map that I should learn or something I should completly ignore then please also let me know.

    ​

    Thx in advance

    submitted by /u/Kiegames
    [link] [comments]

    Onboarding Flow in Angular app

    Posted: 02 Dec 2020 11:03 AM PST

    Curious if anyone here can share lessons learned for how they've implemented a really nice onboarding flow.

    - How do you track onboarding progress for users? Simple boolean to acknowledge that they've finished onboarding? More granular?
    - How do you ensure that the user doesn't bypass the onboarding flow after authenticating (our current flow is signup -> email verification -> onboarding)

    Are there any packages that you would recommend that make some of this feel less like we're reinventing the wheel?

    submitted by /u/eggucated
    [link] [comments]

    Looking for WP Plugin Recommendation

    Posted: 02 Dec 2020 02:33 PM PST

    Hello! I'm not sure of this thread's rules so I'm sorry if this should be asked elsewhere, but I run a group student travel business, and I would love to integrate a feature where multiple people in the same group can book multiple rooms and have payment split up by the number of people in each room. So, for example, my group needs 3 hotel rooms, and 2 of them will have 4 people in them, but 1 will have 3 people. So the per person price is different for the third room. I also want each guest to be able to pay for their spot in the room individually. I probably explained this very poorly, but giving it a try.

    Unfortunately I have been unable to find a web developer that isn't using my inexperience against me. The quotes are in the $100k mark, which seems pretty excessive, but again I know nothing.

    Anyways, I wanted to see if anyone had some WP plugin recommendations I could try to integrate on my own.

    submitted by /u/Base_No
    [link] [comments]

    JavaScript event has lots of timers, lots of wonkiness

    Posted: 02 Dec 2020 03:52 AM PST

    Hello,

    I have made a guitar app with lots of programmable scales. However, there is a lot of "wonkiness" within the way the browser is handling it. Each scale has 6-12 notes. Right now it grabs all the visible notes and does a loop through them, setting a timer for each one (so they play sequentially). However, the issue I'm having is there are a lot of random pauses, random stops, slow downs, etc reported by anyone who is testing the app. Any idea how to make the timers and interactions more seamless?

    Link here: https://redact0r.github.io/piano-demo/guitar/guitar-index.html

    Repo: https://github.com/Redact0r/piano-demo/tree/master/guitar

    Any help is appreciated!

    submitted by /u/BalmoraBoy
    [link] [comments]

    migrating client's email

    Posted: 02 Dec 2020 02:06 PM PST

    Hi guys, how do you go about migrating a client emails to a different hosting company? His actual hosting company is on cpanel and the new one is not. I also don't have his password, so I am trying to figure out a way that this can be done smoothly as possible!

    Anyone has done this for clients before? tks

    submitted by /u/Victory_Shot
    [link] [comments]
    Read more
    at

    No comments:

    Post a Comment