• Breaking News

    Sunday, September 27, 2020

    Home Unlabelled I made a simple site for finding and copying symbols (ex: α, β, γ) easily web developers

    I made a simple site for finding and copying symbols (ex: α, β, γ) easily web developers

    September 27, 2020

    I made a simple site for finding and copying symbols (ex: α, β, γ) easily web developers

    I made a simple site for finding and copying symbols (ex: α, β, γ) easily

    Posted: 27 Sep 2020 11:13 AM PDT

    A bit of context first:

    While doing assignments even though most of the time I could find the required symbol sometimes I just couldn't find some symbols in MS word. So I had to google and copy that in MS word which was frustrating. At that time I couldn't find any site which was specifically for finding these symbols. So I made a site where these can be found easily. Now I know very little about web development and recently started learning basic web development just out of curiosity. JS was quite difficult for me and most of the JS I used are from stackoverflow.

    How to search?

    Let's say you want to find ± symbol. You can either search using the exact term plus minus or just the first 2 letters of the word pm. Then just click on the symbol and it will be automatically copied to the clipboard.

    Live site: https://symbol-search.netlify.app/

    Github repo: https://github.com/farhan2077/symbol_search

    Any kind of feedback/ suggestion is appreciated. Thanks!

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

    Switching from Factory Worker to Freelance Developer at 50 Years of Age

    Posted: 27 Sep 2020 02:28 PM PDT

    Anyone who kept going on the engineering manager path and regretted it?

    Posted: 27 Sep 2020 09:51 AM PDT

    A little career synopsis about me to set the context. Graduated with a CS degree at age 23. Started at a junior developer role and worked my way up to senior at age 29.

    At age 32, I was "drafted" into a technical lead role. The project I was on was in big trouble and the PM was desperate. They fired the previous lead and they couldn't find a replacement. I had a reputation as not only a decent developer but the soft skills too. I got along well with the PMs and BAs and the client and I was well-spoken and had good written communication skills. They gave me a pay raise and at the time, getting more power and authority was something interesting so I took it.

    Things rocked between 32-35 until the company I worked for got acquired and the big corporate boys stepped in. I left the company and with leadership experience, I began getting interests for equivalent or even higher positions.

    Since age 35, I've becoming more and more unhappy at work. Some of it is due to the changing nature of the business climate but more so, it has to do with me becoming the middle manager in an organization.

    Although I am still knowledgeable tech-wise, I am no longer hands on as I have developers on the team who do that. Neither do I have the authority to make grand strategic decisions like people in upper management. I'm the guy who has to connect the top levels of the company to the frontline people doing the work and carry out their orders, no matter how ridiculous the timeline or how badly setup the idea is.

    Most of my time is babysitting developers to ensure the overall solution works and the other time is escalating and convincing upper management we need X, Y or Z.

    I am told I am "indispensable" and I am generally well-respected by both my direct reports and my superiors but my job satisfaction has plummeted.

    It is an exhausting, thankless role, especially from someone who is introverted and has perfectionist tendencies. I am exhausted after an 8 hour workday whereas before, I could spend 11 hours coding per day and felt normal. I had a checklist of tasks I needed to get done and it felt satisfying to get them done.

    Thing is, it's been 6 years since I've been in a managerial/tech leadership position. My technical know-how will eventually deterioriate and I am only 38 years old. I still have a long way to go. Is it too early to get stuck into the middle management trap and should I escape before I'm a 50 year old truly useless middle manager?

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

    How to make similar drag & drop animation?

    Posted: 27 Sep 2020 01:53 PM PDT

    First, check out this super cool design !!

    https://www.m-o-l-l-y.com/design

    Where do I begin with recreating a similar style animation? I found a dnd library by Shopify but it's more for lists and sort of gamified. Not sure how to implement this for simple pictures.

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

    Is it possible to send requests from the server to the client?

    Posted: 27 Sep 2020 06:25 AM PDT

    Hi,

    I'm wondering how webapplications update for example notifications without the user having to reload the page.

    The only way I can imagine is having some js in the frontend doing requests every minute or so to an endpoint. Is this the way this stuff works or are there other ways for the backend to inform the frontend about a change?

    ​

    I'm using php for my backend and plain js/jquery for frontend.

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

    the UI of Buffer sucks, so I'm building a twitter twin to draft threads & schedule them more easily

    Posted: 26 Sep 2020 10:21 PM PDT

    First time deploying to AWS and completely lost.

    Posted: 27 Sep 2020 11:53 AM PDT

    I normally use Heroku but I was wanting to learn AWS so I thought I would deploy my MERN stack application there. Now AWS seems way more convoluted than Heroku but this tutorial almost got me there. I am on Windows so I am using Putty as my SSH to connect to my EC2 instance. I got all the files in there but I think the issue might be with my proxies. So first off here is my frontend and backend repositories. On my local host the way I connected the stacks was with this line in my package file: "proxy": "http://localhost:5000", I think this is the difference between my project and the tutorials as he has all sorts of files for the frontend and Nginx steps.

    The error I get when I go to my Public IPv4 DNS is 500 Internal Server Error. Now in the tutorial before I did the Nginx step it said "welcome to server" and it was running the default Amazon code.

    If anyone could help thank you very much!

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

    Can someone give a brief explanation of how subdomains work?

    Posted: 27 Sep 2020 07:55 AM PDT

    Hi all! I'm relatively new to web development but I have managed to make a pretty nice portfolio website and host it on a dedicated Linux server (arch) at home. For a new project I would like to make a subdomain (newproject.mywebsite.com) but I can't seem to find a straight guide online.

    What are the basics of setting up a subdomain that is accessible for everyone on the internet? (Do I register somewhere? How is the source code and file folders organized when working with subdomains?). Any basic overview to get me started would be greatly appreciated! Thanks!

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

    a huge project cost?

    Posted: 27 Sep 2020 12:40 PM PDT

    a client asked me to build a big project which is for teaching courses online ( Like Udacity ) and contain:

    - a home page.

    - a forum

    - payement methods.

    - a blog.

    - other pages which contain documents to read online.

    Here and example of the website he wants: https://age-of-peace.com/

    ​

    How much a website like that will cost? for a front-end developer and back end developer?

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

    Programmer Happiness Isn't About Programmers - Debunking a widely misconceived myth

    Posted: 27 Sep 2020 02:01 PM PDT

    Begginer here- Whats best for website hosting? Firebase, github or another? And where can i buy or get a custom domain with the name i want?

    Posted: 27 Sep 2020 11:28 AM PDT

    Hi there!

    Going to deploy my first website and i am trying to find the best and basic hosting service.

    I watched videos about git hub host, firebase host and anothers and i cant decide what to choose.

    And about custom domains? How can i make a custom domain with the name of my website?

    Any help for a begginer here?

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

    Little website revamp for a small game dev team

    Posted: 27 Sep 2020 01:10 PM PDT

    I decided to revamp the old website for Pie On A Plate Productions, I'm no designer but I figured It'd be a nice project to code up and practice some front end! I would definitely love some feedback on it and any bugs/weird things y'all see on it!

    Old website for PPP: https://www.pieonaplateproductions.com

    My version: https://pie-on-a-plate-productions-website-revamp.netlify.app/#/

    GitHub repo: https://github.com/Goob-hub/PPP_Revamp

    submitted by /u/OOF-stars
    [link] [comments]

    Why can i do this with JQuery but not with vanilla javascript?

    Posted: 27 Sep 2020 04:44 PM PDT

    So I was using the bootstrap carousel but instead of images i put some p tags in as items. I wanted the carousel to not have dynamic height as per the active item. I wanted the height to always be equal to the height of the tallest item in the carousel. Bootstrap doesnt provide this out of box so i decided to write javascript to do this.

    ​

    I found this JQuery code online to do this

    var heights = []; $('.carousel-item').each(function() { heights.push($(this).height()); }); $('.carousel-item').height(Math.max(...heights));

    and yes it worked.

    ​

    So i decided to convert this JQuery code to vanilla javascript. but i just couldnt get heights of all the items.

     var heights = []; document.querySelectorAll('.carousel-item').forEach((el) => { console.log(el.style.height); // prints <empty string> for all items console.log(window.getComputedStyle(el).getPropertyValue("height")); // prints 299.px for first(display: block) item and auto for all other items(display: none) });

    so i had to write this big javascript code

    function setHeights() { var heights = []; document.querySelectorAll('.carousel-item').forEach((el) => { if(el.style.display!="block"){ el.style.display = "block"; //set display of undisplayed items to block heights.push(parseFloat(window.getComputedStyle(el).getPropertyValue("height").replace("px", ""))); // get the height and append in list el.style.removeProperty("display") // remove the inline display property } else{ heights.push(parseFloat(window.getComputedStyle(el).getPropertyValue("height").replace("px", ""))); } }); document.querySelectorAll('.carousel-item').forEach((el) => { el.style.height = Math.max(...heights).toString() + "px" }); } window.addEventListener("load", setHeights);

    and then it worked.

    My question is why is it so straightforward in JQuery and so wierd in javascript? I keep reading a lot about how most of the features that JQuery is widely used for have been added to vanilla js and we dont need to use JQuery anymore. Is JQuery also doing the same thing in the background? Is there a better way to do it using vanilla javascript?

    ​

    Sorry if this is a stupid question. I am not a big javascript guy.

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

    Fast & Simple Alternative To WordPress

    Posted: 27 Sep 2020 04:17 PM PDT

    Can anyone recommend a lightweight and fast alternative to wordpress? I'm building a simple business site that just needs a blog for SEO purposes. I should really get this site built ASAP.

    The web developer part of my brain that hates WordPress wants to use a headless CMS like Ghost and use react and gatsby so I can try using Ghost/JAM stack for the first time. Time isn't on my side with this one though, and it is literally just a simple site for local SEO purposes.

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

    Can someone help me troubleshoot my HTML/CSS homework?

    Posted: 27 Sep 2020 03:32 PM PDT

    I'm a bit confused because I am pretty sure i followed the book word by word and i keep checking the code in the book and mine and they seem identical? However Im ending up with different results.

    Can't seem to get the header to go above the body text instead of as an overlay and im not sure what's going on. I've run both files through validators and they both say there are no issues.

    ​

    HTML Code as follows:

    <!DOCTYPE html>

    <html lang="en">

    <head>

    <title>Lakeland Reeds Bed &amp; Breakfast - About Us</title>

    <!--

    Lakeland Reeds Bed & Breakfast - About Us

    Filename: aboutus.html

    ​

    Author:

    Date:

    HTML5 and CSS3 Illustrated Unit D, Lessons

    -->

    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width">

    <script src="modernizr.custom.62074.js"></script>

    <link rel="stylesheet" href="styles.css">

    </head>

    <body>

    <div class="container">

    <header>

    <h1>Lakeland Reeds<br>Bed &amp; Breakfast</h1>

    </header>

    <article>

    <h2>About Us</h2>

    <p>Lakeland Reeds is an ideal place to unplug from your daily routine, whether on the shore of Twin Lakes watching the sunset over the cattails, or just curled up in a hammock on our wraparound porch with a good book. Breakfast is ready whenever you are, and we&rsquo;re happy to accommodate a wide range of appetites, from comfort food, like sausage and biscuits, to the lighter end of things, such as egg white omelettes and fresh fruit.</p>

    <p>We&rsquo;re here to help you get the most out of your time with us, from canoes and life vests for a day out on the lake, to popcorn and a DVD of The Wizard of Oz for a quiet evening in. We look forward to welcoming you!</p>

    </article>

    <aside>

    <p>&ldquo;What a weekend! Lakeland Reeds was the perfect place to get away from the hubbub of the city. I&rsquo;ll be back as often as I can get away.&rdquo;

    </aside>

    <footer>

    <p class="accent">Philip Blaine, Proprietor</p>

    <p>45 Marsh Grass Ln. &bull; Marble, MN 55764 &bull; (218) 555-5253</p>

    </footer>

    </div>

    </body>

    </html>

    ​

    CSS as follows:

    /* Reset styles */

    article, body, div, footer, header, h1, h2, p {

    border: 0; padding: 0; margin: 0;

    }

    ​

    /* body and page container */

    ​

    .container {

    max-width: 640px; margin: 0 auto; background-color: beige; position: relative; top: 6.2em;

    }

    ​

    /* headings */

    header {

    width: 100%; max-width: 640px; position: fixed;

    background-color: darkgreen;

    }

    ​

    h1 {

    padding: 0.4em;

    color: white;

    text-align: center;

    }

    ​

    h2 {

    padding: 0.4em 0.6em;

    }

    ​

    /* main content */

    article {

    width: 70%; float: right;

    }

    ​

    article p { 

    padding: 0 1em 1em;

    }

    ​

    ​

    /* sidebar */

    aside {

    width: 30%; padding: 1em 0;

    background-color: goldenrod;

    }

    ​

    aside p {

    padding: 0.4em 0; margin: 0 0.6em; border-bottom: 1px solid black; border-top: 1px solid black;

    }

    ​

    /* footer section */

    footer {

    padding: 0.6em;

    color: white;

    background-color: darkgreen;

    text-align: center;

    clear: right;

    }

    ​

    footer p { 

    margin: 0.4em;

    }

    ​

    footer p.accent {

    color: goldenrod;

    }

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

    Something better than Wordpress.

    Posted: 27 Sep 2020 01:57 AM PDT

    My wife is a writer who blogs on WordPress.

    I am a developer that has convinced his wife to write on a better platform.

    I know Django and Vue but haven't ever needed to build a blog for someone.

    I am looking for suggestions on blog frameworks that would be easy for my wife to use, she is non-technical and she doesn't know markdown. Since I will now be maintaining it, I would love for this task to be pretty simple. I don't want to have to redeploy the website every time she writes a new article.

    I'm thinking this would be a Jamstack cms with batteries included for easy automatic deployments using something like Netlify.

    Am I aiming in the right direction or do you have better suggestions taking into consideration my background?

    ​

    Update: I've narrowed down my search a little bit to netlify-cms and ghost. Both are headless cms solutions. I really like netlify-cms because it can be used as a "tool for content editors to make commits to your site repository without touching code or learning Git" Just trying to decide now. Might have to try them both out.

    ​

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

    Using Select2 4.0.1, How do I disable minimum Characters requirement and make the field act like a typical dropdown?

    Posted: 27 Sep 2020 08:23 AM PDT

    Is anyone using code from design tools in their workflow?

    Posted: 27 Sep 2020 04:18 AM PDT

    I'm project manager for a new SaaS product in my company. We have to ship it really quickly so I'm looking for ways to speed up the process from design to finished page (we're using react).

    Since, most of the modern design tools today have same way of outputting code for the designed screens (be it css or android xml) I'm thinking of using this to maybe speed up the development.

    We have 5 devs out of which 2 work on the frontend react part. They're not very excited about this idea since anything like this hasn't worked out in past.

    I'm wondering if someone has worked with the code outputted from adobe xd or figma for real world production usecase, if yes how was your experience? Would love to know about any tools in this area that can help.

    View Poll

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

    Cloudfront/s3 https redirection problem

    Posted: 27 Sep 2020 07:53 AM PDT

    Hi there,

    I've finished migrating an old zimbra server to office 365, but i'm having trouble with redirecting our old login page to the new one. Our old one is basically mail.ourcompany.com and I've got s3 redirection working to send it to http://outlook.office365.com just fine http to http, the problem is when going to https://mail.ourcompany.com instead of taking them to https://outlook.office365.com it instead takes them to https://www.outlook.office365.com which doesn't work and throws an error.

    Any ideas where my phantom www. is getting thrown into the mix? Sorry if this is a newbie question.

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

    Context API and SEO?

    Posted: 27 Sep 2020 11:38 AM PDT

    I'm using next.js and passing page data to context API which is then used in components to add content to the html tags. Just wondering, Is this likely to hinder SEO? I can't imagine any other way of making websites with SEO without using context API so im hoping not but I'm suspecting it will

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

    No comments:

    Post a Comment