javascript - CybAI news

28 Jul

Day 27 of 100 Days of Code

stp2y0 CommentsNews100daysofcode, beginners, coding, community, development, engineering, inclusive, javascript, software, webdev

Sat, July 27, 2024 Today I'm finishing up the last project. On the one hand, I understand the material well enough. On the other hand, the tediousness of responsive design is leading me to believe that I need more practice. There's no reason I can't practice CSS coding more. Source link lol

27 Jul

What is Clean Code and Why it is important

stp2y0 CommentsNewscleancode, cleancoding, coding, community, development, engineering, inclusive, javascript, programming, software

Writing code that only needs to be used once can be done however you want to write. But, in most cases, adhering to best practices and maintaining clean code is essential. Remember, your code will likely be read by another developer, or even yourself, at a later date. When that time comes, your code should be self-explanatory. Every variable, function, and comment should be precise, clean, and easy to understand. This approach not only facilitates easier maintenance but also promotes collaboration and efficiency within your development team. So, when someone (or you) comes back to add or modify your code,…

27 Jul

How to Fix the Annoying White Space Issue in iOS Safari: A Beginner’s Guide with Easy Solutions

stp2y0 CommentsNewscoding, community, development, engineering, frontend, inclusive, ios, javascript, safari, software

Have you ever been designing a website and been working on a flawless page when all of a sudden the iOS Safari keyboard appears? There it is—a large blank area that is not welcome on your page. You're not alone, though, if you're scratching your head as to why that is. Let's investigate this peculiar issue and work out a solution. What’s Going On? Imagine this: your user taps on a form field, and the virtual keyboard just magically appears. As it pushes up the content, a little pesky white space shows up at the bottom of the page. It's…

27 Jul

Write a test function while learning javascript

stp2y0 CommentsNewsalgorithms, coding, community, development, engineering, inclusive, javascript, leetcode, software, test

Objects everywhere Well, you've probably heard before about objects in JavaScript and how they are important in order to understand the language. Objects make JS extremely readable and useful because of its model "key":"value". But the thing I want to stand out is that the "value" section accepts not only a simple string, rather another object, that in turn, may be another object and so on. For instance: const character = { name:"Arthur Morgan", age:24, face: { hairSize:5, eyesColor: "blue", } } Enter fullscreen mode Exit fullscreen mode This snippet shows that face is an object as well as character.…

26 Jul

Integrating MediaElement.js into a Custom HTML5 Video Player

stp2y0 CommentsNewscoding, community, customhtml5videoplayer, development, engineering, inclusive, javascript, mediaelement, software, videoplayer

Integrating MediaElement.js into a Custom HTML5 Video Player Introduction MediaElement.js is a powerful JavaScript library that allows developers to create a consistent and feature-rich video and audio player across different browsers and devices. By integrating MediaElement.js into your HTML5 video player, you can take advantage of its extensive customization options and plugins to enhance the media playback experience. Steps to Integrate MediaElement.js 1. Include MediaElement.js Library First, you need to include the MediaElement.js CSS and JavaScript files in your HTML document. You can either download these files or use a CDN (Content Delivery Network) to link them directly. Using CDN…

26 Jul

Day 24 of 100 Days of Code

stp2y0 CommentsNews100daysofcode, beginners, coding, community, development, engineering, inclusive, javascript, software, webdev

Thu, July 25, 2024 I'm approaching wrapping up the last project. There are a lot of moving parts with Responsive Design, but I'm pretty comfortable with that now. Now, it's simply a matter of completing implementation and troubleshooting. There were a lot of Source link lol

25 Jul

Frontend Challenge August: Cricket League

stp2y0 CommentsNewscoding, community, css, devchallenge, development, engineering, frontendchallenge, inclusive, javascript, software

This is a submission for Frontend Challenge v24.07.24, Glam Up My Markup: Recreation What I Built This project it will be used for the dev.to frontend challenge of August. I choose the second challenge: Cricket League!. I'm using the only Vanilla Javascript and CSS. I'm not using NPM/Yarn/PNPM as dependency package manager. This project is a simple project using vanilla javascript and using all the functions to replace and manipulate the DOM, just using javascript. All styles is a simple file of CSS. Also, is responsive, with accessibility, performance and Best SEO! Demo This project is hosted on Vercel. Just…

25 Jul

viewabilityConfigCallbackPairs

stp2y0 CommentsNewsbeginners, coding, community, development, engineering, inclusive, javascript, reactnative, software, webdev

I have one question now is it limitation to React-Native orr.. it is not possible by any means Problem:I have nested flatList How to apply or get the ItemLayout orr viewabilityConfigCallbackPairs so that i can perform certain actions within that child renderItem/>const renderItem = ()=>{onScroll={() => {console.log('onScroll =>');}}onLayout={event => {console.log('onLayout =>', event.nativeEvent.layout);}}getItemLayout={(data, index) => {return {length: 100, offset: 100 * index, index};}}viewabilityConfigCallbackPairs={viewabilityConfigCallbackPairs.current}/> Source link lol

25 Jul

DAY 8 PROJECT: FEEDBACK UI PAGE

stp2y0 CommentsNewsbeginners, coding, community, development, engineering, inclusive, javascript, programming, software, webdev

PROJECT NAME - FEEDBACK PAGE USING HTML CSS AND JAVASCRIPT Creating a feedback UI page is not just about functionality but also about user experience. In this project, we'll build a simple yet effective Feedback UI Page using HTML for structure, CSS for styling, and JavaScript for interactivity. Let's dive into how you can accomplish this step by step. HTML FOR THE BASIC STRUCTURE:First, let's set up the basic structure of our Feedback UI Page using HTML. We'll include sections for the form and the feedback results. CSS FOR THE USER INTERFACE:Now, let's style our Feedback UI Page to make…

25 Jul

JavaScript and HTML

stp2y0 CommentsNewsbeginners, coding, community, development, engineering, inclusive, javascript, software, tutorial, webdev

In the world of web development, three core technologies come together to create the web pages we interact with daily: HTML, CSS, and JavaScript. Each of these technologies serves a unique purpose and works in harmony to bring web pages to life. Let's dive deeper into how these components function and complement each other, using a simple analogy of a stick figure on a post-it note. HTML (HyperText Markup Language) is the backbone of any web page. It defines the structure and layout of the content on the page. Think of HTML as the skeleton of a webpage, providing the…