• Breaking News

    Monday, April 12, 2021

    How to design almost any UI element (list of ~58 articles of how to properly build elements in terms of UI and UX) web developers

    How to design almost any UI element (list of ~58 articles of how to properly build elements in terms of UI and UX) web developers


    How to design almost any UI element (list of ~58 articles of how to properly build elements in terms of UI and UX)

    Posted: 12 Apr 2021 08:33 AM PDT

    Defining a new HTTP method: HTTP SEARCH

    Posted: 12 Apr 2021 07:08 AM PDT

    Court rules grocery store’s inaccessible website isn’t an ADA violation - The Winn-Dixie website isn't accessible for blind users with screen readers

    Posted: 12 Apr 2021 07:14 AM PDT

    My current HTML boilerplate

    Posted: 12 Apr 2021 06:40 AM PDT

    Project

    Posted: 12 Apr 2021 02:39 PM PDT

    Hi,i'm 13y,i'm learning webdev,this si My actual project i now it have some things to change but that is why i'm learning xD,thanks!

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

    How is engineering work being organized in your organization?

    Posted: 12 Apr 2021 03:29 PM PDT

    We are an engineer team of 10 people working in a startup.

    Up to now, we organized our work in iterations of 2 weeks.

    Before each iteration starts:

    1. Product team will assign stories for the next iteration.
    2. Engineering team leads will break down stories into technical tasks.
    3. After technical tasks have been created, we use planning poker to assign points to each development task.

    For the most part, this works fine. However, we have a few emerging problems:

    • Breaking down stories into technical tasks is taking a long-time. Team lead will spend about 16 hours.
    • Once broken down, tasks do not necessarily align with what actually needs to be developed, i.e. as developers start working, they realize more optimal ways to break down tasks.
    • As a startup, we have a lot of tasks that are added mid-iteration. This scope creep accounts anywhere from 10-30% of each iteration.

    As a result, engineers proposed that we abandon iterations and story points in general.

    • All stories would be organized in a single priority list.
    • Development tasks would be created ad-hoc to match what is being developed.
    • We would stop tracking engineer velocity using story points.

    My hesitation with this proposal is that without knowing team's velocity, we cannot plan when features will be completed.

    I am curious to know how engineering work is organized in your organization, if there are similarities to how we organize / consider organizing work, and pros / cons you have observed.

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

    Ok, I learned front-end, now what?

    Posted: 12 Apr 2021 03:25 PM PDT

    I spent the whole year learning HTML, CSS, Javascript and various other subdivisions of those. But I do not feel like it was good for anything since I had no luck finding work online, even though i made websites to show what i know. Do you have any recommendations for a newbie that wants to find a job? Id like to do project-based work, but I do not know how to find people! Im feeling like i wasted my time, and kind of hopeless...

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

    Cloudflare Pages is now Generally Available

    Posted: 12 Apr 2021 08:12 AM PDT

    May I ask a question about htaccess here. Please?

    Posted: 12 Apr 2021 02:18 PM PDT

    Hi everyone,

    I've been a member for some time now but much of what goes on is a bit over my head. We're moving from one registrar to another (Dotster/Bluehost) with a .ORG domain. Destination files remain in the same location. Previously, the .org redirect would append folder and file names as well ("mysite.org/shared/file.pdf" would redirect to "mysite.com/shared/file.pdf" but since the move it no longer does this. I was told we needed to use .htaccess which I paid to upgrade, but the variations on the actual code is almost limitless to a nitwit like me and the registrar doesn't provide that level of support.

    Any advice, help, answers, links? THANK YOU in advance!

    B

    example: would I just add a new #line for each subfolder name?

    # redirect

    Redirect permanent /old_directory/ http://www.new-domain.com/new\_directory/

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

    Way to practice promisses and async functions in Javascript?

    Posted: 12 Apr 2021 10:59 AM PDT

    Hi there!

    I want to get better in the areas that i kinda fell off a little bit and i want to know how can i pratice promisses and async functions in Javascript without just simple following tutorials.

    Are there exercices or tests that i can do?

    How do you guys practice that? And other things?

    Thanks!

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

    How to - Port iOS app to web

    Posted: 12 Apr 2021 10:21 AM PDT

    Hi, I am currently working on a new social media platform and one of the features we would like to [eventually] provide is the ability to view the feed on the web (like Instagram or Tik Tok, where you can log in and view your feed like on the app).

    I have no idea how to do that and I couldn't find any answers online (maybe because I don't really know how to ask this question!). Is there any way to do it and could you please pinpoint me towards some resources?

    Thank you in advance!!

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

    Responsive images using srcset and sizes not rendering correct image

    Posted: 12 Apr 2021 12:24 PM PDT

    I am trying to test responsive images out in Codepen to ensure I have it working before implementing in my theme but I can't get the correct images to render.

    I am using srcset and sizes and although the networking tab in devtools is showing multiple images being downloaded the actual images being rendered are all the same.

    Am I doing this right?

    ---

    CODEPEN: https://codepen.io/chrisdevelops/pen/4f9d02a4cf76926cc9941ae7d678b120?editors=1000

    SCREENSHOTS (website, devtools): https://imgur.com/a/zd1wimu

    HTML

    ```

    <section class="mx-auto max-w-screen-md px-5 py-12">

    <h2 class="my-4 text-4xl text-center text-gray-700">

    (min-width: 480px) 480px, (min-width: 768px) 768px, (min-width: 1024px)

    1024px, 100vw

    </h2>
    <img class="lazy" src="https://via.placeholder.com/3840x2160" srcset=" https://via.placeholder.com/3840x2160 3840w, https://via.placeholder.com/3584x2016 3584w, https://via.placeholder.com/3328x1872 3328w, https://via.placeholder.com/3072x1728 3072w, https://via.placeholder.com/2816x1584 2816w, https://via.placeholder.com/2560x1440 2560w, https://via.placeholder.com/2304x1296 2304w, https://via.placeholder.com/2048x1152 2048w, https://via.placeholder.com/1920x1080 1920w, https://via.placeholder.com/1664x936 1664w, https://via.placeholder.com/1408x792 1408w, https://via.placeholder.com/1280x720 1280w, https://via.placeholder.com/1024x576 1024w, https://via.placeholder.com/768x432 768w, https://via.placeholder.com/640x360 640w, https://via.placeholder.com/512x288 512w, https://via.placeholder.com/384x216 384w, https://via.placeholder.com/256x144 256w, https://via.placeholder.com/128x72 128w " sizes="(min-width: 480px) 480px, (min-width: 768px) 768px, (min-width: 1024px) 1024px, 100vw" alt="Testing responsive images" />
    </section>

    <section class="mx-auto max-w-screen-md px-5 py-12">

    <h2 class="my-4 text-4xl text-center text-gray-700">100vw</h2>
    <img class="lazy" src="https://via.placeholder.com/3840x2160" srcset=" https://via.placeholder.com/3840x2160 3840w, https://via.placeholder.com/3584x2016 3584w, https://via.placeholder.com/3328x1872 3328w, https://via.placeholder.com/3072x1728 3072w, https://via.placeholder.com/2816x1584 2816w, https://via.placeholder.com/2560x1440 2560w, https://via.placeholder.com/2304x1296 2304w, https://via.placeholder.com/2048x1152 2048w, https://via.placeholder.com/1920x1080 1920w, https://via.placeholder.com/1664x936 1664w, https://via.placeholder.com/1408x792 1408w, https://via.placeholder.com/1280x720 1280w, https://via.placeholder.com/1024x576 1024w, https://via.placeholder.com/768x432 768w, https://via.placeholder.com/640x360 640w, https://via.placeholder.com/512x288 512w, https://via.placeholder.com/384x216 384w, https://via.placeholder.com/256x144 256w, https://via.placeholder.com/128x72 128w " sizes="100vw" alt="Testing responsive images" />
    </section>

    <section class="mx-auto max-w-screen-md px-5 py-12">

    <h2 class="my-4 text-4xl text-center text-gray-700">75vw</h2>
    <img class="lazy" src="https://via.placeholder.com/3840x2160" srcset=" https://via.placeholder.com/3840x2160 3840w, https://via.placeholder.com/3584x2016 3584w, https://via.placeholder.com/3328x1872 3328w, https://via.placeholder.com/3072x1728 3072w, https://via.placeholder.com/2816x1584 2816w, https://via.placeholder.com/2560x1440 2560w, https://via.placeholder.com/2304x1296 2304w, https://via.placeholder.com/2048x1152 2048w, https://via.placeholder.com/1920x1080 1920w, https://via.placeholder.com/1664x936 1664w, https://via.placeholder.com/1408x792 1408w, https://via.placeholder.com/1280x720 1280w, https://via.placeholder.com/1024x576 1024w, https://via.placeholder.com/768x432 768w, https://via.placeholder.com/640x360 640w, https://via.placeholder.com/512x288 512w, https://via.placeholder.com/384x216 384w, https://via.placeholder.com/256x144 256w, https://via.placeholder.com/128x72 128w " sizes="75vw" alt="Testing responsive images" />
    </section>

    <section class="mx-auto max-w-screen-md px-5 py-12">

    <h2 class="my-4 text-4xl text-center text-gray-700">50vw</h2>
    <img class="lazy" src="https://via.placeholder.com/3840x2160" srcset=" https://via.placeholder.com/3840x2160 3840w, https://via.placeholder.com/3584x2016 3584w, https://via.placeholder.com/3328x1872 3328w, https://via.placeholder.com/3072x1728 3072w, https://via.placeholder.com/2816x1584 2816w, https://via.placeholder.com/2560x1440 2560w, https://via.placeholder.com/2304x1296 2304w, https://via.placeholder.com/2048x1152 2048w, https://via.placeholder.com/1920x1080 1920w, https://via.placeholder.com/1664x936 1664w, https://via.placeholder.com/1408x792 1408w, https://via.placeholder.com/1280x720 1280w, https://via.placeholder.com/1024x576 1024w, https://via.placeholder.com/768x432 768w, https://via.placeholder.com/640x360 640w, https://via.placeholder.com/512x288 512w, https://via.placeholder.com/384x216 384w, https://via.placeholder.com/256x144 256w, https://via.placeholder.com/128x72 128w " sizes="50vw" alt="Testing responsive images" />
    </section>

    <section class="mx-auto max-w-screen-md px-5 py-12">

    <h2 class="my-4 text-4xl text-center text-gray-700">25vw</h2>
    <img class="lazy" src="https://via.placeholder.com/3840x2160" srcset=" https://via.placeholder.com/3840x2160 3840w, https://via.placeholder.com/3584x2016 3584w, https://via.placeholder.com/3328x1872 3328w, https://via.placeholder.com/3072x1728 3072w, https://via.placeholder.com/2816x1584 2816w, https://via.placeholder.com/2560x1440 2560w, https://via.placeholder.com/2304x1296 2304w, https://via.placeholder.com/2048x1152 2048w, https://via.placeholder.com/1920x1080 1920w, https://via.placeholder.com/1664x936 1664w, https://via.placeholder.com/1408x792 1408w, https://via.placeholder.com/1280x720 1280w, https://via.placeholder.com/1024x576 1024w, https://via.placeholder.com/768x432 768w, https://via.placeholder.com/640x360 640w, https://via.placeholder.com/512x288 512w, https://via.placeholder.com/384x216 384w, https://via.placeholder.com/256x144 256w, https://via.placeholder.com/128x72 128w " sizes="25vw" alt="Testing responsive images" />
    </section>
    ```

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

    Efficient And Safe Allocations Everywhere!

    Posted: 12 Apr 2021 11:46 AM PDT

    Browser hack or workaround to autologin to webapp that uses auth0/Google?

    Posted: 12 Apr 2021 03:26 PM PDT

    At work there's this homegrown webapp (www.someurl.com) I have to use daily. It uses auth0 > Google SSO for auth. Usually I have to click 2 buttons - a "Login with Google" button > click another button that selects my Google acct (https://accounts.google.com/o/oauth2/auth).

    Unfortunately the session times out every hour so I have to keep logging in, it's so annoying. Any secret hacks or workaround so when I visit www.someurl.com it autologins for me? I don't want to use keyboard macros. I can be fairly technical, but not sure where to start

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

    Modals

    Posted: 12 Apr 2021 03:10 PM PDT

    Is there a way to make it so you can interact with the site when you click outside of the Modal? I Have a simple draggable modal but I want my users to be able to interact with buttons on the front page simultaneously##### <div id="myModal" class="modal"> <div id="mydiv"> <div class="modal-content">

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

    Need help with technologies for chat university project

    Posted: 12 Apr 2021 03:07 PM PDT

    Hello
    I am planning to do a chat web application for one of university courses. I plan to do frontend in react and backend in Spring Boot.

    My idea for this app is for it to be a website like omegle, but only text. There would be a main screen where a user would choose his username/age and proceed to a chat with a random person. I don't plan to save chats in database unless they are reported, which I don't know if I will implement depending on how it will go.

    I don't have experience with reactive web yet, not with chat applications however I have read on the internet about it and it doesn't seem to be too hard to implement, at least at the basic level. I do have experience in writing REST APIs with SQL database connections and all of dao, dto and service layers.

    The problem I have is with chat technologies. I have seen that there are technologies like WebFlux, WebSockets, RabbitMQ and I honestly am looking for an advice about which one I should choose for this project and why.

    The other issue I have is database choice, I have seen that for chat projects MongoDB is being used. Is there any other choice or the best one is to go with Mongo?

    The last thing is the way that it should work. Do I always need to save messages in the database like MongoDB or can I store it in the memory of the application? I would like to use the better way anyway, not the easier one.

    I appreciate all responses

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

    Linux or macos

    Posted: 12 Apr 2021 02:53 PM PDT

    If you were starting webdev today would you learn on Linux or macos? Trying to pick a laptop to buy, leaning towards a new MacBook Air with the M1 chip, but I'd like to hear others thoughts.

    submitted by /u/Cold-Fan
    [link] [comments]

    When are requests encrypted on HTTPS websites?

    Posted: 12 Apr 2021 02:52 PM PDT

    I was once on an HTTPS website that I forgot the name of. I opened the Network tab to see all the requests being sent to the server, and I found one in which my credentials were written in plain text. I got so confused because from my knowledge, these websites normally send encrypted requests to the server. Am I wrong? Do these requests get encrypted somewhere else before reaching the server?

    Thank you.

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

    How long did it take for you to learn webdev and start freelancing?

    Posted: 12 Apr 2021 02:39 AM PDT

    How long did it take for you to learn webdev and start freelancing? and how many hours a day did u spend on learning?

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

    Building a chat with Firebase

    Posted: 12 Apr 2021 02:02 PM PDT

    Previously Submitted Textbox Values and CSS

    Posted: 12 Apr 2021 01:25 PM PDT

    My goodness, this is going to sound like the stupidest question chained to a not-so-stupid question, but here goes.

    If one has previously filled out a form, then goes back to fill out a form, oftentimes the previous response will show up as a potential option to fill in the form. It appears below the text box. I cannot, for the life of me, think of whatever technical term may exist for this element--that's actually the first question.

    The second is, having the answer to the first (or not): I'm experiencing an issue where, when a user hovers over that previously filled in response, the font of the actual textbox changes. I'd like that to not happen. I'm not sure how to go about that (I mean, I can't even think of what to call the blasted thing). Most help is appreciated, and thank anyone in advance for helping me with this not-so-fun situation.

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

    When interviewing at a company, do you prefer take home tests, 2-3 technical phone screens, or online assessments? I'm doing some research to test a personal hypothesis and would love to hear your opinions!

    Posted: 12 Apr 2021 01:20 PM PDT

    You spent all your time building a beautiful JSON API, but now you only have 1 day left to build the search-sort-filter front-end. What's your plan?

    Posted: 12 Apr 2021 01:16 PM PDT

    No, this is not my exact scenario. But we have a project where the API is the king, and it won't be worth much time for us to develop a custom user interface.

    Can anyone recommend a Javascript library or framework or any type of pre-made code that would give us a modern interface for search, sort, and filter? Really looking for something to just plug the API into and be done.

    submitted by /u/su-z-six
    [link] [comments]

    Headless CMS blog question

    Posted: 12 Apr 2021 01:10 PM PDT

    Hi guys,

    How would a client create new blog content after it's completed?

    I use Strapi and as the developer I can just add content through the Strapi localhost but my friend wont have access to that localhost right?

    Does that happen through a post request to the API?

    I'm still a bit confused as to how a headless CMS works so excuse my ignorance.

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

    No comments:

    Post a Comment