• Breaking News

    Tuesday, November 26, 2019

    Home Unlabelled 2019 State of JS Survey web developers

    2019 State of JS Survey web developers

    November 26, 2019

    2019 State of JS Survey web developers

    2019 State of JS Survey

    Posted: 26 Nov 2019 07:20 AM PST

    Introducing Bootstrap Icons

    Posted: 26 Nov 2019 10:15 AM PST

    Bootstrap 4.4 has been released! ��

    Posted: 26 Nov 2019 09:55 AM PST

    What is the proper procedure to help user reset their password

    Posted: 26 Nov 2019 10:04 AM PST

    Users on my site have the ability to reset their password all online, just like you would with any other site. Unfortunately every now and then I get very "not-tech" savvy user that can't figure things out via the provided password reset procedure.

    What would be a industry standard procedure when it comes to helping such users with their passwords? Do they just call in, admins verify that they are who they are via alternate means and admins put in a new password on the account?

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

    WSL 2 changed my mind about development in Windows

    Posted: 26 Nov 2019 01:54 AM PST

    I have used Linux for 2 years as my everyday system. Reason why I moved from Windows was development - I am a backend developer and it was a lot more convinient to do in Linux system: handy terminal, centralised updates via repositories, everything can be configured with text files instead of GUI, things like Docker and Ansible were much easier to install.

    But there were some issues, that I had in Linux: some problems with drivers, lack of Microsoft Office and not really good experience with touchscreen (I have tried Gnome, KDE and XFCE. In Gnome it was not bad, but not nearly as good as in Windows). When I have read an article about WSL2 available in Windows Insider, I decided to give it a try.

    It feels really like a native Linux system and the most important thing is, it is really good integrated with Windows. The best example of this integration is VSCode: I can debug my code there, which actually runs in WSL. I don't have to install anything related to programming in Windows anymore. It is really cool: I can take the best things both from Linux(terminal, repositories, DevOps software) and from Windows(office, UX, good driver support). What do you think about WSL and are there people who enjoy it like me?

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

    fed up with both Godaddy and Namecheap, who is the best choice in late 2019 to finally rid myself of their stress

    Posted: 26 Nov 2019 03:25 PM PST

    I've been with GoDaddy and Namecheap for over a decade, and they both have their pluses and minuses, and I ended up ditching GoDaddy completely about a year ago and stuck with Namecheap, but one too many screw ups and I'm done with them too now.

    So, now, going into 2020, what is the best choice these days instead of those 2 for domains? I am looking to move about a dozen domains over, so price is a concern

    thank you

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

    Scaling SVG Elements

    Posted: 26 Nov 2019 05:04 AM PST

    Desire to return to web development after 10 years. Advice?

    Posted: 26 Nov 2019 12:58 PM PST

    Hey all, I graduated in 07 with an IS degree, and a minor in CS. I worked as a web applications developer for an accounting firm for a year. .Net 2.0 era. This was well before "full stack" was a term, but I was doing relational DB design and creation in MS SQL Server, the business layer in Visual Basic, and view layer in HTML, CSS, and some JavaScript. I owned the full life cycle for several internal apps and one external app.

    Then 10 years ago I shifted courses and joined Teach For America as a math teacher and now work as an assistant principal. I've got a family now and as I consider the next stage of my career, I want to return to my first love of coding. I have been brushing up using sites like freeCodeCamp and the Odin project, random YouTube videos, & lurking here.

    My question is, are there any cant-miss resources/podcasts/videos/courses I should know about for people who aren't BRAND new to the foundational concepts, but want to get current on the tools, philosophies, and frameworks?

    I also don't know what level of job I should be applying for. Junior? Mid? Senior? I'm a quick learner with a wide scope of experiences and understanding, but I also recognize that there will be a learning curve to build my confidence in the current methods. Eventually I would enjoy leading a team of developers, but I feel like I need to ground myself in it again first & gain experience coding within a team environment.

    Any general advice from anyone else who took a long hiatus and successfully returned?

    Here is a link to my portfolio, and I would also appreciate any feedback or advice here as well. Don't hold back, I'm sure I've got plenty of blindspots.

    https://portfolio.andycamann.com

    Thanks in advance & happy Thanksgiving! -Andy

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

    I launched JS TL;DR app - zen mode documentation of the language essentials

    Posted: 26 Nov 2019 05:36 AM PST

    URL routing on "serverless" sites?

    Posted: 26 Nov 2019 02:27 PM PST

    Hey everyone,

    I'm trying to grow out of a long, long history with PHP and expand my skills a bit. I've always been interesting in serverless setups, hosting full sites/apps on a CDN like Netlify or Cloudflare.

    I have a project I feel could be a good candidate for it, but one thing is alluding me so far: I can't seem to find the equivalent to an Apache [PT] (Pass Through) redirect.

    I have a few static pages/routes, like /product, /category, /checkout, and I have a 3rd party JS script similar to Snipcart that runs on these pages, parses the URL, and fetches data from an API. So /product/sku1 would route to /product with the URL intact via a [PT] redirect rule, and the JS file would grab "sku1" and do it's magic.

    Can anyone point me in the direction of what I'm looking for outside of PHP and Apache? I realize that answer is likely based off the stack I'm using, but at this point, I'd be happy to hear any and all solutions you know of, so i can research and learn more about them.

    Much appreciated.

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

    This may seem silly, but are there any developers that mentor people?

    Posted: 26 Nov 2019 01:27 PM PST

    Why are my fonts being fetched twice?

    Posted: 26 Nov 2019 09:00 AM PST

    It's time for another controversial post: Semantics and Separation of Concerns

    Posted: 26 Nov 2019 11:55 AM PST

    A way to translate mouseenter / mouseleave for mobile and touch devices?

    Posted: 26 Nov 2019 02:46 PM PST

    Thanks ahead if anyone can help!

    Im working on a wordpress site where the background is a video but when you hover over an element an overlay appears over it. it works fine but i am using mouseenter and mouseleave. Is there way to make this work the same but with touching the element?

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

    AWS or Google Cloud for SQL Server instance?

    Posted: 26 Nov 2019 07:13 AM PST

    I would like to create an SQL Server instance for a small personal project on either Amazon RDS (AWS) or Cloud SQL (Google). In your experience, which one has worked the best? It would be very small amounts of data being used.

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

    Netflix Mobile Navigation Animation with CSS and JavaScript

    Posted: 26 Nov 2019 02:38 PM PST

    What should I use to scan QR codes on my web app?

    Posted: 26 Nov 2019 02:18 PM PST

    Hey there, I'm creating a website that would take input from a QR code (scanned by a phone that accesses the site via a browser), decode it and store it in a database. However, I'm not sure what I should use to actually capture the QR code and decode it. Any suggestions? Thanks!

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

    I'm not quite understanding this error message that PostCSS/Webpack is giving me. Can you guys help?

    Posted: 26 Nov 2019 02:14 PM PST

    So I was attempting to add PostCSS to my pre-existing project using Sass with Webpack when I encountered this error. I am very sorry if this question is vague or if there is not enough information provided, but I will supply any additional information needed for debugging if I am asked. I would like to fix this myself, however, I am completely ignorant when it comes to using PostCSS. This is a first for me, so I apologize once again if my explanations are inadequate. I don't exactly understand what is broken or where it is broken which is why I'm asking for community assistance here! I guess I will just leave my webpack.config.js & postcss.config.js files here along with the output errors I logged when building my application with Webpack.

    Webpack Config. File Can Be Found Here

    PostCSS Config. File Can Be Found Here

    Logged Error Output Can Be Found Here

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

    Can't tell if my self-doubt is justified or not

    Posted: 26 Nov 2019 02:08 PM PST

    I have just taken on a freelance job - it starts up on Friday. I have done little to no web dev in the past, though I have a fait bit of Android Java experience.

    The proof of concept for the application has already been built out, it is a blockchain-based (I have no experience with this) SaaS application written in Javascript (Oracle JET, Node, as well as all the usual libraries [with which I have no experience] Jquery, Express, ...). It sits on a well-known cloud platform and uses the full suite of tools. My job will be to bring it to the production-ready stage. This means adding tonnes of new features, hooking up APIs, improving the UI, creating login, and managing the application through the cloud platform.

    This work all needs to be ready for testing by the end of January and ready for production by the end of March, so not a super long time.

    I can't tell if I've bitten off more than I can chew, or if this is normal self-doubt. Should I turn this one down and instead try and up-skill myself on personal web-dev projects so Im ready for the next one. Or should I just take it on? I'm a hard worker and find solutions through my hard work. The code that has already been written for the proof of concept is pretty complex and Im finding it hard to understand it though.

    Would love to hear your thoughts/personal experience..

    Thanks :)

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

    Looking to customise Woocommerce product pages without using plugins

    Posted: 26 Nov 2019 02:00 PM PST

    I'm working on a site that's using Woocommerce and I need to rearrange the content on the product page. In short, I need the product description and title to sit on the left, the product image in the middle and then the price and add to basket button on the right hand side.

    I'm trying to find out the best way to do this, I've done some googling and, much like with every Wordpress issue, many of the replies are saying to just use a plugin but obviously I want to avoid doing this.

    Is it best to just use Woocommerce hooks to rearrange this content? Or is there something that will give me more flexibility in adding new container divs etc to customise the page a bit easier?

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

    (unsolved) PHP mailer successfully sends an e-mail, but has no content

    Posted: 26 Nov 2019 01:20 PM PST

    Dear WebDevs,

    Thanks again for solving my last issue in making a login page. Unfortunately since I incorporated server level directory password for my website, the PHP mailer sends empty messages with the correct subject.

    For the login feature I cascaded my website:

    Home

    • logs
    • public_html
      • index.html (contains a button to redirect to public_website/index.html
      • public_website (needs credentials)
        • index.html
        • mail - contains contact.php

    ​

    contact.php:

    <?php // Only process POST requests. if ($_SERVER["REQUEST_METHOD"] == "POST") { // Get the form fields and remove whitespace. $name = strip_tags(trim($_POST["name"])); $name = str_replace(array("\r","\n"),array(" "," "),$name); $email = filter_var(trim($_POST["email"]), FILTER_SANITIZE_EMAIL); $message = trim($_POST["message"]); // Check that data was sent to the mailer. if ( empty($name) OR empty($message) OR !filter_var($email, FILTER_VALIDATE_EMAIL)) { // Set a 400 (bad request) response code and exit. http_response_code(400); echo "Sorry! There was a problem with your submission. Please complete the form and try again."; exit; } // Build the email content. $email_content = "Name: $name\n"; $email_content .= "E-mail: $email\n\n"; $email_content .= "Message:\n$message\n\n"; // Set the recipient email address. // FIXME: Update this to your desired email address. $recipient = "MYEMAIL@domainofwebsite.com"; // Set the email subject. $subject = "ONLINE.PORTFOLIO.EMAIL from $name"; // Build the email headers. $email_headers = "From: $name <$email>"; // Send the email. if (mail($recipient, $subject, $email_content, $email_headers)) { // Set a 200 (okay) response code. http_response_code(200); echo "Thank You! Your message has been e-mailed to me. I will respond within 1 week."; } else { // Set a 500 (internal server error) response code. http_response_code(500); echo "Sorry! Something went wrong and I have no clue where your message went."; } } else { // Not a POST request, set a 403 (forbidden) response code. http_response_code(403); echo "There was a problem with your submission, please try again, and again, and again..."; } ?>

    contact div in public_website/index.html:

    <div class="col-xs-12 col-md-10 col-md-offset-1"> <form id="contact-form" method="post" action="mail/contact.php"> <div class="col-sm-6"> <input type="text" name="name" id="name" class="input-field" required="required" placeholder="Your Name"> <span class="name-error text-center mb-30"></span> </div> <div class="col-sm-6"> <input type="email" name="email" id="email" class="input-field" required="required" placeholder="Your Email"> <span class="email-error text-center mb-30"></span> </div> <div class="col-xs-12"> <textarea name="message" id="message" class="input-field" required="required" placeholder="Message"></textarea> <span class="message-error text-center mb-30"></span> </div> <div id="form-message" class="error mb-30 text-center"></div> <button type="submit" class="effect submit-btn">Send E-mail</button> </form> </div>

    the product of hitting the submit button is:

    • received e-mail on my e-mail address
    • contains the correct subject: <ONLINE.PORTFOLIO.EMAIL from <NAME>
    • without any content, no name, email or message
    • no error logs on the server

    ​

    I could not try a solution from a similar directory restructure problem from Rg_RANDROID in this post. The server left an error log saying the else statement was unexpected.

    if (isset($_POST['submit'])){ if (empty($subject) || (empty($message)){ } else{ header("Location: contact.php?submit=error"); }

    Does anybody see some obvious reason why? Does my PHP mailer need login credentials maybe? It does not make any sense sending an e-mail successfully but leave the content behind..

    Thanks in advance!

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

    How is the current IKEA website carousel arrow onclick "bob" achieved? No CSS class toggling of any kind.

    Posted: 26 Nov 2019 01:00 PM PST

    The one I mean is down on the product page at the carousel for related products:

    https://www.ikea.com/gb/en/p/skogsta-dining-table-acacia-70419264/

    Scroll down to "You might like" and hover the right arrow on the carousel. A background appears, easy peasy. Then, when you click, the background gives a really pleasing and subtle response animation of being pressed. There is no class or CSS changes going on. How did they achieve this effect without messing around with the element classes or anything?

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

    The importance of meetings as a Development team?

    Posted: 26 Nov 2019 12:47 PM PST

    A bit of context: I work as a Front-End Developer in a small development team of around 10 people in a small-medium sized company. We work in Kanban and Agile and have a team meeting once a week (or so they say).

    In my previous job (with a very large tech firm) we worked in Scrum and Agile, hence we had daily stand-ups and Retrospectives with our SM and PO once a week too. Through this, I found that there was a lot of transparency within the team, in terms of everybody knew what each other were doing and of course there was A LOT of opportunity to raise any issues/blockers.

    However, in my current team we meet around once a month (if that?) and I kinda find myself not knowing what ANYBODY is doing unless I overhear from a conversation they're having or through an email. This also means that as a Junior Developer (me), I could pretty much sit around and do nothing, and nobody will even know? I'm not saying I would do that, I'm just illustrating the lack of transparency within the team.

    I talked about this with another developer and he mentioned how it's not really important for a team of our scale and how I'm pretty much asking to be baby-sat/watched like a child if I want to meet every day or even week.

    So idk Reddit, is this normal or am I just overthinking the whole situation?

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

    How to stream a file from Amazon S3 to the client using Express?

    Posted: 26 Nov 2019 11:10 AM PST

    Hi, I am creating an application that stores mp3 files in Amazon S3 and streams then whenthe the user asks to do it via the client.

    I tried downloading the file and then streaming it using something like mediaserver and it worked properly, however I would like to avoid downloading the file to the disk and just stream it directly from S3 if possible.

    Checking some other solutions online I came across this one that pipes the stream directly to the client

    function getStream(name, key){ let s3 = new AWS.S3(); let params = {Bucket: name , Key: key }; let readStream= s3.getObject(params).createReadStream(); return readStream } app.get('/', (req, res)=>{ let readStream= getStream('mybucket','myfile.mp3') // When the stream is done being read, end the response readStream.on('close', () => { res.end() }) readStream.pipe(res); });

    This one worked, but came with the issue that I was not able to play the mp3 at an specific minute (so for example playing the audio at minute 1:28 was not possible, I had to wait for that minute to come and after it passed I could not play it back until I reloaded the page).

    Is there a better solution for this?

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

    I've got some question about web fonts. Do you have the answers? (I'm trying to write some javascript that detects what unicode characters have been rendered.)

    Posted: 26 Nov 2019 10:49 AM PST

    I've got some question about web fonts. Do you have the answers? (I'm trying to write some javascript that detects what unicode characters have been rendered.)

    I thought I knew all I needed to know about fonts. But it turned out, i don't.

    What I've done so far is downloaded a font file — AdobeBlank.ttf — it does what it sounds like. It's contains every single code point and has a blank zero width (i think) character instead of a real one.

    So far I've built a thing that iterates through unicode characters and builds a table, one cell for however the character is meant to render normally, and cell renders with the following css:

    @font-face { font-family: 'Blank'; src:url('~assets/fonts/AdobeBlank.ttf') format('truetype'); } .testfont { font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, serif, fantasy, cursive, monospace, initial, "Blank" }

    The idea is that it checks for every font and then only if none of them apply does it render the blank font, then I'd use javascript to detect if the text has no width, which would mean the character hasn't been rendered. So far, all the characters that don't render in my browser show the normal fallback little square thing in the first cell, and blank in the second cell. But the same is true for some characters that render fine.

    A screenshot of the table, on the left are the glyphs with no css applied, on the right they have the css class .testfont — notice the blank spaces even when the font has been rendered.

    So what's going on!? To me this suggests the browser is using the "blank" font before checking some other default system font.

    So here are my questions, that could help answer my conundrum, any help would be highly appreciated.

    What happens if there is no specified font availble for a character?

    Do browsers come shipped with fonts built in?

    Can you use javascript to check which font a text node is rendered in?

    Am I missing something really obvious?

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

    No comments:

    Post a Comment