Web Development

by /u/Ren0829 on April 7, 2020 at 4:15 pm

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

by /u/1984Society on April 7, 2020 at 3:37 pm

Found a site that tried to open this link in a new tab - Anyone have a clue what it is actually attempting to do? https://mail.google.com/mail/u/0/?ogbl&sw=2&token=\[%22cftp%22,%222d39f86abc%22,%22gmail\_fe\_200325.06\_p3%22,%22ZyMrc6cBAw-rFZnvtXyj5A\\u003d\\u003d%22,%227443,6792,7609,6969,7113,7393,7634,7348,7495,7607,7569,6857,7591,7565,6821,7416,7068,7711,6804,7418,7734,6929,7189,7467,7636,7424,7642,7718,7027,7172,7720,7150,6807,7584,7158,7592,7433,7468,7465,7137,7156,7708,7030,7645,6999,7546,7407,6984,7414,7016,7602,7164,7403,7332,7500,7618,7680,7419,7236,7018,7278%22,1\]&dilte=0&mme=0&gme=1&sme=0&fbclid=IwAR3Bb\_QfWlgwzHfZkJSrPu\_1yhpRNaD4kyIPiXm5JOsgfydqJhFEjgaX1DM#label/Education ​ submitted by /u/1984Society [link] [comments]

by /u/speckz on April 7, 2020 at 3:27 pm

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

by /u/idolhunter2 on April 7, 2020 at 3:00 pm

Hey guys, Just writing a password hashing function, and since I haven't done this in a while, the last thing I've heard of is the new Argon2 hashing algorithm dethroning Bcrypt. Bcrypt was straight forward with it's cost value, but Argon2 I'm unsure a bit about. If I have the following parameters for Preemptible cloud computing kubernetes clusters with each container most likely having 1vCPU and 2GB RAM, would this be sufficient? Memory Cost (KiB): 16,384 Time Cost: 4 Parallelism: 4 These settings hash the password in around 25ms, I've been told to keep it under 50ms for servers & for users as the delay is quite noticable, and even I've experienced it just trying to test this. What would be the best settings? Deploying/Deployed on google cloud too if that helps at all? submitted by /u/idolhunter2 [link] [comments]

by /u/DoedoeBear on April 7, 2020 at 2:58 pm

Hi everyone - I'll go ahead and apologize for how stupid this question is, but I couldn't find a definitive answer in my research. I'm also not an expert web dev, and specifically specialize in privacy and cyber security. Any help is appreciated and please let me know if I should post this elsewhere. In an effort to adhere to the rules for this sub, I've parsed my question into the categories below: Context of the problem I provide a service that identifies all tracker scripts and cookies on a client's website for privacy compliance purposes. My clients need to have an agreement in place with vendors they allow to have tracking technology on their website. The thing is, almost every time, I find cookies/trackers owned by vendors that they are not aware of and surprised to see. How could cookies/trackers be present on a website without their knowledge? Research you have completed prior to requesting assistance I believe I've answered this question, but want to make sure my thinking is correct and that there are no other ways trackers/cookies could be found on a website without the website admin's knowledge. One of my clients in particular uses WordPress, and I assumed they just added a widget that included tracker scripts without their knowledge. Turns out that wasn't the case; however I imagine that's a probable cause for the placement of unknown tracking technology for other clients. Using Chrome dev tools, I found the "Request Initiator Chain" info associated with certain parts of detected URLs in the tracker scripts discovered. Looks to me like the trackers they approve of and allowed on their website initiated the trackers/cookies that they were not aware of. Problem you are attempting to solve with high specificity Are my thoughts correct on what the "Request Initiator Chain" info is showing? Are there any other ways trackers/cookies could be placed on a site without the website administrator's knowledge? Thank you! submitted by /u/DoedoeBear [link] [comments]

by Chris Geelhoed on April 7, 2020 at 2:51 pm

The design for Netflix’s browse page has remained pretty similar for a few years now. One mainstay component is the preview slider that allows users to scroll through content and hover on items to see a preview. One unique characteristic of the UI is its hover behavior. When a show preview expands on hover, the cards next to it are pushed outward so that they don’t overlap.  Like this: It’s like Bill Murray and Brad Pitt are fighting for the… Read article “How to Re-Create a Nifty Netflix Animation in CSS” The post How to Re-Create a Nifty Netflix Animation in CSS appeared first on CSS-Tricks.

by Chris Coyier on April 7, 2020 at 2:51 pm

