I just developed my first website web developers

I've been meaning to put this together to share with everyone. I've seen a lot of dark mode tutorials and some complicated ways to do it, so I made something simple that you can just copy and paste into your code and it just works. I even provide the styled dark mode toggle button for you to place anywhere in your html. Just absolutely position the button anywhere and it will work!

https://www.oakharborwebdesigns.com/blog/2020/december/how-to-add-dark-mode-to-a-website#blog-post

I created a static handmade blog page to share the code and explain how it works. I'll also be making posts about how to learn web design and sell to small businesses and build a freelancing business like me to help freelancers make sales, make great products, how to do mobile first and responsive design, the works.

I want to help any new freelancers out there get started with the right foot forward. I comment a lot here on this sub answering a lot of the same questions regarding selling to small businesses and freelancing so I figured it'd help a lot of people if I turned those answers into detailed blog posts to help anyone with those same questions.

This is the first of many helpful resources I want to share with the community. Dark mode is a new and fancy topic that is getting more and more popular. So rather than banging your head against the wall trying to make it yourself, I provided all the code to make it happen and you can start writing dark mode styles in less than 5 minutes. Hope this helps!

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

How would I create an area beside the navbar like this and with the overlapping border between the navbar and main area as well?

Posted: 17 Dec 2020 11:16 PM PST

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

How are websites like these made?

Posted: 18 Dec 2020 09:38 AM PST

Hi,

I was wondering what libraries are generally used to make websites like these and if there's any special name for such type so that I could look up a tutorial:

Any insights would be highly appreciated!

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

Handling Short And Long Content In CSS

Posted: 18 Dec 2020 06:02 AM PST

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

iOS 14.3 Brings WebRTC to WKWebView, Closing Gap on iOS Accessibility

Posted: 18 Dec 2020 12:37 PM PST

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

Design Training

Posted: 18 Dec 2020 07:23 AM PST

I'm trying to find a ux design education platform for a team of developers and was curious if anyone here had feedback or thoughts on what was successful at your company or with you specifically. The group I'm attempting to find education for is mostly back-end ruby on rails developers with very little experience with design. I would ideally like three levels of education for various members of the team, with an intro to UX, fundamentals, and maybe a human centered design class - ideally all within the same suite of education if possible. Also ideally it's something a developer can complete during their down time at work, not a daily scheduled class.

Right now, my top contenders are:

I'm a design professional with no "formal" training in user experience, but have honed my skill set over about an 8 year span (4 spent freelancing) and without having gone through a bootcamp or online training myself, I'm having trouble finding what's appropriate for someone completely foreign to the field.

*Edit - I'll also say I looked into NN Group and while I belive they'll probably be the best education option, their cost turned me (and my company) away.

Thanks

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

Playing back an array of events as accurately as possible

Posted: 18 Dec 2020 09:52 AM PST

I have an array of events with timestamps, and wish to perform a "playback" (perform an animation) per event in real time client side.

setTimeOut seems to imprecise (can be blocked fx. and can be delayed).

requestAnimationFrame seems like what I want for the animation itself.

Any suggestion for handling the timing with precision?

Any help would be much appreciated!

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

How can I test and debug my website on multiple browsers?

Posted: 18 Dec 2020 03:31 PM PST

Hello everyone,

I was trying to debug my website on multiple browsers because it has bugs on Safari and Samsung Browser. So far, there is no issue with Samsung Browser, Chrome, Firefox etc for me, because I own a Samsung S10 smartphone, so I can test it on my phone.

But I don't own any Apple products and is there a way to debug and test my website on various browsers or even devices?
I found something that is called BrowserStack.com but this is actually pretty expensive and I wonder if there are other alternatives like dockers or VMs or anything that is cheaper. I wouldn't mind to pay like 10 bucks a month but 40 is bit too much.
I'm a Hobby Webdev and not a professional.

Currently I'm running Arch Linux with Gnome desktop and Wayland.

I would be very thankful for any help or tips.

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

scrollTo not working when loading the site first time from a new browser or in Incognito mode. Why?

Posted: 18 Dec 2020 03:11 PM PST

It works fine after refreshingt the page. What can be the reason ?

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

I developed Map Application showing places distribution in Poland

Posted: 18 Dec 2020 11:19 AM PST

Last days I created a small application using JavaScript and carto.com services.

You can search places in Poland by its name, choosing wether it has to search only by ending, beginning or whole phrase. My point was to see how the places with different names (suffixes particularly) are located in Poland.

For users outside of Poland I've prepared a bunch of predefined phrases (mostly endings for now, I should add some more in a few days) so you can check it out.

