• Breaking News

    Monday, June 8, 2020

    Home Unlabelled I just discovered the
    and tags in HTML web developers

    I just discovered the
    and tags in HTML web developers

    June 08, 2020

    I just discovered the <details> and <summary> tags in HTML web developers

    I just discovered the <details> and <summary> tags in HTML

    Posted: 08 Jun 2020 12:48 AM PDT

    I found them while going through the semantic elements list: https://developer.mozilla.org/en-US/docs/Glossary/Semantics#Semantic_elements

    Try them in a browser, they're awesome:

    <details> <summary>Studies have shown...</summary> ... that intelligent individuals are more likely to use expletives than stupid mother fuck3r5 </details>

    They create a disclosure widget in which information is visible only when the widget is toggled into an "open" state.

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

    TIL: If you ever need to make a business case for someone to spend money on Web Performance, the Google Test My Site tool has a calculator at the bottom that uses their own research stats to tell you how much profit it will produce. (Link in comments)

    Posted: 08 Jun 2020 09:34 AM PDT

    PHP is 25 years old today

    Posted: 08 Jun 2020 05:57 AM PDT

    Why is the development of HTML emails so far behind?

    Posted: 08 Jun 2020 06:25 AM PDT

    I understand different email clients handle emails different. I suppose my queation is, why isn't there a standard development roadmap for the improvement of HTML emails? It is an absolute pain in the ass building email signatures using tables.

    What/who governs the standard of code based used in emails? Why is it so far behind modern web standards? Is it all because it isn't considered as important, or is there deeper issues with malicious content etc?

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

    For those of us who can't find a good background

    Posted: 08 Jun 2020 03:02 PM PDT

    The Mad Magazine Fold-In Effect in CSS

    Posted: 08 Jun 2020 10:17 AM PDT

    Colors & Fonts, a curated library of colors and fonts for Web Developers & Digital Designers. It's completely free to use.

    Posted: 08 Jun 2020 05:34 AM PDT

    Should I be worried if my project ideas aren't original, but help me learn?

    Posted: 07 Jun 2020 10:42 PM PDT

    I'm about 5~ months into learning front end, self taught, and weaned off a udemy course about 3~ weeks ago. I've begun to realize the personal projects I'm working on have either: already been done / are a plugin, are not very original, and/or don't really solve an issue.

    Despite this, each project will/has served a purpose with learning a particular part of front end and is making successive projects go significantly quicker (debug, general layout, design, etc.). However, I am a little worried that as I use these projects to build my portfolio for jobs/internships it won't be impressive enough.

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

    Optimizing a website. My first freelance gig.

    Posted: 08 Jun 2020 03:50 PM PDT

    It seems like they have re-directs from the http://not-a-real-site.com, to https://not-a-real-site.com then again to https://not-a-real-site.com/en. Before the first CSS starts loading, 2.5s have already gone by according to gtmetrix. Is there a way around this? I have never had this issue before and frankly, I am just not that experienced with security certificates. Is there a better way on the backend to perform these redirects to shave some time off?

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

    Would you leave a comfortable job for a web-dev job?

    Posted: 08 Jun 2020 03:37 PM PDT

    I have been learning programming for the past 18 months, almost daily with some breaks here and there.

    I was getting excited, because it has all been self-taught, and I was starting to get some interviews in and finally, be confident in coding. However I recently landed a postman job, so I'm not sure what to do in the near future. I don't know if I continue my job search.

    The postman job might not be as stressful as a developer job probably, but what I like about programming is that you are buiding a real skill. 5 years from here in a web-dev job I had learn a lot of skills (technical and soft), but in a postman job probably zero.

    I could always try to find a remote job, maybe part time, to be able to see what really is working as a dev withouth quitting my postman job , but with 0 real world experience, I imagine its pretty much impossible to find one of those.

    Any advice? I heard freelancing is hell, the only option left would be try to make it on my own building a product/app, that would let me expand my coding skills withouth having to quit my postman job

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

    Migrating from old-style to using a bundler

    Posted: 08 Jun 2020 09:19 AM PDT

    I work in a behemoth of a SPA currently untouched by tooling from the last half decade. We use django-pipeline to populate our index.html, starting with our dependencies, which are vendorised in-tree, some already minified. None are modules i.e. all scripts dumping into the global namespace. That's a little south of 200 javascript files. Some refer to each other, expecting stuff to be in the global namespace. Then we load our app code, another 150 or so plain scripts, mainly (but not totally) isolated by IIFEs, with various expectations of what's in the global namespace from the dependency libraries. CSS and other assets are less of an issue but not not an issue.

    Obviously it would be nice to escape this black hole of tech debt. We're looking into webpack and parcel, but for obvious reasons they expect there to be a nice introspectable module dependency structure, and trying to wrestle our current spaghetti into that form seems like a mammoth task which will itself generate a lot of tech debt as we kludge our way to a MVP.

    Is there such a thing as a migration strategy for this task? It seems like we'd have to write our own module structure into all of our dependencies' files. Has all pre-module code been thrown away since the advent of bundlers?

    It seems like require is at least executing in the caller's namespace (i.e. globals defined before the require can be picked up and mutated inside the script).

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

    How would you setup an automatic hosting for my web dev agency?

    Posted: 08 Jun 2020 03:05 PM PDT

    Hi!

    I am 17 and I am working on starting my little web agency. I don't know if it's the right term, but whatever. I sell websites, that's all.

    So, I build websites and I also wanted to offer the hosting to my customers. They mostly have some static websites, so I will probably deploy their website on Netlify for free. I will make them pay something around 20$/month and they will get the hosting + some help for minor changes on the website.

    I am going to setup a recurring payment for my customers. This way, they pay me every month and it generates some kind of passive income. However, let's say they don't pay. I hope that I will have many customers and I might not be able to track each month wheter the customer was able to pay or not, if they resiliated the recurring payment or not, etc.

    What I thought was building a middle man between Netlify and Paypal. When Paypal sends me the notification that the customer stopped the recurring payment, it sends the signal to Netlify to turn off the website untils the customer pays. However, building that would be very time expensive and I don't know if it would be worth it.

    So, how would you do it?

    P.S.: Also, webdev who resell hosting to make passive income, is that what I should do? Do I charge too much? Too little? How do you manage the recurring bills?

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

    Why does it seem all web devs use Mac ?

    Posted: 08 Jun 2020 02:39 PM PDT

    I'm just starting out. Almost all tutorials you can see the dots in the corner for Macintosh. Many job postings flaunt they will upgrade your Mac book pro if you get hired on, implying you've got one.

    But why ?

    Also the only other alternative i see used is Linux, never windows.

    What gives ? Is the command line really that much more robust ?

    I'm just not that familiar with mac and to be frank I can't/don't want to pay for it.

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

    Fun Facts on Producing Minimal HTML

    Posted: 08 Jun 2020 05:43 AM PDT

    Need help to display Bitcoin price on a simple web page

    Posted: 08 Jun 2020 10:17 AM PDT

    Hi all,

    I want to create a single web page that shows just the price of Bitcoin from CoinBase Pro. I posted a similar question to r/Wordpress but without any success. I'm not even sure if WordPress is the right CMS for something like this (so I'm open to suggestions). If I can get it to work with a simple page, without any CMS at all, I'll be delighted.

    Here's what I'm looking for:

    If you load the page https://pro.coinbase.com/trade/BTC-USD you see a current price like $9876.54. What I want is that number (in bold), with or without the "$" sign. I would also like to have the page re-fetch the latest price every 15-30 seconds and display the updated price automatically, without the visitor needing to refresh. The end page would be just a white background with black digits showing the price. I can do that with CSS, provided that I somehow acquire the price itself to display on the page.

    I understand that I need to use CoinBase's API, but I am not familiar with APIs or json at all and I find the API Guide too hard to understand with my limited knowledge. Please excuse my ignorance, I hope this is the right sub to ask such a question.

    Could someone please help?

    submitted by /u/Idiots-R-Invincible
    [link] [comments]

    Replace removed video using YouTube API

    Posted: 08 Jun 2020 01:37 PM PDT

    Trying to find a way to automate process of replacing embedded YouTube videos that were removed.

    Say if video titled "XYZ' was removed I want to search similar video with same title and get the URL.

    Is it possible?

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

    How to host/run a python script on django?

    Posted: 08 Jun 2020 12:52 PM PDT

    I have a basic hangman style game i made while learning python. I have a set up a server using AWS, nginx, and django. I have several pages (home, helloworld, etc.) All of which just display simple txt. I have 1 form page that returns a welcome msg and the name inputted into the form. Does anyone have any tips, tutorials, lessons, videos, or direction they can provide or recommend plz! Im open to any guidance offered. Thank you in advance.

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

    Best technologies for building a site which allows customers to build real-time 3D models?

    Posted: 08 Jun 2020 12:36 PM PDT

    I started a web development company and I got a client enquiry. I have to provide a quotation to my client. My client wants to make a site where end customers can design and create customize garment online (Suppose we need to build models for 2 tshirt and a denim jean as a start). If I want to build such a site, what technologies do you recommend me to use when I outsource this project to freelancers?

    • What kind of documents or reference materials can I provide to my contractor for effective developments?
    • How long do you think the project should be in terms of team size and man hour?
    • How do we create the garment models so that we can incorporate it on to the site?
    • What do you think is a good budget for this project?

    A good example of this are

    The basic requirement of the site:
    The end customer is able to pick the colour of the garment.
    The end customer is able to put custom pictures and logos or text on the garment.
    The end customer is able to view the product mockup in 3d online in real-time.

    The supposed workflow:

    1. The clients make/design/customer/modify/alter the product online
    2. The client click submit
    3. The site will send an email/file/message to the sales department of the client.
    4. The client's sales department will contact the client manually with quotes and questions.

    Technology restrictions:
    We prefer to self-host the site.
    We prefer not to use a subscription service if possible.
    At the current stage, the client does not need to incorporate any e-commerce.

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

    Traefik v2 - Advanced Config with Examples

    Posted: 08 Jun 2020 08:38 AM PDT

    Hey,

    I've seen lots of discussion about Traefik on reddit, mostly complaining about the fact that while v1 worked great, they can't seem to get v2 working, or that there weren't any good examples of how to get specific features working on v2.

    I've exclusively been using Traefik v2 for a while now, and I've had to figure out how to use some of the more advanced features of Traefik properly. I thought it would be a good idea to collate it all in a step-by-step blog post with examples for everyone else.

    Here's a snippet of my blog post (I can't fit it all here). However please note that on my blog, the diff between the specific example and the base example is bolded, to draw your attention to exactly what config has changed & is necessary. I'm unable to do that with Reddit's code blocks.

    You can just jump straight to the blog post if that's important to you: https://blog.thesparktree.com/traefik-advanced-config

    Traefik is the leading open source reverse proxy and load balancer for HTTP and TCP-based applications that is easy, dynamic, automatic, fast, full-featured, production proven, provides metrics, and integrates with every major cluster technology https://containo.us/traefik/

    Still not sure what Traefik is? Basically it's a load balancer & reverse proxy that integrates with docker/kubernetes to automatically route requests to your containers, with very little configuration.

    The release of Traefik v2, while adding tons of features, also completely threw away backwards compatibility, meaning that the documentation and guides you can find on the internet are basically useless. It doesn't help that the auto-magic configuration only works for toy examples. To do anything complicated requires some actual configuration.

    This guide assumes you're somewhat familiar with Traefik, and you're interested in adding some of the advanced features mentioned in the Table of Contents.

    Requirements

    Base Traefik Docker-Compose

    Before we start working with the advanced features of Traefik, lets get a simple example working. We'll use this example as the base for any changes necessary to enable an advanced Traefik feature.

    • First, we need to create a shared Docker network. Docker Compose (which we'll be using in the following examples) will create your container(s) but it will also create a docker network specifically for containers defined in the compose file. This is fine until you notice that traefik is unable to route to containers defined in other docker-compose.yml files, or started manually via docker run To solve this, we'll need to create a shared docker network using docker network create traefik first.

    • Next, lets create a new folder and a docker-compose.yml file. In the subsequent examples, all differences from this config will be bolded.

      version: '2' services: traefik: image: traefik:v2.2 ports: # The HTTP port - "80:80" volumes: # For Traefik's automated config to work, the docker socket needs to be # mounted. There are some security implications to this. # See https://docs.docker.com/engine/security/security/#docker-daemon-attack-surface # and https://docs.traefik.io/providers/docker/#docker-api-access - "/var/run/docker.sock:/var/run/docker.sock:ro" command: - --providers.docker - --entrypoints.web.address=:80 - --providers.docker.network=traefik networks: - traefik # Use our previously created `traefik` docker network, so that we can route to # containers that are created in external docker-compose files and manually via # `docker run` networks: traefik: external: true

    WebUI Dashboard

    First, lets start by enabling the built in Traefik dashboard. This dashboard is useful for debugging as we enable other advanced features, however you'll want to ensure that it's disabled in production.

    version: '2' services: traefik: image: traefik:v2.2 ports: - "80:80" <b># The Web UI (enabled by --api.insecure=true)</b> <b>- "8080:8080"</b> volumes: - "/var/run/docker.sock:/var/run/docker.sock:ro" command: - --providers.docker - --entrypoints.web.address=:80 - --providers.docker.network=traefik <b>- --api.insecure=true</b> labels: <b>- 'traefik.http.routers.traefik.rule=Host(`traefik.example.com`)'</b> <b>- 'traefik.http.routers.traefik.service=api@internal'</b> networks: - traefik networks: traefik: external: true

    In a browser, just open up http://traefik.example.com or the domain name you specified in the traefik.http.routers.traefik.rule label. You should see the following dashboard:

    The remaining examples (wildcard subdomain routing, automatic SSL certificates using letsencrypt, 2FA/SSO using Authelia, etc) are all available on my blog post.

    I hope you find this useful, I know I wish I found something like this when I first started transitioning to Traefik v2.

    *If you have any questions (or requests for additional examples), I'll be around in the comments. *

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

    Need data on any framework you used or now using.

    Posted: 08 Jun 2020 11:52 AM PDT

    Bros, i need directories and files data about all the backend technologies but i cant just downloaded all of backend technologies like django,laravel,flask etc, run each of them and copy the data.If u are using any backend tech currently then can anyone send me the result of backend files. echo $(tree) > backendfiles. for linux or tree in cmd then copy for window.Formatting doesnt matter, i need data. No need to send data from sensitive project , just create one temp proj for me and delete it. DM me or post here. Note:Dont send Django, i already got Django data.

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

    Least painful route to developing a simple online questionnaire?

    Posted: 08 Jun 2020 11:44 AM PDT

    I need to develop a simple online questionnaire - not many questions, and no particularly complex question branching. I was thinking of using AWS Lightsail - setup a VM running Django and serve my pages through that, and use MongoDB Atlas for storage. I have done some Angular dev with Ionic in the past, so was thinking of using Angular as the client app. Or would React or Vue be better for this sort of thing?

    Thanks in advance for any suggestions!

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

    Im in Canada, should I work for a cannabis company?

    Posted: 08 Jun 2020 11:16 AM PDT

    I have recieved the opportunity to work as a jr web developer for a cannabis company. This would be my first real software job. What are the repercussions for working in the cannabis industry? I would like to work in the US in the future but would this get in the way of that? I have read that people who work in the cannabis industry could have a harder time getting into the US. And would it look bad on a resume, even for Canadian jobs? It is legal obviously but I feel like it is still stigmatized, I'm not sure whether it would effect my future prospects or not though.

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

    For a public API, is it safe to send JSON as text/plain and include an auth token in a non-standard header to get around preflight?

    Posted: 08 Jun 2020 07:28 AM PDT

    I'm writing a public API that I expect to be used across an unknown number of domains. If I include my JWT token in the Authorization header, it will trigger a preflight response per the CORS spec. For my purposes of designing a public API, this is detrimental to performance as it requires two round trips to the server (OPTIONS request, followed by the GET/POST). Since my OPTIONS will always return the same thing (access-control-allow-origin: *), there's little point in the preflight.

    Sadly however, a Content-Type of application/json will also trigger a preflight response.

    What I'm considering is providing a "fast" version of the API where the consumers can send JSON with a Content-Type of text/plain and set their Authorization token in a non-standard header (i.e. Width).

    The questions I have are given my use cases,

    a.) Is this dangerous in any way

    b.) Is this a good idea?

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

    How to locate which JS file an ID is used in using the chrome console?

    Posted: 08 Jun 2020 10:44 AM PDT

    I swear someone showed me how to do this awhile back, I can't remember how to do it, and trying to search it on the web isn't turning up any results.

    basically I have ID XYZ, I want to find which JS file the site is using XYZ in.

    I remembered that I opened the console and I thought just plopped in the ID and it spat back everywhere it was used, but that isn't working.

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

    No comments:

    Post a Comment