Ahmad Shadeed digs around the new Facebook’s front-end code. One that stood out to me: .element { inset: 4px 0; /* Which is equivalent to: top: 4px, bottom: 4px, left: 0, right: 0 */ } Whaaat? This is the first I’ve heard of the inset property. Ahmad said he saw it working in Chrome 80, but it definitely isn’t for me (nor Safari). It does in Firefox though. Chrome 80 and Firefox 75 It’s shorthand for top/right/… Read article “CSS Findings From The New Facebook Design” The post CSS Findings From The New Facebook Design appeared first on CSS-Tricks.

by /u/Spect0gram on April 7, 2020 at 2:34 pm

I've recently gone mouseless. I replaced explorer.exe with far manager to make file management easier. Along with going mouseless I've had to learn how to use a browser with keyboard shortcuts. And one of things that grinds my gears is websites that have poor page layout making accessing links difficult. Some websites have no indication of what tab you're on. Other websites are so cluttered with links everywhere (Reddit is one, but they have shortcuts to make life easier). This has really helped me improve the structure of my own websites. If my own site is easy for me to use with a keyboard, chances are it's going to be easier for the visually impaired, or other users who rely on a keyboard to navigate the web. With all the free time on my hands at the moment with the virus going around I decided now would be a great time to learn to go mouseless. Give it a try 🙂 The editor included with FAR is ok, but I much prefer to replace the editor with neovim. Hope this is useful to somebody. submitted by /u/Spect0gram [link] [comments]

by /u/pedrobb7 on April 7, 2020 at 2:34 pm

I want a domain to redirect to my page. Is it necessary to get a hosting service? If so, which one is cheapest one to redirect page? submitted by /u/pedrobb7 [link] [comments]

by /u/pimterry on April 7, 2020 at 2:28 pm

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

by /u/amolkedari on April 7, 2020 at 2:22 pm

A line-height is widely used but misunderstood css property. Today, in this article, I am explaining line-height property in concise way with an example. Please do have a look. https://medium.com/@kedarisamols/best-of-line-height-2c101546cd21 submitted by /u/amolkedari [link] [comments]

by /u/Bishonen_88 on April 7, 2020 at 2:11 pm

Hi all, what would be the best approach to space UI elements so that they still look good on different resolutions? The issue I'm facing is that when I use vw/vh, the elements look good for a certain aspect ratio. As soon as someone has a 4k screen or uses a non 16:9 ratio, the elements are all over the place. Is the right approach to use em/rem, calc or something entirely different to create the layouts for divs, cards, paragraphs etc.? Thanks a bunch! submitted by /u/Bishonen_88 [link] [comments]

by /u/HIV-Shooter on April 7, 2020 at 1:38 pm

Hey guys, for my studies I have to do an heuristic evaluation and design an usability test based on what I find. The only problem is I can't seem to find a website to test. Do you have some suggestions of sites you use and don't like ux wise? submitted by /u/HIV-Shooter [link] [comments]

by /u/arup_r on April 7, 2020 at 1:23 pm

I am using jakearchibald/idb in my pwa project. I am writing a function which will either create one record or multiple records as it will be asked by its users. But I am not sure if I am handling the transactions correctly or not. Would you anyone please do a code review and help me if I am on right or wrong path. ​ export async function create(attrs) { const tx = db.transaction("projects", "readwrite"); const store = tx.objectStore("projects"); if (Array.isArray(attrs)) { attrs.forEach((attr) => tx.store.add(attr)); } else { store.add(attrs); } await tx.done; } I checked the lab and github repo , but both places handled transactions differently. So I am not sure if I wrote it right or wrong. submitted by /u/arup_r [link] [comments]

by /u/chunyukuo on April 7, 2020 at 1:17 pm

Made a photo album site. I just discovered that Safari does not support the .webp format. A qooqle search suggests that JPEG 2000 is the way to go. Is that pretty much standard? Or are there workarounds to continue using .webp files with a tweak just for Safari browsers? I ask because I'd rather not have to convert a large number of images to JPEG 2000 I update the site. submitted by /u/chunyukuo [link] [comments]

by /u/Mr_Crick84 on April 7, 2020 at 12:56 pm

Hi, So if i use the return keyword onside of a nested function which is also inside a loop (check code) how can i get this value returned to the main function? I think the reason i keep getting undefined is because nothing is being returned to the main function //This part isnt important "strict mode"; const print = (val)=>{ console.log(val); } //Here is the function function findNeedle(haystack) { haystack.forEach((elm,ind)=>{ if(elm==="needle"){ print("yep this works mate") //this part just shows me that the if() is working return `found the needle at position ${ind}` } }) print("This also works") //Shows that a value can be returned and it prints } let arr = ['hay', 'junk', 'hay', 'hay', 'moreJunk', 'needle', 'randomJunk']; print(findNeedle(arr)) ​ Does anyone know why? Which topic should i look into about this? submitted by /u/Mr_Crick84 [link] [comments]

