September 13, 2018

Web Development

  • Do any website making tools such as Squarespace allow you to create a front end for a web app?
    by /u/reuiwdfvcdedxc on December 14, 2018 at 11:30 pm

    I'm working on a web app that will require a very simple user interface and a complex back end. I currently have no front end, and am considering using a web hosting/website making service to make my website with things like the company mission statement with the web app. The only user interface elements I need are a text bar with autocomplete, and the ability to display text and embedded images on the page, and a sign in function, and cookies, and signup forms, I might later add something more like a tumblr dashboard but that is of low priority to me. I hope to get an actual front end developer to work with me but right now I think it will be too much of a diversion over getting my site up and running. submitted by /u/reuiwdfvcdedxc [link] [comments […]

  • Phil Hawksworth - the Head of Developer Relations @Netlify - joins me on my podcast. Let me know what you guys think!
    by /u/Jpasholk on December 14, 2018 at 10:54 pm

    submitted by /u/Jpasholk [link] [comments […]

  • I am planning on doing freelance web dev work when I graduate (Spring 2019). Suggestions, pointers, advice?
    by /u/qualitytest on December 14, 2018 at 10:31 pm

    I just took a somewhat intensive class on web development this semester. In this class, we learned (still not an expert in these areas by any means, but have had introductory - intermediate exposure to these subjects): Node.js Command-Line Stuff Higher Order Functions HTTP Templating (Handlebars) Sessions and Cookies Express Data Modeling MongoDB + Mongoose Authentication + Passport.js HTML + DOM + CSS Timers & Events Promises AJAX Socket IO React.js I also had exposure to some frameworks/modules like Bootstrap, GridFS, and Multer when I developed my final project which was a website. I was wondering if this sub had any pointers / suggestions in terms of how to proceed from here concerning my web dev knowledge? What more should I learn, what should I really focus on, what specific things are super important, etc., and also any insight on the freelance environment for web developers would be amazing too. submitted by /u/qualitytest [link] [comments […]

  • Nike Store UI Design
    on December 14, 2018 at 10:11 pm […]

  • Custom Site with Blog User Template
    by /u/BenofHunter on December 14, 2018 at 10:07 pm

    I want to create a custom site with html, css, and Js. But, like wordpress or blogspot, I want to have a "writer-friendly" article writing section. Is there a way to do this with a totally custom site and without using wordpress, blogspot, or squarespace? ​ If you have any questions, please feel free to ask! submitted by /u/BenofHunter [link] [comments […]

  • The A to Z Guide how to Incorporate Your Side Hustle
    by /u/educated_panda on December 14, 2018 at 10:01 pm

    Opening an e-commerce store is an exciting way to start a side hustle. When you launch it, it’s only natural to hope that one day it will grow into big business. However, such aspirations can also raise a few uncomfortable legal questions. Here you’ll learn all the tips of how to incorporate your company. \This guide is for informational purposes only and does not constitute professional legal advice. Please consult independent legal advice experts for information specific to your country and circumstances.* submitted by /u/educated_panda [link] [comments […]

  • MongoDB & Javascript
    by /u/NickLong on December 14, 2018 at 9:52 pm

    I have an assignment to create a website with Python Cgi scripts and MongoDB. I want to be able to update a record in MongoDB from javascript but I have to use the school's server so I can't install Node.js to make things as simple as: var mongo = require('mongodb'); Basically, when the user clicks one of many buttons it calls a script, I want that value to be stored to that user's database record from the script. Is there a workaround to not use Node.js? ​ EDIT: I think the goal is actually to use AJAX but I'm so lost on how an external cgi script can return a value from a request submitted by /u/NickLong [link] [comments […]

  • Can someone explain what this "debugging" message is telling me? I'm lost with the HashWithDifferentAccess stuff and can't figure out what parameters are not permitted. The only param not...
    by /u/TomConnolly on December 14, 2018 at 9:28 pm

    --- !ruby/object:ActionController::Parameters parameters: !ruby/hash:ActiveSupport::HashWithIndifferentAccess utf8: "✓" authenticity_token:03teQKjySQhkZxhPPSzlzuvn5a+GK+oIrlcGDRR0aNDYBF7C0VbNLHrVW77KH... donation: !ruby/object:ActionController::Parameters parameters: !ruby/hash:ActiveSupport::HashWithIndifferentAccess amount: '275' anonymous: '0' permitted: false commit: Create Donation controller: donations action: create permitted: false here's the params bit in the controller: def donation_params params.require(:donation).permit(:amount, :pay_this, :user_id, :anonymous) end and the create action: def create @donation = user_id = if redirect_to @donation, notice: 'Donation was successfully created' else render :new end end end submitted by /u/TomConnolly [link] [comments […]

  • Stae - Access real-time global data visually and with a first-class API
    on December 14, 2018 at 9:26 pm […]

  • How do JavaScript arrays work under the hood?
    by /u/rpeden_dev on December 14, 2018 at 9:14 pm

    submitted by /u/rpeden_dev [link] [comments […]

  • Jquery iterating independently inside $each
    by /u/rurounisena on December 14, 2018 at 9:11 pm ​ HTML <div class='myDiv'> <table summary='Bulk Tracking'> <span title='Bulk Tracking'>Bulk Tracking</span> <tr> <td>IL</td> <td>NR</td> <td><span class='ms-nowrap'>12/1/2018</span></td> <td>65</td> <td class='lastCell'>Waiting For</td> </tr> <tr> <td>TX</td> <td>FT</td> <td><span class='ms-nowrap'>12/9/2018</span></td> <td>22</td> <td class='lastCell'>Waiting For</td> </tr> <tr> <td>WY</td> <td>ND</td> <td><span class='ms-nowrap'>12/25/2018</span></td> <td>721</td> <td class='lastCell'>Waiting For</td> </tr> <tr> <td>MT</td> <td>NR</td> <td><span class='ms-nowrap'>12/7/2018</span></td> <td>33</td> <td class='lastCell'>Waiting For</td> </tr> <tr> <td>AK</td> <td>LR</td> <td><span class='ms-nowrap'>12/7/2018</span></td> <td>222</td> <td class='lastCell'>Waiting For</td> </tr> <tr> <td>VA</td> <td>ARR</td> <td><span class='ms-nowrap'>12/8/2018</span></td> <td>15</td> <td class='lastCell'>Received</td> </tr> </table> JS $(document).ready(function() { addTargetClasses(); checkReceived(); }); (function($) { $(function() { var orgDates = $('table tr td span'); var message = ''; orgDates.each(function(i, elem) { parts = $(this).text().split('/'); dt = new Date(parts[2], parts[0] - 1, parts[1]) .getTime(); diffdate = Math.floor((dt - new Date().getTime()) / (86400 * 1000)); if (diffdate === 0 || diffdate === -1) { return; } if (diffdate > 0 || $(this).parents( 'tr.targetRow').find('lastCell').hasClass( 'crossout')) { return; } if ((diffdate + 2) < 1) { if (diffdate.length == 1) { console.log(diffdate); } if ((diffdate + 2) == 0) { diffdate = (diffdate + 1) + ' day ago'; } else { diffdate = (diffdate + 1) + ' days ago'; } } diffdate = diffdate.toString().slice(1); state = $(elem).parents( '.targetTable tr.targetRow').find( "td:nth-child(2)").text(); mailType = $(elem).parents( '.targetTable tr.targetRow').find( " td:nth-child(4)").text(); message += state + ' ' + mailType + ' was due ' + diffdate + '<br/>'; }); $.alert({ theme: "my-theme", title: "<span style='font-size:25px;'>" + "</span>", content: "The following bulk is past the expected received date:" + "<br/>" + "<br/>" + message, draggable: true, animationBounce: 1.5, buttons: { Dismiss: function() {} } }); $('span[title*="Bulk Tracking"]').after( "<button id='alert_btn' type='button'>See Alerts</button>" ); $('#alert_btn').after( '<div id="emmacontainer" class="emmacontainer"><div class="container__inner"><div class="subDiv"></div> </div></div>' ); $('.subDiv').append(message); $('#emmacontainer').hide(); $('#alert_btn').click(function() { $('#emmacontainer').slideToggle(400); }); }) }) (jQuery); function addTargetClasses() { $("table[summary*='Bulk'] ").addClass("targetTable"); $(".targetTable tr").addClass("targetRow"); } function checkReceived() { $('.targetTable td.lastCell:contains("Received")').addClass('crossout'); }; The above code works as intended. I loops through the dates in the table, checks whether or not they are past due, and outputs a string with the correlating data. The problem is when there are a lots of items overdue the text inside the alert and button div become way too long. So I was hoping to group dates that are the same together to save some space. For example, instead of this: IL NR was due 13 days ago TX FT was due 5 days ago MT NR was due 7 days ago AK LR was due 7 days ago VA ARR was due 6 days ago I would like it to read like this: IL NR was due 13 days ago TX FT was due 5 days ago MT NR, AK LR were due 7 days ago VA ARR was due 6 days ago I have tried to iterate over the diffdate var and the $elem from the each loop but I never get what I expected as the output. I am relatively new to js and jquery so any help or advise would be much appreciated! submitted by /u/rurounisena [link] [comments […]

  • Is there such a service where I can send POST data to from my back end app?
    by /u/box1820 on December 14, 2018 at 8:19 pm

    I have a php script i made on the backend from my intranet and I'd like to POST log data to a public website service like pastebin. It's not sensitive info, but I want to view this data via my browser. Is there a free service where I can POST data to? It's only a few lines of text everytime my php script runs on a 10 min cron. ​ Since my php script is behind a firewall, I can't access the log files which is why I wanted to just post this data to a public site. ​ What are my options? submitted by /u/box1820 [link] [comments […]

  • How are websites like made?
    by /u/PacifisticHypocrite on December 14, 2018 at 8:16 pm

    I'd like to make something like these and but i'm not sure where to start. submitted by /u/PacifisticHypocrite [link] [comments […]

  • Help me fix my front-end developer resume.
    by /u/EK9999 on December 14, 2018 at 7:33 pm

    I'm trying to build my resume and in a summary section I want to write that I willing to work remotely or I can relocate to the office. Currently searching for a Front-End developer position I can work remotely or in office. How to rewrite the sentence correctly? Sorry fir this b***t but I'm not from English speaking country.)) submitted by /u/EK9999 [link] [comments […]

  • accessibility for intent based pages (login)
    by /u/sumdumbum19 on December 14, 2018 at 7:04 pm

    Wanted to know what best practices of accessibility are out there for pages that have an intent (logging in) and many sub tabs before it. For instance, say I have a page with a typical header, it's filled with sub links. However, the page itself is The user would have to tab through all of the header before the intent of the page of logging in. The counter thought would be, "what if the user was on the page to go thru a sub link in the header?" That said, I'm hitting a curious tension of what is the correct tabbing order. Thoughts? submitted by /u/sumdumbum19 [link] [comments […]

  • So confused with try to learn/understand Git, anyone have any tips or helpful resources?
    by /u/jester070993 on December 14, 2018 at 7:01 pm

    Currently at the stage of learning how to use git, and all the commands the come with it. The commands aren't are to remember or understand, I just have absolutely no clue how to use git for my projects. I know Git and Github are completely different, but do the overlap at all? I am so confused and the course I just took (on Treehouse) confused me even more. Does anyone have any additionally resources they can link my way? Or help clear all this confusion up for me? Can I just stick with using Github desktop for now? Which I easily understand submitted by /u/jester070993 [link] [comments […]

  • How much would it cost to build a software product like this?
    by /u/idkokay123 on December 14, 2018 at 6:58 pm

    Hey Reddit! I'm looking to build my own infographic maker web app like Venngage or Piktochart. Basically, these sites have infographic templates that let users to edit, add charts, and make their own custom infographics. Does anyone know how much it would cost (a rough estimate) to build something like that? submitted by /u/idkokay123 [link] [comments […]

  • Being a freelance web developer
    by /u/iMakeBaadChoices on December 14, 2018 at 6:48 pm

    I've been a 'freelance web developer' for some time now, I put this in quotes because while I do create websites for others/companies, it's purely been for friends and families so far. However I'd like to change that, I would like to open an actual service and advertise myself and let the world know that I'm available to make some kick ass websites. I got one more year left in college but I have a lot of free time here and there so I picked it up as a hobby but it's quickly becoming something I would probably pursue after I'm done my degree. But is it even worth it? And how would I even begin. Here's my concerns/questions. Are freelance web developers even a big thing anymore? In the world of SquareSpace, Wix, those freelance websites like Upwork, freelancer, etc, it feels like anyone can create a website so easily now and for pretty cheap How would I advertise myself? So far I've landed all my gigs since my friends and families actually know I have the ability to create websites How do I decide how much to charge? This has always been a big problem for me, I know the answer is to probably take in the hours and multiply it by whatever you want to get paid per hour, but idk if that works well for me. I think about my projects a lot and do research on how to accomplish tasks in random times, sometimes right before bed and I'm just on my phone, sometimes while on the bus, I'd just be randomly searching through stack overflow or looking for ways to improve it/facilitate their need. Do I count these? And how do I even count these? Because the time that I'm actually coding, is very little since I first like to have everything setup and thought out and then I finish the programming in a few days, sometimes hours. How do I charge or receive money? So far how it's been is either they write me a cheque or just pay me in cash when they see me since they're my friends or uncles and they always come over, but I don't think I can exactly do that with people I don't know. I assume I need a contract? How do I go about creating one of those? Again, since it's been with people I know it's been a pretty simple process, they come to me with a website they need done, I say ok sure, start building it and have it done whenever, send it to them, they ask to make some changes, I make them, and then they ask me how much I would like and I say a number. But I'm quite certain this isn't how it plays out when making it for people you don't know. These are some of my questions, I'm sure I have more but I can't think of others right now, I just don't want to waste too much time where I could be learning new things in the field of web dev or a completely different field, but if there's a chance I can create a successful freelance service and make some money on the side, I would definitely want to take the opportunity. submitted by /u/iMakeBaadChoices [link] [comments […]

  • Are Your Analytics Lying?
    on December 14, 2018 at 6:40 pm […]

  • A new logo for Unsplash
    on December 14, 2018 at 5:52 pm […]

  • I've been seeing seemingly dynamic wiggly shapes on websites lately..
    by /u/atotalpirate on December 14, 2018 at 5:23 pm

    Can anyone tell me where these animations are coming from? They seem cut from the same cloth so to speak so I'm wondering if this is an established/up and coming library for SVG animation or something. Here are a couple examples of what I mean. If anyone could point me in the right direction, that would be coo. submitted by /u/atotalpirate [link] [comments […]

  • Pixelated Gradient
    by /u/ArryPotta on December 14, 2018 at 5:20 pm

    So I'm trying to make a gradient that is made up colored divs. So something like a 24 x 14 grid of divs that are individually colored forming a gradient. Something similar to this. So I'd like it to be sort of random, but sort of specific. I'm racking my brain with a way to achieve this without brute force css styling every div. Right now I'm creating inline-block divs with JS. So they're created left to right and top to bottom. I've considered creating them with a background-color that gets randomized with an rgb value, but it's hard to make sure the far left is a random grouping of colors, and the right is a random grouping of different colors. I've considered using an overlay that simulates the gradient, but I need the individual divs to be hoverable, so that will block the mouse event. I feel like figuring out a way to create the divs top to bottom and then left to right could be a key to unlocking a solution. OR upon creation, being able to isolate certain groups of divs that aren't created in a necessary order. If there's anyone that has any creative ideas that could put me on the right path, I'd sure as hell appreciate it. edit: I'm getting close. Just need to figure out a better method to blend them. Thinking I'll have to have a section between each section that is a randomized grouping of colors from both buckets of colors. Link to the pen I'm working on. EDIT 2: It's done. Big thanks to u/Downvotes-All-Memes and u/allkill for the brainstorming ideas submitted by /u/ArryPotta [link] [comments […]

  • Video hosting best practices in a corporate environment
    by /u/besweeet on December 14, 2018 at 5:16 pm

    Generally speaking, YouTube / Dailymotion / Vimeo / etc. seem like go-to options when it comes to storing a video for it to be embedded into a corporate web page or linked for a campaign. Is it at all common to self-host a video and embed it using any working HTML5 player? And assuming you're keeping in mind compressing the video (as the resolution would be fixed), is there anything else to consider? submitted by /u/besweeet [link] [comments […]

  • Google Earth Studio
    on December 14, 2018 at 5:04 pm […]

  • Designing for Interaction Modes
    on December 14, 2018 at 5:04 pm […]