Data is downloaded from Main Office of Geodesy and Cartography of Poland, processed in QGis (cleanup), exported to GeoJSON and stored on CARTO. They provide a great library (Carto JS) to manipulate and display your data stored a web application.

Any feedback is highly welcome.

The app is available here: https://icelandico.github.io/places-names-finder/ .

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

Request for feedback - Notion as a headless CMS

Posted: 18 Dec 2020 03:01 PM PST

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

My First Calculator!!

Posted: 18 Dec 2020 02:12 PM PST

Hey all! i wanted to ask for feedback on my mortgage calculator! kind of a show off too but i really want feedback. it's on my github at: dj51401.github.io [Dj's Calculator](dj51401.github.io) thanks in advance!!

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

Could I get some help with mobile formatting my website?

Posted: 18 Dec 2020 01:46 PM PST

I have a silly question, but something that has been driving me nuts. My desktop WordPress site is serviceable. Not the most sexy thing ever, but it gets the job done.

The issue I have it in mobile, especially for my blog posts. Every single post has the text stuck in this annoying centered position, regardless of whether I have the text left justified or not.

Can anyone help me out with troubleshooting this? I'm sure it's something stupid I need to implement, but I'm pretty rusty on my CSS.

http://www.brandonjpetroski.com/better-to-burnout-out-than-fade-away-a-burnout-retrospective/

Thanks you for your time and help in advance.

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

I think i have a problem

Posted: 18 Dec 2020 01:16 PM PST

I was giving a coding assessment online and i found out i have a very hard time to understand the question. I just kept reading and reading and trying to process what the question is asking. I did eventually solved all the problems but all the answers were like in last 30 sec. Like there was a question on React where the code was wrong and i had to fix the components to get the desired output. I got 15 min to solve this. For the first 13 min i just kept reading again and again scratching my head at a point where i just wanted to give up on question but eventually after looking closely i realised oh i just had to change the state and was able solve in under 1 min . Anyone having a similar experience or how can i deal with it. Any help will be appreciated. I think this happens only in coding challenges but when i am working on my own i kinda know what i am doing for the most part and dont have a panic attack if i hit a bug.

submitted by /u/Fluid-Dimension
[link] [comments]

Any articles that explain why you don't want to block VPN access to your website?

Posted: 18 Dec 2020 08:38 AM PST

Let me explain. The owner of a business is trying to tell me that they want all VPN access blocked going to their website so that competitors viewing the site cannot do so unless they view it publicly. Before you melt from thinking about that. I want an article to show him why you would never do this. They have an e-commerce site and risk blocking a ton of visitors over a conspiracy theory. Any feedback here? I am going crazy fighting this idea.

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

2048 game implemented with Rust and Yew and compiled to WASM

Posted: 18 Dec 2020 08:10 AM PST

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

Performance issues with backend logic: Moving server logic to client for performance? Reorganize logic? Something faster than flask? (ReactJS + Flask)

Posted: 18 Dec 2020 11:42 AM PST

I'm building my first web app and wondering what the best practices are for this situation. Also I intend to try all the viable solutions but wanted some experienced perspective to help save time or avoid rewriting things needlessly.

The app I'm building takes a search query and sends it to a simple flask backend which grabs photo urls from an image search api, and saves them to memory as an array (iterating over them to discard any error responses). I then iterate through that array, grab some data from the photos which populates a new array, and returns that as JSON. The individual results are then browsed in the app via swiping, when swiped past the last one it resends the request for the next page. For an idea of how long this takes, I just ran it for 25 results and it took 17 seconds, which is far too long for a user to stare at a loader wheel. I can of course return 1/2 the results but then the loading is obviously 2x as frequent etc.

The image search API request is quick enough, the "processing" of the photos and gathering the data is not. This also requires that the entire process finishes before returning the JSON to the client, where if it were in the client I could handle each image's data individually as it finishes, making the UX much smoother with potentially irrelevant loading times.

So I'm wondering if it is bad practice to have the backend simply return the URLs and have the client handle the remaining logic? Would this be too taxing on the browser / slow in JS? Is flask/python just slow in this case? Or is my code just bad / could be improved? Or even handle the whole process in the client? But then my API keys would be exposed, correct?

So currently I'm thinking to try returning just the urls from flask, and handle the rest in the client and see how that performs, and maybe try doing this in Node or another language but want to see what y'all have to say about it.

Python code for reference:

https://preview.redd.it/5jaegt9zwz561.png?width=619&format=png&auto=webp&s=a3dde8e0e125a18f93eb15d1cb6ea9e77d81a1fd

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

Breaking News

Programming29

Friday, December 18, 2020

I just developed my first website web developers

I just developed my first website web developers

No comments:

Post a Comment

Popular

Blog Archive