• Breaking News

    Saturday, April 4, 2020

    Home Unlabelled [Showoff Saturday] A generator for section separators with only css web developers

    [Showoff Saturday] A generator for section separators with only css web developers

    April 04, 2020

    [Showoff Saturday] A generator for section separators with only css web developers

    [Showoff Saturday] A generator for section separators with only css

    Posted: 04 Apr 2020 12:34 AM PDT

    [Showoff Saturday] An application that fetches recipes based on what you got in your kitchen.

    Posted: 04 Apr 2020 09:03 AM PDT

    [Showoff Saturday] Flowify - A new tab extension that I made. It allows for free flowing startpages to be created. You can create draggable and scalable text, images, searchbars, jokes, todo lists, etc.

    Posted: 04 Apr 2020 11:19 AM PDT

    [Showoff Saturday] TokTik, a nsfw TikTok clone, with just portrait-mode porn gifs. Hope it helps during quarantine! ��

    Posted: 04 Apr 2020 01:15 AM PDT

    [Showoff Saturday] Yakko's World but the numbers on COVID-19 are live

    Posted: 04 Apr 2020 09:27 AM PDT

    [Showoff Saturday] Telegram bot (@daily_covid19_bot) that shows info related to COVID-19.

    Posted: 04 Apr 2020 03:43 PM PDT

    Made my families restaurant a little website and wanted to share.

    Posted: 04 Apr 2020 05:10 AM PDT

    JJ's Eatery Too

    Mother-in-law wanted to be able to update herself, and I wanted to keep the site static, so I have a build script reaching out to a Google sheet to grab their daily specials and prices and saving the response as a local json. Using netlify's build hooks, she can even trigger the build right from Google sheets.

    She also wanted to be able to print nicely styled daily specials sheets easily so I abused some CSS media queries to allow that... Ctr-P to check it out!

    Finally I tried to keep her miami-cheesy beach feel but provide an updated logo that I worked on spicing up with some minor animation.

    There may be a couple of cross browser issues but it's a start. The next step is to get their full menu into the site and not that PDF link.....

    I know it's not much but I am proud of my little static site experiment and wanted to share!

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

    [Showoff Saturday] I made a minimal timed Todo list.

    Posted: 04 Apr 2020 04:27 AM PDT

    [Showoff Saturday] I wrote a VS Code extension that reminds you to take breaks by fading out the colors

    Posted: 04 Apr 2020 05:07 AM PDT

    Node server hosting with custom ssl options?

    Posted: 04 Apr 2020 12:35 PM PDT

    It's been days, I've been looking for a place to free host my nodejs server, and be able to use my own generated ssl certificates, in order for me to use them with socket.io .

    I've tried heroku, fly.io, glitch, none seemed to offer me a way to self insert my own ssl certificate.

    I know netlify does it, but they unfortunately does not support server hosting (a dynamic one such as a socketio server)

    any ideas? I'm beginning to lose my mind

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

    How do you automatically choose the language for a user in a multilingual website?

    Posted: 04 Apr 2020 10:27 AM PDT

    I just finished building a multilingual website for a customer, that has a few languages based on their target customers.

    **They wanted a feature to automatically choose the language for a user:**I was surprised that a quick google suggested that this should be done based on users locations (IP lookup), which is totally unreasonable, for the following reasons:

    • Users don't acquire language skills of a location, just because they stay in that location.
    • What if a location has multiple languages?
    • This will require that I reverse look up of the user's location using the IP address or
    • Get the location with the users consent

    The smart thing to do is to use the browsers language, to help choose the language, but not many multilingual websites do that. So I take this show off Saturday opportunity to say I managed to do it, and it was simple and easy, and the customer and the customer's customers are happy.

    Sometimes simple solutions are better.

    PS: This is the website I built https://relyonnutec.comand here is a detailed article of my learnings: https://www.linkedin.com/pulse/building-multilingual-website-antony-meyn/

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

    My Portfolio!

    Posted: 04 Apr 2020 08:47 AM PDT

    I started learning web development about 6 months ago. My life has changed drastically since then and I have learned so much! Thanks to all the active members in this sub for sharing their knowledge.

    Also, I was hoping to get some strong reviews of my portfolio website from you guys! I am open to cliticization and suggestions of any form! Things I did wrong, or things I could do better. I just want to get better and improve my skills.

    Starting today I am actively searching for jobs in the tech world, so if you have any tips on how to go about finding a job as a new coder, it would make me very happy if you share it with me.

    Thank you guys in advance for your help! Looking forward to learning from you!

    Wish me luck! Cheers!

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

    [Showoff Saturday] Video player I made that continuously 3D projects the edge pixels of each frame during playback

    Posted: 04 Apr 2020 04:09 PM PDT

    Help With a Styling Question

    Posted: 04 Apr 2020 03:50 PM PDT

    Help With a Styling Question

    Hello,

    My apologies if this isn't the right place to ask. I'm currently working on a Gatsby project and I wanted to recreate this image contained in a vertical hexagon using Gatsby Image, but I was having a tough time replicating it.

    My original solution was to use the Hexagon icon from the React Feather Icon package, and wrap my Gatsby Image in it (so it fills the width), but it doesn't work as intended. I do believe that my thought process would be ideal (using an svg icon so it can be easily scaled up or down) but I'm not thinking of the right implementation.

    Would appreciate any suggestions! I've attached the image as well for context.

    Thanks.

    https://preview.redd.it/1nex9etjrvq41.png?width=625&format=png&auto=webp&s=50a6b58aa27840dba0e808c95da5fc679053ef8b

    submitted by /u/1upSwift
    [link] [comments]

    Website crash on mobile, not on desktop, how to debug?

    Posted: 04 Apr 2020 03:48 PM PDT

    Hi !

    So I built a website that helps users pick their favorite products for their smart home. Everything is going very well on the desktop version and I just finished fixing the layout for the mobile version. However, it seems there is some problem that makes my website crash on mobile browser, but not on my desktop. However, since there is no console log on my mobile device, I can't see which request is making my web application crash.

    How can I see what is wrong with my app? I tried to use "mobile mode" in the Chrome DevTools, but nothing shows up.

    You can try it by yourself at bigbrainhome.com. You just have to pass the explanations (click on the fourth dot), click on let's start, add a room (e.g. Bedroom), go to the next screen and try to click on the drop menu for the Smart Assistants. The website should crash. I can record the whole thing if you aren't able to replicate the bug.

    I am very close to being able to release the website and this is the last obstacle I have to overcome.

    Thanks a lot for your help!

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

    How do you structure your angular project?

    Posted: 04 Apr 2020 03:42 PM PDT

    I read this article "How to define a highly scalable folder structure for your Angular project" but I don't like the folder modules, module home and he create another folder home to insert components like.

     |-- modules |-- home |-- components |-- pages | |-- home | |-- home.component.ts|html|scss|spec | |-- home-routing.module.ts |-- home.module.ts

    I don't think need to create "pages-> home" to separate the components | html | scss, from module, just need to insert with modules and routing, and it will be like that.

     |-- modules |-- home |-- components |-- pages |-- home.component.ts|html|scss|spec |-- home-routing.module.ts |-- home.module.ts

    What do you think about this? How do you structure your angular project?

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

    Is there any instructor offering free NodeJS course? Please let me know.

    Posted: 04 Apr 2020 03:35 PM PDT

    Is there any instructor offering free NodeJS course? Please let me know.

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

    Hey everyone, I finally redid my personal site [Showoff Saturday]

    Posted: 04 Apr 2020 03:33 PM PDT

    I'm pretty pleased with how it turned out, but I'm curious what other devs think. Please give me all of your delicious critical feedbacks.

    https://joey.codes

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

    My first CLI tool thought some of you might find it useful!

    Posted: 04 Apr 2020 02:57 PM PDT

    I just "finished" the basics of my first CLI Tool, written in Nodejs available as global npm package. Nothing specail but a nice and useful(at least i think so) tool.

    https://www.npmjs.com/package/lazy-project-creation

    ​

    Usage:

    - configure your workspaces

    - configure git access (personal access token, stored only on your machine).

    - create a new project wherever you are in the terminal.

    - it gets created in the selected workspace

    - initializes local git repository

    - creates repo on github

    - creates .gitignore

    - inital commit and push.

    - switches cwd to new project, start coding!

    ​

    I will improve and add functionality over time, but feel free to reach out if you want to know more, see something that could be improved.

    ​

    I plan on redoing in go once i am more familar with that language

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

    [Showoff Saturday] Sharing a list of country code calling by timezone

    Posted: 04 Apr 2020 02:20 PM PDT

    https://gist.github.com/chris480/7c7926325487514f2eb82050cfd6b4da

    Couldn't find an easy to consume list this week for a project. Went ahead and made my own. Had to parse and whittle down several different lists. I think a few might be missing.

    Use

    Intl.DateTimeFormat().resolvedOptions().timeZone

    to get user's timezone by region eg. "America/New_York"

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

    Any idea how to implement something like this?

    Posted: 04 Apr 2020 08:19 AM PDT

    How do I find how much db will cost me?

    Posted: 04 Apr 2020 02:02 PM PDT

    I want to make an app where use can save text posts.

    I estimated how much bytes that would be per user. It came out 40 mb. I expect to get 30000 maximum so I want to get that much capacity or at least have an option to go that much.

    Problem is that it's 1 - 2 Tb of data.

    My computers has 10 Tb of hard drive. So doesn't look too bad.

    However, online price calculators are showing $3k - $8k per month. That's crazy. What am I doing wrong here. Storage is suppose to be cheap this is just text.

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

    What are the best southeastern U.S. cities for web developers?

    Posted: 04 Apr 2020 01:56 PM PDT

    Charlotte, NC is at the top of my list but I'd like to hear advice for the best southeastern U.S. cities from web developers with experience with this.

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

    No comments:

    Post a Comment