• Breaking News

    Friday, September 25, 2020

    Halfmoon v1.1.0 - Bootstrap alternative with a built-in dark mode, now fully customizable using CSS variables web developers

    Halfmoon v1.1.0 - Bootstrap alternative with a built-in dark mode, now fully customizable using CSS variables web developers


    Halfmoon v1.1.0 - Bootstrap alternative with a built-in dark mode, now fully customizable using CSS variables

    Posted: 25 Sep 2020 01:19 PM PDT

    Hello r/webdev, I posted the very first version of my framework in a previous Showoff Saturday, and the response was amazing. I am posting this again because the framework has had a major update. As of v1.1.0, the following things apply to the framework:

    • Built-in dark mode—Halfmoon comes with a built-in, toggleable dark mode, which is one of its most important and defining features.
    • Fully customizable using CSS variables—The framework is built entirely using CSS variables (also known as CSS custom properties). There are close to 1,500 CSS variables, which means that almost everything can be customized by overriding a property, making it very easy to theme Halfmoon to fit your brand. Learn more about customization.
    • Great for building dashboards and tools—The components have a very standard look and feel to them, making them suitable for dashboards and tools. Moreover, a lot of importance is placed on components such as forms, navbars, sidebars, dropdowns, toasts, shortcuts, etc. and there are also tons of utilities available.
    • Optional JS library—Many of the components found in Halfmoon are built to work without JavaScript. However, the framework still comes with a powerful JavaScript library with no extra dependencies, such as jQuery.
    • Bootstrap like classes—The class names should be instantly familiar to anyone who has used Bootstrap.
    • Cross-browser compatibility—Fully supports almost all the browsers under the sun, including really old ones like Internet Explorer 11.

    Website: https://www.gethalfmoon.com/

    Github: https://github.com/halfmoonui/halfmoon

    Future versions are going to be focusing on bringing in more components and utilities, improving accessibility (in the documentation, and also special accessibility settings built into the framework which can be toggled by the user), and much more hopefully. Once again, I would really appreciate any feedback. You can follow the project by starring it on Github.

    submitted by /u/tahm-hm-dev
    [link] [comments]

    Amazon Luna's PWA. Does anyone else think it's as cool as I do?

    Posted: 25 Sep 2020 07:37 AM PDT

    Most of my work these days is on a PWA that my team is building to replace our legacy SSR application. It's definitely cool and high tech for a web app, it's lightning fast, it's using Vue, it's a PWA with offline mode and fully mobile friendly, etc. But, the idea that you could build a website (that's really all that a PWA is, other than the things running in the background like a service worker, local storage, and the ability to hook in other, non-web languages, etc) that can stream high quality video and return the users input with the ultra low latency required to make playing a game enjoyable is just amazing to me.

    This feels like I'm witnessing the future of my job, way sooner than I expected it. I know something like this has been coming, and I know there are things that did something like this, like Google stadia, but for some reason this feels different.

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

    I would be very grateful if someone who is in charge of hiring people in this industry took a look at my portfolio website and said how I am doing as a junior fullstack dev:)

    Posted: 25 Sep 2020 04:01 AM PDT

    This is my portfolio website: https://benz0is.github.io/Portfolio/# , Github is inside :) Thanks a lot :)

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

    How to achieve this specific effect on the WoW Shadowlands website?

    Posted: 25 Sep 2020 09:33 AM PDT

    Hello. I'm trying to find some guidance on how to achieve one of the effects on this website:

    https://worldofwarcraft.com/en-us/shadowlands

    When you first visit the page, there are these floating ice shards that surround the landing page. On scroll, they move upwards or downwards depending on which way you scroll. I was wondering if anyone knows how I might achieve something like this using Javascript?

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

    Can someone help me with understanding escaping user input?

    Posted: 25 Sep 2020 06:12 AM PDT

    I have been learning backend developer recently, so pretty much a beginner here. I started out with the express/mongoDB tutorial at mdn.

    There they said that for security purposes we need to sanitize the data we get from the users. Used express-validator for that purpose.

    I was curious about the meaning of this. I dug and found out about XSS.

    So what am I asking. Express validator escapes apostrophe ('). Sometimes that is in the input. I found that I can whitelist that character before escaping.

    Is escaping before storing into the database the norm? What if some of those characters hold meaning to the user and isn't malicious? Should I unescape before storing? Or should I just whitelist some characters?

    If you have reading material or videos on this subject I would appreciate if you share!

    Thanks for reading!

    Edit: I was copying game descriptions from steam. The do show apostrophe (') in their site. So do they not escape the data? Or do they unescape before displaying it?

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

    My current job has problems, but for the most part it allows me to cruise with mostly minimal work. The product is not what I want to use my skills for and the management is not great. Should I move on to try and grow or stay comfortable and slow down my growth as an engineer?

    Posted: 25 Sep 2020 02:43 PM PDT

    TL;DR: stagnant at work, but its easy, pays decent. Bored often, been at it for 4 years (startup terms thats a lifetime). Cashed out from acquisition. Thinking of moving on to bigger challenges. They will be harder but more rewarding long term as it will help me grow as an engineer. Ultimate goal, retired as early as possible.

    I work at a now acquired startup. We were very successful and I got some equity payout. I started as a self taught engineer (no bootcamp) and now after 4 years they have made me a senior engineer (though I feel it is title only). The job now feels like I am coasting and not necessarily growing much. I don't feel motivated to work much, and I don't care a ton about the industry I am in. In fact I am somewhat anti our new product post acquisition. Combine this with some poor management (don't seem to invest in my growth or give me tickets to help me grow much) and I am just kinda burnt out/bored.

    BUT, it pays pretty well (i could use more $ though as I am trying to retire very young) and its easy! I coast. Part of not having super tough tickets leads to a real coasting and ability to just mail it in. But this is at the cost of me actually growing.

    I have started looking for other jobs, to test the waters and see how horrible I am at tech interviews (which I am pretty sure is horrible, what a dumb process). But I am not so sure if I should change gigs.

    (Side note, I have a couple anxiety disorders and sometimes work is straight up impossible for me. Not sure I'd do great learning a new code library at a new company, part of the comfort of staying at current gig).

    Any advice? I was thinking of just building my own stuff in my spare time at work. I have some ideas for things I want to build (not a big coder outside of work). It is also hard for me to just 'learn new stuff' for the sake of learning. I only learn new things when it is needed I guess.

    Anyway, thanks for reading.

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

    Is DKIM/SPF sufficient, or use SendGrid/MailGun to avoid being spam bucketed?

    Posted: 25 Sep 2020 03:56 PM PDT

    I've set up a new VPS and I'd like to transition my mail over. I'm curious to know any thoughts on whether or not setting up a DKIM/SPF/DMARC record is enough for my email to not get spam bucketed by the larger email providers, or if I should relay my mail through SendGrid, MailGun or a service like it to ensure I'm sending the highest quality mail?

    Mail seems to be a huge beast and is taking up more of my attention than I anticipated. I am having a blast learning, but would love to hear some opinions. Thank you!

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

    Employed devs, how do you feel about your day if you hit a road block?

    Posted: 25 Sep 2020 03:55 PM PDT

    I was thinking about this today, but sometimes for me at least I'll hit a road block, and despite all the research in the world, accomplish very little.

    This is a rare occurrence but it got me thinking, how do you guys feel when you get stuck like this? Do you ever feel like you wasted the day or you didn't feel productive because you didn't accomplish whatever goal you set out that day?

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

    Where are some UI resources I could take a look at to get the design idea for my website?

    Posted: 25 Sep 2020 08:03 AM PDT

    Hi all,

    As title, I'm looking for some sites/resources that showcase professional and beautiful looking (yet simple) web templates / design examples to get some idea on how I would design the website for my startup (as I'm not a UI guy). Would really appreciate if you guys could point me to some nice references.

    Thank you very much!

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

    Getting into back-end. Am I supposed to know this by heart? Should I memorize it or just copy paste it?

    Posted: 25 Sep 2020 03:20 PM PDT

    How we built the Chrome DevTools Issues tab

    Posted: 25 Sep 2020 09:21 AM PDT

    Javascript and the DOM excercises for junior devs?

    Posted: 25 Sep 2020 03:21 AM PDT

    I need some excercises (not projects) for junior developers. It specifically needs to be about what can javascript do to the DOM. I'm googling around and it's either pure javascript or it's small projects like tic tac toe.

    Can someone help me find this,
    thank you very much

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

    The jump: my first non-tutorial project, is my idea a good one?

    Posted: 25 Sep 2020 09:02 AM PDT

    Hey there!

    TL'DR: My previous role became redundant (Tech Support Engineer), decided to finally submerge into learning Webdev. Played with Python before here and there, and went for Angela Yu's Udemy course, which teaches MERN stack.

    Just finished the course, and through friends I have my first real world task: a photographer friend would like to have a quite basic portfolio website for her new studio. She doesn't have any fancy requirements, just the usual: testimonials, gallery, etc. Maybe changing a few pictures in the gallery here and there.

    I know that for this a CMS would suffice, but it's a good learning opportunity for me (I am doing it pro bono, so I would say it's a win-win situation).

    For the whole project my current plan is to use React, Next.js (which I am learning currently) to increase SEO and speed.

    So what do you guys think? Is this project a good idea for a starter, and could help me land an entry level position down the road? (ofc after adding a few more projects to my portfolio). I have a Geoinformatics degree, so I hope this could help me get through the HR hell...

    Cheer! :)

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

    Detached window memory leaks

    Posted: 25 Sep 2020 02:43 PM PDT

    How to manage html and php pages.

    Posted: 25 Sep 2020 02:30 PM PDT

    Hi guys

    I am wondering how you guys are managing Multi site web pages where there is aways a navbar.

    are you using folder or just throw everything in one place?

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

    Advice on Learning to Build a Calendly Clone (Booking System)

    Posted: 25 Sep 2020 02:29 PM PDT

    Long story short, over this whole pandemic (and shortly before) I started expanding my skillset a bit and took up learning Javascript.

    Subsequently I learned Node, MongoDB, a tiny amount of Firebase, and React along with it. (Planning on learning a relational DB like Postgres next)

    And so I've been screwing around with some practice projects that serve no real purpose other than for me to learn things.

    But one thing has constantly sat there in the back of my head. A booking system similar to Calendly.

    I'm probably overthinking the entire thing, but I can't for the life of me think of where I'd even start with something like that. I think I am mostly getting hung up on generating time slots based off availability, time slot lengths and timeslot availability. (Though in hindsight this is probably due to my not fully understanding dates in JS so maybe thats where i need to start)

    My hope is that someone could point me in the right direction.

    Whether that be a tutorial, a skill i need to learn (example: master dates in javascript or learn the moment.js library better), a npm module I need to look at, a library I should learn, another coding language, an api to look at, etc...

    No, I'm not legitimately trying to build a Calendly clone that the public would use. I just want to build my own system for the sake of my own sanity and learning and am trying to get advice on where to start from those more experienced than myself.

    Thanks!

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

    Is it normal to have a continuous chit chat in your mind that you are not good, you need to learn this, that. Why are you resting.

    Posted: 25 Sep 2020 05:42 AM PDT

    I recently started a job and my mind is constantly like i need to learn this that. You are not good enough. Practice more. Even when I wake up this same thought process is going on in my mind. Even on weekends i keep thinking about this.

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

    Url "masking" to hide url parameters

    Posted: 25 Sep 2020 04:13 AM PDT

    I thought I'd ask here as I've never had a need for this but these requests pop up.

    I have, for example, a url with :

    example.com?product=book

    I then have a php script that grabs the product parameter and executes sone JS from it.

    Is there an approach where this can be done but the end user only sees example.com

    Also the hosting company I'm working with is deprecating .htaccess while it rolls out PHP 7.4, so that's not an option either.

    Any ideas?

    Thanks!

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

    What are your opinions about Blazor?

    Posted: 25 Sep 2020 07:32 AM PDT

    How does this community feel about Microsofts new SPA framework Blazor? Do you guys think it is going to stick around?

    I really like the idea of being able to get away from Javascript and Typescript when doing frontend development. I havent taken the time to really dig into blazor, just probing for opinions.

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

    Changing Emoji Skin Tones Programmatically

    Posted: 25 Sep 2020 04:47 AM PDT

    Overwhelmed at making the leap from front end to back end

    Posted: 25 Sep 2020 12:49 AM PDT

    As a web development beginner, i feel like I've gotten a pretty good grasp of HTML, CSS and JS, and think I am ready to move on to the next stage. I still feel like I need to cement some of my skills, so I don't think moving on to framework is right for me yet. I thought a nice natural progression would be to start using a database.

    Having basically never touched the command line in my life, this feels extremely overwhelming. I did some research and decided Postgres seemed like a good database to learn to use, and thought I'd set up an easy system in which I just store usernames and passwords in plain text (obviously not a real website I will be putting online) from the log in form page I made. But then I realise that there is no way to communicate with a database just form the front end, so I began to get ready to move onto back end knowledge and how to communicate between the two.

    This leads to now, where I am wondering how I learn to connect the front end with the back end. Do I learn node.js? It seems like such a broad subject and is pretty intimidating, so do I just focus on a database tutorial? The best educational material I can find on the matter seems to be from a YouTuber called Hussein Nasser, but his video seems a bit "do this, do that" rather than truly educational.

    Has anyone else been in this situation? What do I do?

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

    Which accessibility testing tools do you use?

    Posted: 25 Sep 2020 01:14 AM PDT

    There are tons of online tools that analyse your page for potential accessibility problems like color contrast, alt tags, aria labels, etc.

    I have tested some of them and get really big differences. For the same site, some tools report 1 critical problem, others 137.

    So what tools do you use, and why?

    Exhaustive list of tools here: https://www.w3.org/WAI/ER/tools/

    submitted by /u/void-wanderer
    [link] [comments]

    Any full-stack professional projects I can peep on github?

    Posted: 24 Sep 2020 11:06 PM PDT

    I'm looking to solidify my skills and increase my knowledge base of the web development ecosystem. In order to do so, I would like to interact with real world projects built by professionals that follow clean code methods.

    I want to absorb the file structure, documentation, and coding styles of really well built full-stack projects.

    Are there any repos, or projects that you guys should point me towards to help me this? Thanks

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

    No comments:

    Post a Comment