• Breaking News

    Friday, July 3, 2020

    Halfmoon - Alternative to Bootstrap with a built-in dark mode web developers

    Halfmoon - Alternative to Bootstrap with a built-in dark mode web developers


    Halfmoon - Alternative to Bootstrap with a built-in dark mode

    Posted: 03 Jul 2020 03:00 PM PDT

    Hello Reddit, first post here. I spent the last 3 months of lock-down building Halfmoon, which is an alternative to Bootstrap with a built-in dark mode. Anyway, here are some interesting things about the framework:

    • Designed specifically for building dashboards—This means that a lot of importance is placed on components such as forms, navbars, sidebars, dropdowns, toasts, shortcuts, etc.
    • 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.
    • Easily customizable—The repo also contains a variables file where custom CSS properties (variables) are used in the code for things like colors, layout properties, etc. This makes it extremely easy to customize Halfmoon to your liking, as the use of modern CSS variables means that things like pre-processors are not needed.

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

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

    Would really appreciate some feedback. And please give it a star on Github to follow the progress, I have a lot more things planned for the framework.

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

    My secret technique for showing progress to users.

    Posted: 02 Jul 2020 09:36 PM PDT

    I made a website where we can write alternatives to Chinese products.

    Posted: 03 Jul 2020 12:43 PM PDT

    This is a very basic website with CRUD operations (I have removed Update and Delete Function). I made it with Node, Express, Pug and MongoDB, and Digital Ocean as the host. You can check it out here altrNATIVE Website . This is also the first website that I have made for a cause and finally launched it. There is still a lot to learn.

    Some problems with my development of this website:

    • Dirty and unreadable code. Mostly the CSS.
    • Didn't keep SEO in mind.
    • No security against bots.

    I'm open to suggestions.

    Thanks to this SUB and its members for keeping me motivated.

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

    Just Finished My First Coding Project

    Posted: 03 Jul 2020 03:38 PM PDT

    Hey Reddit!

    I just wanted to thank everyone on this sub-reddit. I had a few questions in the past that got answered here. Being a self taught programmer, it's a nice feeling to have a community to ask questions to when I get stuck. ( I have no friends that do web-development so its hard to ask them for help).

    Little backstory about me, I graduated college with a Molecular, Cell, Developmental Biology degree and started working in drug testing and hated it. I always had an inkling for computers and CS related things, so I decided to study programming on my off time. I started off with Ruby but then switched over to Javascript. As of recently, I decided to quit my full-time job to put all my effort into pursuing Web Development.

    Today I just finished my first project I built from scratch. A friend of mine and I were playing a Facebook game together and I realized that I knew almost enough to code the game, so I decided to make it my first portfolio project.

    I used MERN stack to build this game and although its simple and the code is a bit messy right now ( I have to refactor it ). It was challenging yet fun for me and it was a really good feeling having my friends and parents enjoy the game.

    If you guys have a few minutes to waste, feel free to check out my app. Thanks for reading my post, I was proud of the little game I made and wanted to share it somewhere. Hopefully with a few more months of studying, I'll be able to land a job and make another post here about it.

    https://brianbubblegame.herokuapp.com/

    Edit: Thanks for playing my game guys. It makes me really happy to see you guys beating me on the leaderboard. Feel free to give me any feedback (ex. if the game should be 25 seconds instead of 20) or report any bugs, and I'll do my best to take a look at it!

    Edit Edit: Whoever is KYU stop dominating the leaderboard lol, time to make a 6x6 and 7x7 level.

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

    Barclays bank serve their JS assets through a 3rd party host!

    Posted: 03 Jul 2020 05:05 AM PDT

    Do FANG companies(Google, Microsoft, Amazon, etc) allow candidates with senior level experience, to interview for their entry level positions?

    Posted: 03 Jul 2020 02:16 PM PDT

    Let's say you've been a developer for years, but you've always wanted to work for a FANG company. But you're aware of how difficult it would be to score a senior level position right away. Would these companies typically turn down people for intentionally applying for positions far below their experience level?

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

    tsParticles - What particles.js could be if it wasn't abandoned years ago

    Posted: 03 Jul 2020 08:00 AM PDT

    Help Creating a Full-Bleed SVG-based ImageMap?

    Posted: 03 Jul 2020 04:12 PM PDT

    Help Creating a Full-Bleed SVG-based ImageMap?

    Hi folks!

    I'm starting a new project for a friend. We want to make something that looks sort of like the WordPress theme below, with something a little extra.

    Ideally, we would have menu items/logo that sit on top of a background image that extends to the edges, just like you see here, but instead of links styled with CSS attributes, we would like to have imagemap links based on an image, instead of the "Start Now" and "Download" links. So in this example, we would take away these link buttons, and instead have a couple of the tips of the mountains be the links.

    https://preview.redd.it/u1cudjm63q851.png?width=572&format=png&auto=webp&s=35a6ae29865aa47545fd326dc98199533f7405c6

    My plan is to use https://imagemapper.noc.io/#/ to create an SVG-based imagemap, so that it can be responsive/scaleable.

    Normally to achieve this full-bleed, I believe one would set the image here using the CSS background element, but I don't think I can do that and *also* have the above imagemap functionality. If I put the image in via HTML, I don't think it will extend to the edges... and then I'm not sure how I would position the logo/menu items on top of the image in a responsive way.

    Any suggestions about how to construct this? I'm only an occasional developer so I'm having a hard time figuring out the best way to approach it.

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

    What are good tool kits or frameworks for a backend dev wanting to avoid CSS/responsive design and web design layouts?

    Posted: 03 Jul 2020 11:16 AM PDT

    I'm a senior backend dev and I'm somewhat good at javascript.

    While I'm also fairly good at maintaining clean CSS and HTML and I know how to build modern websites using a response design, I absolutely resent doing it and it usually ends up looking pretty bad.

    At that point let me say: I have the greatest amount of respect for good web designers and frontend developers.

    In my projects I usually end up copying parts of other websites that look good, or I find a full template for a landing page and a full template for a news/blog page somewhere else and then I put it all together. Usually it just doesn't look good since quiet often different parts are taken from different places and it all just doesn't fit.

    One can clearly see that I don't have the skill to build good layouts and designs. Especially when I design components myself.

    I can build good APIs, maintain the backend stack and put it all together using modern JS frameworks but I wish there was something like a HTML/CSS frontend package, maybe in different designs, that I just need to wire to my backend and bring it to live using JS.

    Is there something like a frontend toolbox for websites?

    Something where I don't have to care about things not matching, but instead just download a complete design and use it.

    I'm of course not talking about some specialized top notch web design for free here. I don't aspire to have the best looking website. I'm just tired of writing backend logic in no time and then spending days and days trying to design a nice website while getting more and more frustrated.

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

    What is the point of Node/Express "middleware" layer?

    Posted: 03 Jul 2020 05:12 PM PDT

    Hi I'm a new junior developer

    I'm trying understand the point of Node/Express in this stack that my company uses: Angular UI, NodeJS/Express, C# ASP.NET server, MS-SQL Database.

    Can Angular not send/accept server requests by itself? Why do we need this "middleware" layer?

    Edit: Pls ELI5

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

    Have a deadline of December 1st to find some kind of dev job, and feel like I’m only still scraping away at the basics. Any advice on the best & fastest path to learning suitable skills for an entry level career?

    Posted: 03 Jul 2020 03:57 PM PDT

    I've began self-studying about two months ago using freecodecamp.org, and later on W3 schools. As I began learning CSS3 in freecodecamp, I realized I should be checking my knowledge against other schools, and boy was I a super beginner. Each school covered different topics in different depths, and while self-teaching is already more difficult for my learning style, I feel like I know so much at this point but also nothing at all.

    As I feel like now that I'm (maybe) approaching the end of learning basic CSS & HTML5, I have JavaScript next on my plate, and I know that these languages are suitable to start looking into front-end dev jobs. No idea how this really works or how to apply or how to even look for an employer.

    I work best with hands on exercises and practice projects, but I'm not sure where to begin, and from where I'm standing it all feels pretty daunting. If anyone has any recommendations for some hands-on practice learning programs, please send them my way!!

    Anyway, thanks for reading if you've made it this far. Long vent, but I'm sure others have had similar experiences with the frustrations of self-teaching, and feeling like this journey is an endless hallway!!

    Thanks to everyone in here & sharing your create minds, you've inspired me hugely!!

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

    I made a website to play a game called Quantum Go Fish!

    Posted: 03 Jul 2020 01:46 PM PDT

    Hi everyone! First time posting here, but I wanted to share something that I've been working on for a bit. A while ago there was a post in this sub about a game called Quantum Go Fish. I've been working on a web client to play and it can be found here.

    A general overview of the game can be found here. It's a game with some similar mechanics as the regular Go Fish game, but the main difference is that everyone's cards are undetermined at the start of the game. Cards are determined by asking and answering questions "Go Fish-style."

    If you ask for a 1 from someone, for example, you determine at least one of your cards in your hand to be a 1 if it was not the case before. And in any situation, if the state of some cards in your hand are undetermined, you can choose whether or not you have that card. You win by proving that you have 4 of a kind or by asking a question that proves the identity of all other cards.

    If y'all are at all interested in playing, please give it a try! Any constructive criticism is welcome as well, thanks :) (and if anything weird happens please message me or open an issue haha, I'm somewhat new to webdev)

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

    HTML/CSS/JS Code Design?

    Posted: 03 Jul 2020 06:00 PM PDT

    Hello! I'm a third year computer science major who mostly works with lower level languages (focus in AI so I also use more discrete ones) like C++ and Java which have common code design practices to improve readability and also show that you know what you're doing. I haven't had any courses in HTML/CSS/JS whatsoever but have started creating my own site.

    I have to say, the code is messy.

    It seems like a CSS stylesheet is just a never-ending list of styles for specific elements, and HTML is a bunch of nested things that cascade down. Obviously HTML is pretty straightforward such that it flows with the webpage, but little details such as when to provide a new line for attributes of a div (class, id, style, etc.) or even common naming conventions (snake, camel?) are the things I'd like to get into so that I can easily return to my project at a later date or even hand it off to someone else and have it be legible.

    TLDR: Are there any common industry style guides or design patterns for HTML/CSS/JS that are used like in other lower level languages? Or is it truly just a free for all?

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

    Maybe Reddit need to fix this? It happened more than once on my Reddit app

    Posted: 03 Jul 2020 03:36 PM PDT

    Best techniques for creating "private" methods and variables in Javascript?

    Posted: 03 Jul 2020 05:08 PM PDT

    Hi everyone, I'm a programmer with a bit of OOP and C-type language experience, so maybe you can help me out with some of this Javascript stuff.

    Currently I am working on a website that lets a user program an AI in Javascript that explores a flatworld. This is then run in the browser and shown on a display. I want the user to only have access to certain functions-- for example they should have the ability to move, but not to modify their own health. I have read about the Revealing Module pattern, but am not sure how to implement it properly since I have some "global" variables and functions that are called in setup() and draw(). Any help would be very appreciated, I haven't had much luck looking for solutions online.

    Also I am evaluating the user-written code using the Function() keyword. Is there any way I can make this safer other than scrubbing the string for banned keywords? I would like to play around with the ability to let users send each other their code to compete with each other, and I don't want people uploading malicious code to each other's browsers.

    Thanks!

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

    My first time deploying/coding a website, can I get some advice/criticism on how to improve it?

    Posted: 03 Jul 2020 05:05 PM PDT

    The tech stack we used to build blockchain-based social media

    Posted: 03 Jul 2020 04:17 PM PDT

    [Question/discussion] Will there be a surge in developers post-Covid, and will it impact our jobs/salaries?

    Posted: 03 Jul 2020 02:24 AM PDT

    With thousands (hundreds of thousands?) of redundancies being made across the globe, are people going to turn to web and software development for their next career? Will it result in a surge of supply, and ultimately impact our jobs and salaries?

    Personally I think a person has to have a certain (rare?) mindset to be a good software developer so I'm not too worried yet. But I'm interested to hear other peoples' thoughts.

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

    Race Conditions/Concurrency Defects in Databases: A Catalogue

    Posted: 03 Jul 2020 02:45 PM PDT

    Does SSL/TLS still baffle anyone else?

    Posted: 03 Jul 2020 12:33 PM PDT

    I have been a web developer for nearly fifteen years. SSL, TLS and HTTPS still baffle me. Every time I try to set up local https on my own servers everything seems completely esoteric and nonsensical.

    Am I the only one?

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

    What's the best way to access elements from within a "foreign" IFrame?

    Posted: 03 Jul 2020 12:14 PM PDT

    So, as a disclaimer, I'm a somewhat experienced developer, but I've been avoiding all the front end madness so far.

    BUT, now I have the following problem: I have to integrate an IFrame-element in one of our dashboards and also react to the content of the IFrame, that is, if a certain element (filled by the IFrame's own JS) hits a threshold, I have to change some of the parent's elements (simply a red border around the IFrame).

    Now, this seemed simple even to me, but I quickly ran into problems, when running the code in an actual browser. Apparently it's not allowed by default to interact with "foreign" elements - from what my Google-Fu turned out, this is called CORS.

    The constraints here are:

    • the IFrame can't be changed (external provider)
    • it has to run in "default" browsers (no disabled security options)

    Am I completely out of luck here or am I just to stupid to understand modern web dev (quite possible).

    Thanks in advance!

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

    I feel that anything I create with PHP/Laravel is just a copy of the Laracasts tutorial code. Is there a better way to approach *learning* PHP?

    Posted: 03 Jul 2020 07:59 AM PDT

    I am trying to create some projects for my portfolio. I was thinking of a forum dedicated to a specific subject (for example, a forum about cars).

    Laracasts' courses are great, they teach me all the theory I need to know, but if I'm going to create a forum, all the Laravel and PHP code would be exact copies of what's in the videos. The only thing I would be changing is the front end.

    Is there perhaps a better way of proving to myself and to employers that I can actually build projects with this language/framework?

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

    I built this site about 9 years ago, I used js/jQuery for the animations and it was built on WP. Does anyone have any tips to execute this more efficiently with any other JS libraries?

    Posted: 03 Jul 2020 03:31 AM PDT

    2d clickable custom shapes for board game

    Posted: 03 Jul 2020 10:37 AM PDT

    Howdy!

    I am looking to build a game of risk offshoot. Can someone point me in the direction of clickable images/shapes for the maps?

    Thanks!

    -J

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

    No comments:

    Post a Comment