Web Development

When a user clicks a link to go to the next page, I want to show a gif until the page changes to the next one. How do I do this? submitted by /u/jar_are_red [link] [comments]

I need to have a details tag that can be expanded inside of a table. Anyone know how to do this? submitted by /u/Sup_Im_Ravi [link] [comments]

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

I’m trying to practice my HTML/CSS skills by recreating websites. I’m currently trying the mobile-first approach but confused if I should be coding both the HTML and CSS while looking at the mobile-design of the website? submitted by /u/jonnybebad5436 [link] [comments]

For the Next.js application I'm working on, individuals who haven't visited the site yet should be redirected to the welcome page, where they can indicate if they'd like to just browse the site or enroll. Choosing either option will provide the user a specific status – both of which will allow the user to be redirected the home page from now on when visiting the site. In this situation, should the welcome page have a different subdirectory in the URL than the home page? Also, would it make sense to build out the welcome page as a separate component from the home page – rather than it being conditionally rendered in the existing home page? submitted by /u/alexjonesiscrazy [link] [comments]

I have a few https applications hosted at home. One is homeassistant and a service that will only connect to it via port 443 (it won't do https over another port) and also I am hosting a web app from home that I would prefer not to have people add the port to the url. Both need to be physically hosted in my network due to hardware they are connected to. So I have homeassistant.mydomain.com and myapp.mydomain.com. I have SSL all set up and everything for both of them, they both work individually on 443 but obviously when it comes to port forwarding I run into the issue. Is there some way to host something that can route https traffic within my network based on domain name? If possible I would like to avoid some kind of proxy like myapp.mydomain.com -> 443 -> VPS -> 8443 -> my network. submitted by /u/hardonchairs [link] [comments]

I have been applying for Junior web dev jobs recently and for a particular coding assessment I came across this sentence, "Using of scaling units (vw, %, rem) over fixed units (px) and media queries is preferred." I use media queries frequently, not just for layout arrangement, but also things like sizing. For example, I find that when I use vw for things like font size or div size it tends to blow up too large on a wider screen. Is using media queries for sizing generally considered bad practice? If so, how do you use scaling units in a controlled way? submitted by /u/cruciomercutio [link] [comments]

The only example I can think of right now is Zapier (I haven't used it, I just know about it). How did it manage to integrate with so many apps? My only understanding of integration is this. Let's say I want to see reddit posts on an app I build. I will have an authentication mechanism (oauth or something similar) that allows users to connect to their account. Afterwards I use their credentials to access the Reddit API and retrieve the resources I require. Do tools like Zapier do this with every single app on their portofolio, manually? Write the code to allow users to authenticate to that app and interact with it? If I want to integrate with Jira, I can see that they have a page written, showing you exactly how to do that (actually allowing third party integrations). For Trello, I can't find such a page, so my guess is that you can't just integrate on the fly with it (my guess is that an agreement was made). TLDR: So, my questions are: is my perception of integrations correct (manually writing the code for each one of them), and how do tools like Slack or Zappier actually managed to integrate with tools like Trello (who don't allow third party integration with anyone). Basically, how does integration with other apps work. Edit. I've found a page for using Trello as a third party app, so I guess all apps do have indeed such a mechanism (oauth + accessible API). submitted by /u/castorasmic [link] [comments]

You either start a project that will need both a web presence and a mobile device presence or you currently work on a site that will (eventually) need a mobile device presence... what is your approach? You might choose to let people just use the browser, you might develop some form of hybrid app, you might create a standalone app but with a framework that lets you do it in JS/TS, you might go full native (Obj. C, Swift, Java, etc.). What do you choose and why? View Poll submitted by /u/gaoshan [link] [comments]

Whatever Google wants it to be. I always thought it was exactly what your <title> element was. Perhaps in lieu of that, what the first <h1> on the page is. But recently I noticed some pages on this site that … The post What is Your Page Title on a Google Search Engine Results Page? appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

A few days ago, my boss came to me for feedback on a co-worker's portfolio for a new (higher paying) position. I've worked with this person multiple times in the past, and they're still learning, but i think they're a solid developer. The portfolio referenced several projects hosted on github.io with links to the repositories, so I took a look at the code. I was impressed with a lot of what they wrote, but I was surprised by one particular snippet so I googled it to see if others had done similar. I was able to find that exact snippet on a blog post, along with every other file in that project copied almost verbatim. Many of the variable/function names were changed, but nothing otherwise. Unfortunately, I started googling my co-worker's other repos, and found that they were all copied nearly verbatim from other blog posts. All of the blog posts were informative, interesting articles, and if my coworker read them and copied the code along with the post, I have no doubt they learned from them. The dilemma that I'm in is, do I give my co-worker a chance to update the portfolio to be honest? The phrasing on the portfolio site clearly makes it sound like the work is their own. I want to give them a chance to update the portfolio to link to the blog posts and describe what they learned instead of claiming others' work. But I can't imagine they did this unknowingly, so I'm wondering if I should just go directly to my boss to make sure they know that my co-worker was plagiarizing. Have you ever been in a similar position? edit: Update My boss encouraged me to ask my co-worker any questions I had about their portfolio, so I asked them about a specific piece of code from one of the (verbatim) copied projects. They said this specific piece of code was from an online tutorial, but didn't mention anything about the rest of the project being copied. I didn't feel comfortable asking any other questions about it, so I'm just going to give straightforward feedback to my boss: "I can't make an honest evaluation here, because each project is just copy pasted from tutorials. If they followed the tutorials and learned from them, then they would do well in a coding interview, but this portfolio is not a meaningful representation of their work." submitted by /u/Snailwood [link] [comments]

Background: Small company environment, someone has to get it done and I don't mind at all, I love learning new stuff, but I know close to nothing about web development.I'm not asking anyone to do the work for me, I just need advice on how to get started, which tools to use, which tutorials to watch/read if any, etc... The project: The constraints are that I have to use Flask and MySQL. The front end is initially a series of 4 drop down menus that are used to filter out the database and ultimately return a single row from it. Once a first value has been chosen from one of those drop downs, the database is filtered (maybe using pandas?) to only allow access to the rows containing that value for that column.After the 4th drop down menu value is chosen, the database returns a single unique row. The database contains much more than 4 columns though. Certain column (parameters) values are user-modifiable and others are immutable, and at that point (once a single row is returned), options should be displayed to allow the user to modify the modifiable parameters (give them new values) and also show the user the values of the immutable parameters. Once the user is done modifying what they want to modify, they should be able to add that complete, modified row to a list using an "add" button or something like that.The list should be modifiable also, so that a row can be deleted from it and the order of the rows can be changed. Once a row has been added to the list, the user should be able to repeat the process of filtering the database (completely differently from their first choices if they want) and add another row to the list. Rinse and repeat. Once the user is satisfied with the list of complete, modified rows retrieved from the database, they should be able to download a CSV file containing those rows. What I have so far: I have the database in MySQL that I access with mysql.connector. I have a very basic front end with 4 boxes (not the menus I need). The user can input values in those and click "download". The app then goes to another page where I retrieve the variable values from those boxes, find the right row in my database and download a CSV with that row onto the user's computer. What I need: The problem is that none of the other functionality is implemented. I don't know how to read a variable value on the same page it was inputted, do something with it (for ex filter the database a first time), then read another value only once the user inputs it, do something with that, etc...without going to other web pages. I think it's called asynchronous code? I also have no idea how to implement the list idea and how to make it customizable. Finally, I need the app to look very good, to be visually appealing, and I have no idea how to do that. I downloaded something called Bootstrap and it kind of "prettyfied" what I already had, but it's far from what I need. submitted by /u/townshame [link] [comments]

I'm so bored of using the same templates on a wordpress site. I want to customize it in different ways. I'm not an expert just someone who knows how to drag and drop. submitted by /u/Anisa_Hill [link] [comments]

Motion One * Theatre.js * Basic Pattern Repository * Mechanic * HEXplorer The post Collective #680 appeared first on Codrops.

Hi, I just finished building a photography website for a client with a headless CMS so they could upload their shots onto the site. Now it turns out they also want to sell their work from the website. What’s my best bet for adding that feature? I’ve never used a platform like shopify, but this website is all custom code so would I be able to drop it into shopify or something similar and go from there? Or is there an API I could hit from the current set up? Just hoping someone can point me in the right direction so I don’t waste too much time! Thank you submitted by /u/jak0wak0 [link] [comments]

I'm in the process of looking for a job in web development, starting with front-end development. Not every job has required code samples but I believe my chances of progressing would be greatly increased if I had some code samples to show. Unfortunately, I don't have any so I've decided to start some. What should that look like? I don't really know where or how to start. Do you guys have something you can show or share? submitted by /u/mlgoon [link] [comments]

Basically I have a div, and inside there is blocks. The blocks should start sliding to the left, and once the block is no longer visible to the user, it should then add it to the end of the row again. I am trying to make it so its continuously sliding. ​ I tried using a keyframes, but then realised I would probably have to use JS to add the block to the end of the row, once its no longer visible to the users screen, but I can't seem to do it. Does anyone have any ideas> ​ Here is a codepen submitted by /u/artFlix [link] [comments]

If you’ve recently started working with GraphQL, or reviewed its pros and cons, you’ve no doubt heard things like “GraphQL doesn’t support caching” or “GraphQL doesn’t care about caching.” And for most, that is a big deal. The official … The post Working With GraphQL Caching appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

(This is a sponsored post.) There is a lot of buzz around apps running on the edge instead of on a centralized server in web development. Running your app on the edge allows your code to be closer to … The post Learn How to Build True Edge Apps With Cloudflare Workers and Fauna appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

I’ve been tasked with adding an API integration to our company’s website. This API requires an x509 cert through a small list of providers, and it can’t be a wildcard cert. They also require 2 certs, one for prod and one for test. Our current cert is through Let’s Encrypt, which is not one of their allowed providers. Am I correct in assuming that I’ll need to change the cert on our website in order to make this work? (I’m assuming but don’t know for a fact that every request going out from our site would use this cert and no other.) Also, we don’t have a test environment for our site. I’m assuming that a cert has to be tied to a domain so I’ll need to create a test.my domain.com domain and have a cert on that as well? This is the first time I’ve run into this so I want to make sure I’m thinking about it correctly as certs aren’t cheap. submitted by /u/Hyphen_81 [link] [comments]

I'm used to working with the latest and greatest, React, NodeJS Would you say yes, or recommend someone to submitted by /u/TruthBeToldLol [link] [comments]

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

I've never seen a page that say "Do you accept for us to use localstorage" it doesn't even make sense. submitted by /u/npmbad [link] [comments]

.distorted { width: 200px; height: 2 * var(width); } Can something like this work? Like I want the height to be 2 times of the width each time? or do I need to hardcode it each time? submitted by /u/doa-doa [link] [comments]

The new CSS `accent-color` property makes it quick and easy to roll out our brand colors to certain form inputs by leveraging user agent styles. In this article we’ll take a look at what it does and how to use it alongside `color-scheme` for simple, accessible checkboxes and radio buttons — and imagine how we might use it in the future.