• Breaking News

    Saturday, November 28, 2020

    Made my personal site into a desktop environment. Influenced by Windows & macOS. web developers

    Made my personal site into a desktop environment. Influenced by Windows & macOS. web developers


    Made my personal site into a desktop environment. Influenced by Windows & macOS.

    Posted: 28 Nov 2020 10:23 AM PST

    Mongolia is reintroducing its original, vertical script, and I thought you all might like the president's website.

    Posted: 27 Nov 2020 09:02 PM PST

    I made a browser extension that displays Glassdoor ratings for companies on job sites

    Posted: 28 Nov 2020 04:55 AM PST

    I made a browser extension that displays Glassdoor ratings for companies on job sites

    LinkedIn, Google for Jobs, Indeed, and Stack Overflow Jobs are supported.

    This extension uses the Glassdoor API. Ratings are cached for a week until they are refreshed. You can click on the rating to open up the Glassdoor reviews page for the company or the search page if the company is not found.

    Chrome extensionFirefox add-onGithub repo

    https://preview.redd.it/ej18arfbaz161.png?width=1934&format=png&auto=webp&s=4a3845e1f13169bd55ba0a7d73fbfd01eba8abac

    More screenshots: https://imgur.com/a/Yb1rAbR

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

    Am I the only one who hates those scroll transitions and tedious reveal animations?

    Posted: 28 Nov 2020 03:56 AM PST

    I see this is a trend, a web site can have a great design and I'm scrolling to learn more about what the site is offering but every time my flow is broken because I have to wait for the info to be revealed by some animation. It's cute the first time, tedious the second time and annoying the third time.

    Am I wrong for wanting things to be instantly visible and not having to wait on the whim of the website to continue reading?

    I'm not against animations or things like that. In fact I love animations/transitions but I feel like they are being misused. my problem is when the animations/transitions and bullscripts get in the way of the information that I'm trying to digest. This has made me leave many sites that I initially found interesting because I don't have time to deal with it's slowness.

    Sorry for the rant and I'm curious as to what you guys think?

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

    As a backend dev, this really made color make sense to me

    Posted: 28 Nov 2020 02:46 PM PST

    Built a chrome extension (Recipe Cart) that lets you skip to the recipe, print or save a copy, get ingredients delivered, or view trending recipes across all recipe sites. Built for Chrome and Firefox with JS, Next.js, and Python/Flask with basic ML for ingredient parsing.

    Posted: 28 Nov 2020 05:05 AM PST

    Quick question about mobile-first responsive design

    Posted: 28 Nov 2020 11:29 AM PST

    I have been developing web sites since the mid-90s but am still trying to wrap my brain around best practices for mobile-first responsive design. It's difficult to unlearn 20+ years of thinking that revolved around much larger screens, but I'm working on it!

    I realize that there are many different theories about the best breakpoints to use in 2020, but it seems that many people suggest something along these lines:

    // Small devices (landscape phones, 576px and up) @media (min-width: 576px) { ... } // Medium devices (tablets, 768px and up) @media (min-width: 768px) { ... } // Large devices (desktops, 992px and up) @media (min-width: 992px) { ... } // Extra large devices (large desktops, 1200px and up) @media (min-width: 1200px) { ... } 

    This was totally been confusing me because it doesn't seem to take into account portrait phones that hover around 320 - 420 pixels wide, but now I think I understand. Is the idea that all of the styles for portrait phones go into the main style sheet itself before using the media queries?

    I think I've answered my own question, but before going too far down this path I wanted to confirm that this is the correct approach.

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

    TIL: You can activate PIP (Picture in Picture) in Youtube (or any HTMLVideoElement)

    Posted: 28 Nov 2020 12:41 PM PST

    TIL: You can activate PIP (Picture in Picture) in Youtube (or any HTMLVideoElement)

    So, I was skimming through MDN beautifully written docs on Web APIs and discovered there's an API called "Picture-in-Picture" that basically lets you "detach" a video player from its context (browser tab) and treat it like a "standalone" player.

    Youtube video in PIP mode

    AFAIK, Youtube doesn't support it out of the box yet, but it is pretty easy to do it manually, you just need to select the HTMLVideoElement and $0.requestPictureInPicture() .

    It's specially useful if you have a single monitor and are following a tutorial while coding, so that you don't need to ALT+TAB.

    EDIT: There's actually an extension in Chrome that activates PIP mode with a shortcut and it's been developed by Google itself. Chrome PIP Extension

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

    Am I the only one who finds code just... beautiful.

    Posted: 28 Nov 2020 01:18 PM PST

    Presenting tinyhttp 1.0 - a 0-legacy, tiny & fast web framework as a replacement of Express, written in TypeScript.

    Posted: 28 Nov 2020 03:58 AM PST

    I built an educational word game online - wordshake.com.

    Posted: 28 Nov 2020 12:19 PM PST

    I built an educational word game online - wordshake.com.

    https://wordshake.com/

    https://preview.redd.it/ud1m5y0sh1261.png?width=2544&format=png&auto=webp&s=d85eec64d92eef4c7a484dab619ac7592e3c78e3

    It's jquery and css3 on a wordpress cms. Used web audio api for sound effects.

    Hoping it can be a useful game for teachers and homeschooling parents.

    Feedback very welcome!

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

    CSS — What is currentColor keyword?

    Posted: 28 Nov 2020 07:43 AM PST

    Created my first website!

    Posted: 28 Nov 2020 02:26 PM PST

    Hi everyone I finally did it! I created my first website project from start to finish!

    Check out my project here!

    Github Repo

    Although its not a massive project its the first time that I actually made one without stopping or losing motivation.

    ps: I dont know how to add a quick video demo/gif (lol).

    Any feedback is appreciated!

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

    Program NFC tags to talk to website or mobile app

    Posted: 28 Nov 2020 01:14 PM PST

    I am looking to program NFC tags to do various functions.
    An example:. I have five objects that have NFC tags embedded in them, someone scans an NFC tag, and it records activity, say 10 jumping jacks to the mobile app. Another would record 10 situps - as an example.

    Can this be done with a simple NFC tag talking to a mobile app?

    The other thing I am looking to do is enhance an online meeting where people get sent NFC cards based on their level. In a virtual meeting, they can scan their level, and you can then see what level everyone is at in a realtime graph that can be displayed as an overlay on the screen.

    Is this possible with NFC tags?

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

    Remote Openings Database - Many for Web Devs

    Posted: 28 Nov 2020 12:40 PM PST

    Found this list in this news article about a university that made their job listings database open to help displaced workers from COVID: https://www.cbs46.com/looking-for-a-job-this-university-shared-its-database-with-thousands-of-remote-job-openings/article_e3a10016-04d8-54ee-83b6-2de244d2391f.html

    There are 30 or so remove web dev openings in it, including at least one or two Junior remote openings at the time I posted this (apparently it updates regularly). Get those resumes out there /r/webdev!

    Direct link to Data: https://docs.google.com/spreadsheets/d/e/2PACX-1vRnGWwEeYo7LEKiGMaRI7vGtz-CS9aTg4r6c8gsaNM_gMfK2wxZwynT-MTdZHLegMqMwNj0VugftnvM/pubhtml

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

    A complete web app to convert YouTube videos to MP3/AC files (with source for learning purpose)

    Posted: 28 Nov 2020 04:18 PM PST

    Hi guys, I am learning Web Dev and hope to be a front end web developer soon, and I believe the best way is to practice. Then I made a the site with some technology which could be quite complicated for such a simple site, but I can learn a lot from that. As I learn all these stuff by myself after work, so feel free to correct me if I have done something wrong or any feedback would be much appreciated. Finally, I am not sure if I am close enough to be a junior web developer ? Any suggestion what else I should deep in? Thanks alot.

    Here are some tech tools have been used: - Flask, SQLAlchemy, Flask-Dance - Google Cloud Logging - Custom Web Socket Server for progess bar - VueJS, WebPack, Bootstrap for front end - PostgreSQL - PyTest - Social Authentication - I also experiment with Google Cloud Firestore, which you can find in web/gdata folder - Supervisor, gunicorn with Nginx set up for production hosting

    The site basically let you convert any YT video less than 10 mins (you can configure in source code) to MP3 & AAC files, save it to DropBox, basic profile with history.

    Repo here: https://github.com/infantiablue/converter Live site here: https://convertca.com

    Cheers

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

    Feedback on my portfolio site

    Posted: 28 Nov 2020 10:16 AM PST

    Good afternoon, everyone. I just basically finished work on my portfolio site. I've been studying web dev and built this as a practice site and also as a hope to get some local work. I coded it all by hand from html, css, and js. I'd like any feedback you all have and anything you notice that i need to do different in the future. Thanks in advance. Really like this sub. Here is the site.

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

    Check out our Paper Trading Web App - Iron Condor!

    Posted: 28 Nov 2020 07:27 AM PST

    Check out our Paper Trading Web App - Iron Condor!

    Hey /r/webdev. We wanted to share our latest project with you. We know there are other paper trading sites out there, but after trying them we wanted to make something more intuitive, easy, and fun to use. We tried to take the user experience of apps like RobinHood and put that into a market simulator.

    Iron Condor Walkthrough

    On Iron Condor you can buy Stocks, ETFs, Options, and Cryptos in the same portfolio. Premium users get the ability to make as many portfolios as they want, but everyone starts out with a $100k portfolio to invest with.

    This is our first project of this size. We started working on it last May and we're just finishing testing now. This is the first time we're publicizing Iron Condor at all. We were hoping /r/webdev could give us some feedback before we try and spread it wider.

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

    First Portfolio Finally Finished! (And Resume)

    Posted: 28 Nov 2020 04:10 PM PST

    First Portfolio Finally Finished! (And Resume)

    So I've been learning web development for the better part of a year now. I mainly focus on frontend and I use React as a Javascript framework. I recently finished my portfolio that I plan to use to apply to jobs with and it would be great to hear what your opinions are on it! Thank you!

    Portfolio

    Screenshot

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

    Components communication in VueJS

    Posted: 28 Nov 2020 12:16 PM PST

    So, I recently started a new Laravel + VueJS project to improve my VueJS skills. This isn't my first time with VueJS but it's the first time I use routing and single-file components so I'm taking advantage of Vue's full potential now. So far, it's been a great experience!

    But now that my project is growing larger one problem arises. I have, as expected, deeply nested components, and not only parents must communicate with children but unrelated components will need to communicate between each other.

    And I'm not talking about sharing states, this is fairly easy by passing them down as props or using Vuex. But I have a modal to create a product and a grid listing all the products using an API. I need the grid to refresh after a new product is created. And both the CreateProduct and Grid components are on the same level.

    So I came up with this solution:

    • Child to parent communication: passing callbacks functions down as props
    • Parent to child: using refs to call methods
    • Unrelated to unrelated (not used yet): event bus

    It's been working okay so far, but I'm not sure if these are antipatterns. I've seen people saying refs and event bus are not good solutions, but then what is? Do you think this is not a good idea, and if it's not, how would you make components talk to each other?

    Thank you guys!

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

    Me and a few friends developed a whole social media about privacy. It does not require an email to signup and is free. There are also no ads and no trackers!

    Posted: 28 Nov 2020 03:59 PM PST

    Is there any opensource example of this website ? And which frameworks i should learn to build similar one ?

    Posted: 28 Nov 2020 03:50 PM PST

    Which frameworks use this website ? And is there any opensource example ?

    Posted: 28 Nov 2020 03:47 PM PST

    Pagespeed desktop: 90+. Mobile: 15.

    Posted: 28 Nov 2020 03:21 PM PST

    Hi, I'm doing some freelance work and came across this phenomonine. The site has a Pagespeed Insights score on desktop of 90+ while on mobile it barely reaches 15.

    CMS:Shopify

    Pagespeed

    Can any explain what is going on or is available to fix this?

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

    No comments:

    Post a Comment