• Breaking News

    Monday, January 13, 2020

    Home Unlabelled CSS-Only Carousel web developers

    CSS-Only Carousel web developers

    January 13, 2020

    CSS-Only Carousel web developers

    CSS-Only Carousel

    Posted: 13 Jan 2020 04:52 AM PST

    Tiny Helpers – A collection of single-purpose online tools for web developers

    Posted: 13 Jan 2020 11:24 AM PST

    Can the future web standard include a unified API for cookie consent?

    Posted: 12 Jan 2020 10:12 PM PST

    Almost all web sites now shows "Consent to that we use cookies?" layer pop-up when I visit them for the first time. The layer is blocking the content I want to see, and it looks different site by site, so dismissing it cannot be done by muscle memory, which is annoying.

    Now that FireFox and Chrome have been fixing the annoyance of web notification consent pop-up, can we have a similar unified API for cookie consent, so that cookie consent UI would look the same for all web sites and not be so obtrusive or possibly even automatable by rules? I mean, most of the sites I find from Google Search, I will hardly visit them again, unless they will happen to appear in my search results again, so really, I don't give a damn about saving my preferences for those websites. If there is away to automatically say "I reject, don't bother me." to all such websites, it will be so convenient.

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

    5 Practices for Managing Open-Source Components

    Posted: 13 Jan 2020 12:16 AM PST

    HELP HTTP method/verb for RESTful resources

    Posted: 13 Jan 2020 03:32 PM PST

    One of my gripes with RESTful APIs is that in order to build a valid request, you need to look at the documentation for a resource.

    What if every resource could be hit with "HELP api.example.com/myresource" and return all the possible HTTP verbs, url params and body params valid for that resource? Like it would return that resource's contract.

    My idea is to basically build a SOAP-like contract on the resource level. There wouldn't be a contract for the entire API, but there would be contracts for each resource. This would include resources which can be created by other PUTs, like "api.example.com/notes/some_note_title" could be hit with HELP as well, even though that route isn't static.

    Maybe this would make public APIs (and internal) easily to work with. No looking up documentation or talking to the API team to figure out how to exactly form your request. Just hit the resource of interest with HELP.

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

    Question about "Div-itis"

    Posted: 13 Jan 2020 07:39 AM PST

    So, I am learning HTML, CSS, and JavaScript first. I went through the HTML and CSS portions, and am currently on JS. However, I was curious about this "div-itis" I keep hearing about. I get what it is...and I get how to avoid it (kinda) What I am curious about it when to use it properly. In what situations would it be a good idea to use the <div>?

    Also posted this in r/learnwebdev, as I was not sure where to put it.<3

    Edit: spelling

    Edit: Thank you all for your input. It's so much appreciated.

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

    How can SOLID principles be applied to front-end development?

    Posted: 13 Jan 2020 11:04 AM PST

    As the post says, how can SOLID principles be applied to front end development?

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

    Is there a way via css (either grid, flex, bootstrap or any other) to arrange images like Airbnb does?

    Posted: 13 Jan 2020 01:05 PM PST

    Is there a way via css (either grid, flex, bootstrap or any other) to arrange images like Airbnb does?

    I want to place images like this, 1 big one and the following stacked 2 per row but I can't figure out how to do it short of using a table but I want to try to keep it as responsive as possible. Would anybody know?

    From: https://www.airbnb.com/rooms/36732625?source_impression_id=p3_1578949259_l7PPYIxiK0NlzvQz

    **sorry if this isn't the sub, seemed ok to me but if it's not please let me know and point me in the right direction if possible please!

    https://preview.redd.it/q3fiwjs02ma41.png?width=2880&format=png&auto=webp&s=d6b4ec4bfb8656235b87e6e8386d3ce514654f8f

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

    Show download button if user is subscribed to YouTube channel

    Posted: 13 Jan 2020 04:42 PM PST

    Hi guys, I wondering if the above statement is possible? I've came across sites in the past that only let you download their content if you are subscribed to their YouTube channel (and/ or follow their Twitter). They use the official embedded buttons for the platform, which I have linked below.

    YouTube button: https://developers.google.com/youtube/youtube_subscribe_button)

    Twitter button: https://developer.twitter.com/en/docs/twitter-for-websites/follow-button/overview

    I'm not sure if it's possible to actually check if the user has successfully subscribed/followed or not; but once they click the embedded subscribe/follow button, I would want a download button to appear.

    How would this be created?

    Thanks everyone :)

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

    Which is your editor for HTML5+CSS and what is the feature you LOVE about it?

    Posted: 13 Jan 2020 05:38 AM PST

    For frontend development (HTML5+CSS), what editor do you use?

    I use VScode and love Emmet. Just curious to know what else is around & what is special about them.

    I just discovered Brackets from Adobe, HomeSite was my first text editor. I am planning to check it out.

    Found some new ones too: Maqetta, Aloha, Mercury, Rendera, Bluefish.

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

    Looking to build a website, need advice

    Posted: 13 Jan 2020 03:53 PM PST

    I'm looking at building a website, I want it to be a quite detailed site, homepage that goes down many different rabbit holes.

    Without going too far into detail, The website would be for collections, so imagine a homepage that would allow a person to either explore people's collections, do research on how to value their own collections and an area for watching people show off videos of their collections, a profile/comment system. Probably a few more big features like this.

    Basically, I'm wanting to just know whether using Wordpress with a divi plugin is good enough to make a project like this or do I need to get a web dev to build it up. How much would this cost me if so?

    I know I've given a really bad example here and the wording is terrible, I'm not savvy in this but I'd be interested in paying a web developer if needs be.

    submitted by /u/Martins-com
    [link] [comments]

    Not sure if I should continue making my own backend or use Firebase

    Posted: 13 Jan 2020 03:34 PM PST

    Hey guys.

    I recently started my own web application. I've been stuck on whether or not I should continue making my backend in Node JS or if I should outsorce with Firebase.

    I am currently using a postgres database with this data model, and my backend handles authentication using third party logins with Facebook and Google. I have yet to add authorization with JWT, but then I found out about Firebase.

    Firebase sounds awesome because their auth solution is very clean and simple to implement on the front end. They even have database options which I like. However, it appears their database is NoSQL, and as you see in my data model, I have relational data (junction tables as a matter of fact).

    I am not sure if I should continue my node project or jump ship to using everything with Firebase. I am mainly a front-end dev, so it's another reason Firebase is intriguing to me.

    submitted by /u/gotta-lot
    [link] [comments]

    Stripe launches Increment Magazine print subscriptions

    Posted: 13 Jan 2020 09:26 AM PST

    HTML: Is there a way to get user input for part of a link?

    Posted: 13 Jan 2020 03:14 PM PST

    If I asked for there name and they inputted: Aaron

    Could I have my HTML code take that input and insert it into part of a link?

    EX: example.com/aaron (user input)

    submitted by /u/Mr-WINson
    [link] [comments]

    How can I make my contact form "pop" out from the background page like this image? I have the background, but I don't know how to get the white contact form to pop out like that.

    Posted: 13 Jan 2020 08:55 AM PST

    Unsure how to phrase student-assistant web developer experience as a non-conventional applicant

    Posted: 13 Jan 2020 02:52 PM PST

    I am in a bit of an interesting situation. I have non-tech job that is 30 hours a week that offers healthcare, dental, and mediocre pay. I have liberal arts BA and have been taking classes at my CC towards a BS in CS. During this time I got a position building a website for one of departments. My only job is to build/update/maintain the site. It's a react app with a headless CMS. It scores 99 on page scores, gets decent traffic/form submissions, super accessible, custom everything down to the webpack config, etc.

    Thing is, even though my boss calls me the "web developer" my proper title and pay is that of a part-time student assistant. It's been a mostly remote job and I've learned a lot building it, but I have not worked with a team and was the only person with dev knowledge. That said, I did meet regularly with my boss (client?) to understand what he wanted then implemented those needs, and after 2 years working together he's been very satisfied with what I deliver.

    Currently my resume reads "full stack web developer" as the position title for this time (~2 years), though am wondering if this is okay. I had an onsite tech interview for a React position in NYC that paid well and it didn't come up when I told them I was the sole developer, though is this misleading? (Didn't get the job :( but the interview experience was awesome ) What's the best way to phrase this experience?

    tldr; Liberal Arts BA with unrelated experience looking to break into field. Got part-time student assistant job building/maintaining a site. Can I put web developer as position or must I put student assistant?

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

    If you were to build a MERN stack to demolish wordpress and become the new standard for webdev. What would it look like?

    Posted: 13 Jan 2020 02:46 PM PST

    For a long time now, wordpress and LAMP/LEMP has been the go-to software stack for web dev. To me wordpress feels old, clunky, and insecure. If you were to create a new system based on MERN or at least javascript, what would it look like? What features would be most important? Bascically what does wordpress/LAMP/LEMP do that MERN can do better?

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

    Using C# asp.net for backend for my personal portfolio website.

    Posted: 13 Jan 2020 02:04 PM PST

    I am making it a SPA and am having troubles because I feel like I should've used a different back end technology but I really want to showcase that I know c# to employers. I don't have anything on my website that needs rendering (it's just my website with my information so nothing needs to be updated or anything). Is what I am trying to do is just have it scroll to a specific part in the website when someone clicks on my links on top. "Home" "About me" Projects" and so on. What is the best way to do this? I built the project in dotnet mvc. I was trying to use react but there isn't a reason I don't think to be using react for what I want to achieve.. Am I just doing this all wrong???

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

    Integrating website with client's existing authentication

    Posted: 13 Jan 2020 02:03 PM PST

    Hey!

    I'm providing "micro websites" for clients that already have a main website (with user authentication). Assuming a client's website is www.clientssite.com, my mini site would sit on minisite.clientssite.com located on my server and separate from theirs.

    However, a client's users would need to be logged in and authenticated to use the mini site as well.

    How would you approach the authentication flow between two sites, considering I would be managing the mini site on my server? I'm looking for the simplest solution that limits the development work a client would have to undertake to use the mini site.

    So far I've come up with the following

    • If the client has SSO, I just get added as an application and authenticate directly, then use my own database for the non user related data - client would need SSO setup already
    • Setting up cookie sharing - this could be troublesome and maybe not even possible depending on the client's setup
    • A psuedo login - my mini site would ping an api endpoint on the client's server that simply tells me if a user is currently logged in and if so returns their ID/username that I keep in my own separate database (I don't need full access to users, only need to ID them). If no one is logged in, I redirect the user to my own login form on the mini site that takes the credentials and once again pings the client's api endpoint to validate the login. If successful the endpoint, as before, returns the user's ID which I lookup/add to my own database. Not sure how secure this is in practical terms? If I do this server to server, and the client is validating the credentials can I just use my own cookie authentication or tokens thereafter to keep the pages locked down on the mini site separate from the main site

    It's important to note that I don't need full user management access; all I need to know that the user has logged in successfully and then an ID for that person that I can store for future, so the last option above may work with the least work. I just want to be sure that that is secure enough for a production application.

    Be great to know how you'd approach the same setup!

    Thanks

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

    Linking Auth0-managed users with content managed in-app

    Posted: 13 Jan 2020 01:40 PM PST

    How do I associate users managed by Auth0 with content that they create on my app?

    For context, I set up an app which uses Auth0 for Login/out, with a React frontend / Node server, as per the example app in Auth0's documentation.

    In the same Node server, I set up a connection to a MongoDB instance where to-do objects can be created, edited etc via some endpoints. This all works fine, but how do I go about tagging the to-dos created with the _id or something that identifies the user which created them?

    I'm looking for some advice on how to approach the problem here - do I need to add some logic to the Auth0 server to make an object describing the current user available on all requests? Or does that happen already? Should the Auth0 Node server and the one handling MongoDB even be the same, or could this logic live separately? Help appreciated!

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

    Will this work?

    Posted: 13 Jan 2020 01:34 PM PST

    Let's say I have a shop page. One way I could add items to the page is to repeat the same lines of html code and individually update the image, description, price, etc. With this method, if I wanted to repeat the same item twice, I could just copy this lines of code and paste them somewhere else.

    This becomes an issue if I wanted to update an item because I would have to go back and edit each instance of that item.

    As an alternative, could I create a page for an item then place that inside an iframe in the shop page? This would prevent having to change everything individually.

    Are there any downsides to this? Will it hurt SEO at all? Does it create usability issues? Page loading time issues? Issues with security? (Note, the iframe will link to a page within the site.)

    Thanks in advance for anyone who can help.

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

    Trying to edit a Mailchimp sign-up form via HTML code with zero coding knowledge. Help appreciated!

    Posted: 13 Jan 2020 01:00 PM PST

    Hey all,

    Trying to edit the sign up form on our landing page here: https://www.casamera.com/pages/robes-comingsoon

    The landing page is designed using Shogun on Shopify and the form is an embedded form created on Mailchimp. The code for which can be found here: https://imgur.com/jQ1ooWK

    What im trying to accomplish is:

    1) Remove the last name field entirely

    2) Change the button text from the generic "Subscribe" to something like "Get Access"

    ​

    Thank you!

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

    Error: connect ECONNREFUSED Node.js,Heroku,Mysql

    Posted: 13 Jan 2020 12:58 PM PST

    I get this error -> Error: connect ECONNREFUSED every time i run my node app on heroku but only when i uncomment these lines:

    db.connect((err) => { if(err){ throw err; } console.log("---MYSQL CONNECTED---"); });

    This runs perfectly in localhost but when i upload it to heroku its a fatal error and i dont get why. None of the similar questions here helped.

    Full node code below:

    const express = require ('express'); const socketio = require('socket.io'); const mysql = require('mysql'); //SETUP++++++ var app = express(); var server = require('http').Server(app); app.get('/', function(req, res) { res.sendFile(__dirname + '/index.html') }); app.use('/assets', express.static(__dirname + '/assets')); var port = process.env.PORT || 3000; server.listen(port); console.log("---SERVER RUNNING---"); var io = require('socket.io') (server, {}); //SETUP------ //CONNECT MYSQL var db = mysql.createConnection({ server : 'server.com', user : 'root', password : 'password', database : 'database', _socket : 'socketpath/mysql.sock' }); db.connect((err) => { if(err){ throw err; } console.log("---MYSQL CONNECTED---"); }); //GLOBALS++ var SOCKET_LIST = {}; //GLOBALS-- db.query("SELECT * FROM players", function (err, results){ //, fields) { if (err) throw err; console.log(results); }); //SOCKET CONNECTED io.sockets.on('connection', function(socket){//SOCKETS++++++ SOCKET_LIST[socket.id] = socket; });

    And the full error log on heroku:

    2020-01-13T18:57:47.946330+00:00 heroku[web.1]: State changed from starting to crashed 2020-01-13T18:57:47.549194+00:00 app[web.1]: 2020-01-13T18:57:47.840420+00:00 app[web.1]: /app/server.js:35 2020-01-13T18:57:47.840506+00:00 app[web.1]: throw err; 2020-01-13T18:57:47.840508+00:00 app[web.1]: ^ 2020-01-13T18:57:47.840509+00:00 app[web.1]: 2020-01-13T18:57:47.840511+00:00 app[web.1]: Error: connect ECONNREFUSED 127.0.0.1:3306 2020-01-13T18:57:47.840512+00:00 app[web.1]: at TCPConnectWrap.afterConnect [as oncomplete] (net.js:1134:16) 2020-01-13T18:57:47.840514+00:00 app[web.1]: -------------------- 2020-01-13T18:57:47.840515+00:00 app[web.1]: at Protocol._enqueue (/app/node_modules/mysql/lib/protocol/Protocol.js:144:48) 2020-01-13T18:57:47.840516+00:00 app[web.1]: at Protocol.handshake (/app/node_modules/mysql/lib/protocol/Protocol.js:51:23) 2020-01-13T18:57:47.840517+00:00 app[web.1]: at Connection.connect (/app/node_modules/mysql/lib/Connection.js:119:18) 2020-01-13T18:57:47.840519+00:00 app[web.1]: at Object.<anonymous> (/app/server.js:33:4) 2020-01-13T18:57:47.840520+00:00 app[web.1]: at Module._compile (internal/modules/cjs/loader.js:955:30) 2020-01-13T18:57:47.840522+00:00 app[web.1]: at Object.Module._extensions..js (internal/modules/cjs/loader.js:991:10) 2020-01-13T18:57:47.840523+00:00 app[web.1]: at Module.load (internal/modules/cjs/loader.js:811:32) 2020-01-13T18:57:47.840525+00:00 app[web.1]: at Function.Module._load (internal/modules/cjs/loader.js:723:14) 2020-01-13T18:57:47.840526+00:00 app[web.1]: at Function.Module.runMain (internal/modules/cjs/loader.js:1043:10) 2020-01-13T18:57:47.840527+00:00 app[web.1]: at internal/main/run_main_module.js:17:11 { 2020-01-13T18:57:47.840528+00:00 app[web.1]: errno: 'ECONNREFUSED', 2020-01-13T18:57:47.840529+00:00 app[web.1]: code: 'ECONNREFUSED', 2020-01-13T18:57:47.840530+00:00 app[web.1]: syscall: 'connect', 2020-01-13T18:57:47.840531+00:00 app[web.1]: address: '127.0.0.1', 2020-01-13T18:57:47.840532+00:00 app[web.1]: port: 3306, 2020-01-13T18:57:47.840533+00:00 app[web.1]: fatal: true 2020-01-13T18:57:47.840534+00:00 app[web.1]: } 2020-01-13T18:57:47.854933+00:00 app[web.1]: npm ERR! code ELIFECYCLE 2020-01-13T18:57:47.855243+00:00 app[web.1]: npm ERR! errno 1 2020-01-13T18:57:47.856649+00:00 app[web.1]: npm ERR! adise19_tictactoe@1.0.0 start: `node server.js` 2020-01-13T18:57:47.856764+00:00 app[web.1]: npm ERR! Exit status 1 2020-01-13T18:57:47.856964+00:00 app[web.1]: npm ERR! 2020-01-13T18:57:47.857113+00:00 app[web.1]: npm ERR! Failed at the adise19_tictactoe@1.0.0 start script. 2020-01-13T18:57:47.857218+00:00 app[web.1]: npm ERR! This is probably not a problem with npm. There is likely additional logging output above. 2020-01-13T18:57:47.864372+00:00 app[web.1]: 2020-01-13T18:57:47.864551+00:00 app[web.1]: npm ERR! A complete log of this run can be found in: 2020-01-13T18:57:47.864676+00:00 app[web.1]: npm ERR! /app/.npm/_logs/ 2020-01-13T18_57_47_858Z-debug.log 2020-01-13T18:57:47.549213+00:00 app[web.1]: > adise19_tictactoe@1.0.0 start /app 2020-01-13T18:57:47.549214+00:00 app[web.1]: > node server.js 2020-01-13T18:57:47.549215+00:00 app[web.1]: 2020-01-13T18:57:47.733401+00:00 app[web.1]: ---SERVER RUNNING--- 2020-01-13T18:57:47.936023+00:00 heroku[web.1]: Process exited with status 1 Disconnected from log stream. There may be events happening that you do not see here! Attempting to reconnect... 2020-01-13T18:57:47.855243+00:00 app[web.1]: npm ERR! errno 1 2020-01-13T18:57:47.856649+00:00 app[web.1]: npm ERR! adise19_tictactoe@1.0.0 start: `node server.js` 2020-01-13T18:57:47.856764+00:00 app[web.1]: npm ERR! Exit status 1 2020-01-13T18:57:47.856964+00:00 app[web.1]: npm ERR! 2020-01-13T18:57:47.857113+00:00 app[web.1]: npm ERR! Failed at the adise19_tictactoe@1.0.0 start script. 2020-01-13T18:57:47.857218+00:00 app[web.1]: npm ERR! This is probably not a problem with npm. There is likely additional logging output above. 2020-01-13T18:57:47.864372+00:00 app[web.1]: 2020-01-13T18:57:47.864551+00:00 app[web.1]: npm ERR! A complete log of this run can be found in: 2020-01-13T18:57:47.864676+00:00 app[web.1]: npm ERR! /app/.npm/_logs/ 2020-01-13T18_57_47_858Z-debug.log 2020-01-13T18:57:47.936023+00:00 heroku[web.1]: Process exited with status 1 2020-01-13T19:09:16.741219+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=adise19-tictactoe.herokuapp.com request_id=0f23b6fc-6cdc-40eb-811e-f73e29da8a4f fwd="2.85.238.198" dyno= connect= service= status=503 bytes= protocol=https 2020-01-13T19:09:18.440439+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=adise19-tictactoe.herokuapp.com request_id=18cf9049-2d07-4ee2-8f26-9ed44cb5fd2b fwd="2.85.238.198" dyno= connect= service= status=503 bytes= protocol=https
    submitted by /u/DuskyLvlz
    [link] [comments]

    Would anyone happen to know the coding theme that is being used for the code excerpts on this website?

    Posted: 13 Jan 2020 12:53 PM PST
    Read more
    at

    No comments:

    Post a Comment