by /u/sean_mcp on April 7, 2020 at 12:54 pm

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

by /u/7783597757 on April 7, 2020 at 11:47 am

Hi there! I'm talking about producing MVPs and also providing value in general. Please assume for example 2 years of experience with a particular language/framework. Imagine a project that has various CRUD functionalities, some business logic, basically a generic web app. Let's say it would take around 2 weeks to build it for a single person who does 12 hours of coding every single day. Please debate on the following topics: Which programming language and its framework is fastest to either create APIs for SPAs? Which programming language and its framework is fastest to create old school style websites - where the app itself renders the html. Which JS framework is fastest to create frontends with? Thank you for your input! submitted by /u/7783597757 [link] [comments]

by /u/Vinsmokesnj on April 7, 2020 at 11:00 am

i know that they build the structure with html, css and JS but how do they manage the store, are they using 3rd parties management systems or? submitted by /u/Vinsmokesnj [link] [comments]

by /u/SuperSaiyan1010 on April 7, 2020 at 10:05 am

Including free credit (Azure? Google Cloud?), what would you say was the easiest to set up your Node.js web app (using a MERN stack right now) while being the cheapest for the money? Which one have you used and what was your experience with it? ​ Here's what I have so far: ​ --> Large companies like Azure and Google Cloud with the free tier are really cheap but they're a bit difficult to set up In the long run, they will be great if your start up gets a lot of success, but in the beginning, using their platforms takes some time to read the documents (though I found Azure's to be a bit easy) They also provide comprehensive services (included custom domain name hosting as well) --> PaaS like Heroku are easy but they easily cost $7 per month for the basic plan But, for each item, you have to pay another website, so, at least from what I have garnered, for each extra service your app uses, you have to pay another site as, unlike Azure/GCloud, not everything comes inside it The big plus side is it's really easy to set up and developer friendly ​ Feel free to strike me out on some of those points above, this is just what I have so far submitted by /u/SuperSaiyan1010 [link] [comments]

by /u/Takeoded on April 7, 2020 at 9:21 am

1, Firefox: per the documentation at https://developer.mozilla.org/en-US/docs/Web/API/Document/readyState , readyState can have 1 of 3 values, "loading" and "interactive" and "complete", but given the code: <iframe id="buggy" src="same_domain_somewhere" /> <script> console.log(document.querySelector("#buggy").contentWindow.document.readyState); </script> firefox will print the value "uninitialized" instead of 1 of the 3 documented values, is that a bug? 2, Chrome: when the iframe points to a page that loads content with the header Content-Type: text/plain; charset=UTF-8, and the iframe content is loaded from cache, chrome will set the iframe's contentWindow.document.readyState to complete prematurely, before contentWindow.document.body.textContent is populated, so given the code: <iframe id="buggy" src="same_domain_somewhere" /> <script> console.log(document.querySelector("#buggy").contentWindow.document.readyState); console.log(document.querySelector("#buggy").contentWindow.document.body.textContent); setTimeout(function(){console.log(document.querySelector("#buggy").contentWindow.document.body.textContent); },100); </script> chrome may print "complete" and empty string, and 100 milliseconds later, it will print the real content of textContent, in other words: chrome set the iframe's readyState to "complete" prematurely. is that a chrome bug? can someone confirm? submitted by /u/Takeoded [link] [comments]

by Mary Lou on April 7, 2020 at 9:06 am

A rapid animation of multiple layers of images for intros or page transitions. Rapid Image Layers Animation was written by Mary Lou and published on Codrops.

by /u/spite77 on April 7, 2020 at 8:14 am

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

by /u/topthreads on April 7, 2020 at 7:49 am

There was this post on indiehackers from user Amin Memon that i think deserves a place here too: Hello IH, I have come across lots of post on IH where founders ask for websites providing free Illustrations resources. There are lots of free illustrations resources available on the internet. I have curated a list of all these resources with a mini-review about each of them. Here is the link to google sheet:-https://docs.google.com/spreadsheets/d/1VCiYme6JTQ5nF7u7z0-V5n8uWnXNslyTVHSDVqqYCFc/edit?usp=sharing What do think about it? Also, let me know if there is any resource that I have missed that you think should be on the list. submitted by /u/topthreads [link] [comments]

by /u/alexho66 on April 7, 2020 at 7:49 am

I wanted to try to write more cleaner code and I love the concept of Laravel, but when I try to learn it, I feek a bit lost and like the teacher is some kind of alien. I’m okay with PHP and JS. So, do I have to learn something specific before starting? Or is it normal to feel lost in the beginning? Should I just get better at PHP? Start at a simpler framework? submitted by /u/alexho66 [link] [comments]