• Breaking News

    Sunday, May 9, 2021

    Home Unlabelled Building a React color picker web developers

    Building a React color picker web developers

    May 09, 2021

    Building a React color picker web developers

    Building a React color picker

    Posted: 09 May 2021 07:43 AM PDT

    Help to know the budget to develop a web page

    Posted: 09 May 2021 09:49 AM PDT

    Hey! So I'm a recently graduated programmer and I'm getting the chance to develop a web page but i don't know what it would be the right price to charge, whether it is for hour or for project. The web page would be a main page with an about us , a contact us page and a bot page. This last one is the most complicated one. It's a bot that gets words from users and responds with an art piece corresponding. It's the first project I'll be doing as a freelancer and i have 0 idea to what to charge for it.

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

    I made a game where you guess the website

    Posted: 08 May 2021 05:49 PM PDT

    Looking for good Grammar checking API service

    Posted: 09 May 2021 12:26 PM PDT

    Hi guys, anyone know of a good Grammar checking API with decent free-tier for development purposes? So far I've tried GrammarBot and am looking to try out a few others before deciding on the best one.

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

    How can I block someone from hotlinking to my images when they block Referer header?

    Posted: 09 May 2021 10:06 AM PDT

    I have a couple of sites hotlinking to a large set of images on my website but I can't seem to block this because there's no Referer header included in those requests. Most tutorials I've seen about how to block this have to do with using the value from the Referer header to block the request if they're from a domain you don't want to have access. What are my options if such header isn't provided?

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

    When you should abstract away code to a new component?

    Posted: 09 May 2021 08:12 AM PDT

    Basically - when should you include additional UI in the same component, and when should you create a dedicated component?

    Here is some of my code for example:

    http://jsfiddle.net/tns8eLg3/

    Now, would it be better to abstract away the header to a new component so it looks like that?

    http://jsfiddle.net/tns8eLg3/1/

    I am leaning towards the second solution, but that means I have to account for another element (the :host) and 4 more files (.html, .sccs, .ts and .spec.ts).

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

    Technical Debt Isn’t All Bad (Usually)

    Posted: 09 May 2021 02:05 PM PDT

    I made a notes app for learning angular and ngrx

    Posted: 09 May 2021 01:34 AM PDT

    I created a notes app for learning angular, ngrx, CSS grids and flexbox. This application is designed only for desktop web and not for mobile. I wanted to post this on LinkedIn, but since many people will be using linkedin through mobile I thought this will cause bad impression (since its not designed for mobile) and decided not to post there.

    Here's the link to my project: https://notes-project.khavin.me . Let me know your thoughts.

    https://reddit.com/link/n8a0rr/video/n15ihldn32y61/player

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

    Is there an API with a single endpoint that responds with a list of all stocks and their last price?

    Posted: 09 May 2021 06:39 AM PDT

    Is there an API with a single endpoint that responds with a list of all stocks and their last price? (end of day would work as well)

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

    CodeMirror 6 support in ractive-player (Scrimba-like recordings, demo w/ source included)

    Posted: 09 May 2021 10:06 AM PDT

    How is this animation done?

    Posted: 09 May 2021 12:57 AM PDT

    Hi guys,
    I am a noob at web dev and while looking around at websites for copy practicing, I came across Orizon
    And I was wondering how the Hero section animation is done?
    I tried inspecting element but I couldn't figure it out .

    Edit : Found Out. It's After Effects and Lottie. Thanks Guys

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

    How to implement a fee

    Posted: 09 May 2021 09:38 AM PDT

    Hey ladies and gentlemen, i want to create a marketplace with the mern stack and i want to set a fee for every trade. the payment system shall be paypal. and based on the fact if there have paid or bot the customer should be able to download a document. So 2 questions:

    1. i have already build the authentication so can i do it like the following: The user pays and the fact that he has already paid is sent to thr database and then everytime the user is logged trough a jsonwebtoken the user also gets another webtoken for every product which was bought. so that the products already bought are available everytime the user is logged in with the account.

    2. How can i set a fee on the products automatically? So everytime a user buys an article from another user the trader has to pay for example 5% to me as marketplace creator. (just a few terms as answer are enought so that i know what i have to search for)

    thank u so much in advance and best regards

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

    How should an Express web app interact with processes running on the same machine?

    Posted: 09 May 2021 03:11 PM PDT

    I have a specific problem I'm trying to solve, but I feel like there are some general concepts that I'm not understand which is why the title of this post is so vague. For context, the problem I have is as follows:

    I have an SCTP server written in C which just sits and waits for a connection on a certain port. I also have an Express web application hosted on the same machine which I'd like to use to show the status of the socket the SCTP server is listening on, something simple like a green box that says "connected" when there is a connection and a red box that says "disconnected" when there isn't.

    What's the best way to implement this? Possible solutions I've come up with are as follows:

    1) Have the Express app monitor the logs of the SCTP server and look for "connection established" and "connection ended" messages. This would probably work, but the logs don't have some information that might also be useful to display like the host name of the connecting machine, if I decide I want to display that as well down the line.

    2) Write a Node add-on that will somehow allow me to interact with the SCTP server directly? I'm thinking something that will allow me to pass a message from the SCTP server right to the Express app but I have absolutely no idea how this should work.

    Any input would be greatly appreciated. As I said above I'd like to better understand the concepts behind getting a web app to interact with running processes so anything that can even just point me in that direction would be excellent.

    Thanks everyone.

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

    How to 301 redirect Namecheap domain without external server?

    Posted: 09 May 2021 09:04 AM PDT

    I recently switched my web app service from its own domain (domainA) to a subdomain of my websites domain (domainB). How can I setup a 301 redirect from domainA.com to sub.domainB.com?

    I setup a 301 URL redirect on Namecheap but only http traffic is forwarded, https traffic gets a "Can't connect to the server" message.

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

    What is the term for when changes in the database gets propagated to all pages that currently view that data?

    Posted: 09 May 2021 08:29 AM PDT

    I've been trying to see what the state of the art for achieving this is, and have no idea what the technical term to google it is.

    Also, how is this done with say, nodejs/postgres based stacks right now?

    Or is what I'm thinking of still science fiction? Perhaps something to be handled not in the database, but in the backend app layer instead?

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

    OxygenBuilder vs Webflow. How do they compare?

    Posted: 09 May 2021 10:46 AM PDT

    I've used Webflow for a while and heard that Oxygen is pretty similar to Webflow in how it builds websites and writes clean code. So for anyone familiar with both, which one do you think is better?

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

    hey, could someone possible help me identify which of these technologies is the one that makes all items on the site in question widget-like components that cant be opened in a new tab[treated like a hyperlink when right clicked]?

    Posted: 09 May 2021 01:18 AM PDT

    Iframe not working at all in NextJS

    Posted: 09 May 2021 03:35 AM PDT

    So this is the code that is bugging me:

    export default function View() { return( <main className="mainvideo"> <iframe width="560" height="315" src="https://www.youtube.com/embed/_zQqN5OYCCM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" > </iframe> <div id="videos"> <h1 id="title">Episodes</h1> <div id="eps"></div> </div> <div id="anime"></div> </main> ) }

    I imported the iframe in to my page but it wont render at all, if I insert the iframe element in the html directly it still wont render. It works fine if I insert it in the html of other sites but not on my site.

    It wont work, I tried rendering it on a client but still nothing. My site is localy hosted on localhost:3000, but its that the problem? I dont know what is.

    Any help?

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

    Why is Text After Image, Not Inline (React) + Why Won't Hover Line Appear?

    Posted: 09 May 2021 09:10 AM PDT

    Currently trying (and failing) to learn React for a project, and not understanding why the header links appear after the image, if they're in the same wrapper. I made different components for different parts of the navbar, and made a different file for the Logo and NavLinks (each in its own section). Here's the code.

    ​

    App.js

     // Importing NavBar import NavBar from './components/navbar/NavBar'; // Actual App function, has our code function App() { return ( <div className="App"> {/* Navbar Declaration, with statement of what links to add */} <NavBar /> </div> ); } export default App;

    ​

    NavBar.js

     // Importing react import React from "react"; // Importing styled to be able to style the page import styled from "styled-components"; // Importing the logo import Logo from "../logo/Logo"; // Importing the links import NavLinks from "./NavLinks.js"; // ---------------------------- Stylizing the navbar using styled-components // Main Wrapper for Navbar const Wrapper = styled.div` width: 100%; height: 10rem; align-items: center; padding: 0 1.5 rem; transition: background-color .5s ease; z-index: 9999; border-bottom: 2px solid rgba(255,255,255,.05); margin-left: 50px; margin-right: 50px; `; // NavBar is separated into left, center and right // Left side of Navbar const LeftSide = styled.div` display: flex; `; // Center of Navbar // Flex is a way to define how much each portion is gonna take of the size given to it const Center = styled.div` display: flex; `; // Right side of Navbar const RightSide = styled.div` display: flex; `; // Declaration of navbar links const navbarLinks = [ "Home Page", "Illustrator Gallery", "Art Gallery", "Challenges" ]; /*const navbarLinks = [ { title: `Home Page`, path: `/` }, { title: `Illustrator Gallery`, path: `/illustrator-gallery` }, { title: `Art Gallery`, path: `/art-gallery` }, { title: `Challenges`, path: `/challenges` } ];*/ // ---------------------------- Creating the NavBar function/component function NavBar(props) { // Setting the return value, or the component return( <Wrapper> {/* For the left side, we want to import the Logo component */} <LeftSide> <Logo /> </LeftSide> <Center> {/* For the middle, we want to add the different links */} <NavLinks links={navbarLinks} /> </Center> <RightSide></RightSide> </Wrapper> ); } export default NavBar;

    ​

    Logo.js

     // Importing react import React from 'react'; // Importing styled components import styled from "styled-components"; // Importing the image import USLogo from "../../assets/images/bunny.png" // Styling the wrapper for the logo const LogoWrapper = styled.div` display: flex; align-items: center; `; // Styling the actual logo, as well as its container const LogoImg = styled.div` width: 50px; height: 50px; img { width: 100%; height: 100%; } `; // Styling the information next to the logo const LogoText = styled.h2` text-transform: uppercase; font-size: 3rem; font-weight: bold; margin-left: 4px; padding-top: 8px; color: black; `; // Creating logo function Logo(props) { return( // First we make the wrapper <LogoWrapper> {/* Inside the wrapper we'll have the image, then the text */} <LogoImg><img src={USLogo} alt="US. logo"/></LogoImg> <LogoText>US.</LogoText> </LogoWrapper> ); } export default Logo;

    ​

    NavLinks.js

     // Importing react import React from 'react'; // Importing styling import styled from 'styled-components'; // Styling the container for the links const LinksContainer = styled.div` display: flex; align-items: center; `; // Styling the ul components, or the menu const LinksMenu = styled.ul` display: inline-block; text-transform: uppercase; letter-spacing: 3px; `; // Styling each li const LinksItem = styled.li` display: inline-block; vertical-align: top; align-items: center; justify-content: space-between; margin-top: 15px; padding: 0 1.1rem; `; // Styling each link const Link = styled.a` text-decoration: none; color: black; font-size: 1.6rem; margin: 0 2rem; position: relative; &:hover{ color: rgb(24, 23, 23); } &::after { content: ''; width: 100%; height: 2px; background-color: black; left: 0; bottom: -3px; transform: scaleX(0); transform-origin: left; transition transform .5s ease; } &:hover::after{ transform: scaleX(1); } `; // Creating the navigation links component function NavLinks(props) { return( // First we do the container <LinksContainer> {/* Inside the container, we have the menu of links, then the li, and finally links */} <LinksMenu> {/* Each link Menu has a bunch of items, with each item having a link */} { props.links.map( (label) => { return( <LinksItem><Link>{label}</Link></LinksItem> ) } ) } </LinksMenu> </LinksContainer> ); } export default NavLinks;

    ​

    The result shows as follows:

    https://i.stack.imgur.com/KHVhz.png

    ​

    Additionally, if I hover over the text, it doesn't change anything. In fact, it doesn't even add the little blue color indicating it's a link anymore. I'm not sure if this is a syntactical problem, since the same code works fine when using css.

    I've checked other answers on here suggesting float: left and the like for the wrapper, but for some reason they don't work. Either I'm putting them in the wrong object, or they should be somewhere else.

    Any help is appreciated!

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

    File Zilla won't let me use my directory.

    Posted: 09 May 2021 09:09 AM PDT

    File Zilla won't let me use my directory.

    Hello, I'm using an SQLite database to store user data and I want to be able to open it with the SQLite Browser to edit stuff if I need to. I was wondering why it was giving me this issue when I try and use my directory to the SQLite exe file.

    File Location: C:\Program Files\DB Browser for SQLite\DB Browser for SQLite.exe

    https://preview.redd.it/72v6wgioc4y61.png?width=631&format=png&auto=webp&s=b0500f37a75d1e44a22313ab8a20064e05ea9889

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

    No comments:

    Post a Comment