Mohit kulkarni
@burningbeattleAll solutions
Newsletter-Signup-Form-with-success-message MDN Docs , resource page
#accessibilitySubmitted 10 months agousing of react and next js frame work and achieving this same result and all this is done with normal javascript only.
Javascript fundamentals Dom & event listners
#accessibility#bemSubmitted 11 months agoI’d appreciate suggestions on improving the accessibility of the share option and the overall page for users relying on keyboard navigation and screen readers. Although the CSS transitions work well, any advice on optimizing animations for smoother performance, particularly on lower-end devices, would be valuable. Any recommendations on cleaning up or optimizing my CSS and JavaScript structure, especially in handling interactive elements, would be very helpful.
Testimonials-grid-section css grid section row column layouts
#accessibility#bem#materialize-cssSubmitted 11 months agoCross-browser Compatibility to ensure consistent display. Accessibility Improvements for better screen reader support. Performance Optimization like lazy loading and CSS refinement. CSS Architecture advice on structuring scalable CSS for larger projects.
Four Card Feature section is build HTML & CSS Flex and Grid Column
#accessibility#bemSubmitted 11 months agoEnsuring that the layout adapts seamlessly to various screen sizes, particularly mobile and tablet views. Using CSS Grid or Flexbox for card positioning. You might want advice on which approach works best for responsive design in this scenario. Making sure the project adheres to accessibility standards (e.g., proper semantic HTML, keyboard navigation, ARIA labels). Ensuring good color contrast and readable fonts. Getting feedback on the chosen font sizes, spacing, and padding for consistency and readability. Improving code organization, such as separating concerns by using BEM methodology, modular CSS, or other best practices.
media queries , html , css and resourses page of multiple css & html
Submitted 11 months agoImplementing smooth transitions or micro-interactions to enhance user experience. Optimizing the use of JavaScript or CSS animations to ensure they don’t affect performance negatively. Gathering and integrating feedback to better understand how real users interact with the component and identify areas for improvement. If the product card involves dynamic data (like updating price, rating, or availability), handling state management or adding interactive elements (e.g., hover, click events) efficiently can be a challenge. React, Vue.js, or even plain JavaScript. Help with optimizing event listeners, DOM manipulation, or improving performance for animations/interactions would be beneficial.
Flexbox , responive css, visual-hidden-text , html,css.
#accessibilitySubmitted 11 months agoI’d like help with improving the performance of the card’s image load times, particularly for slower networks. Guidance on optimizing image formats and how to implement lazy loading would be helpful. Additionally, I'd appreciate some advice on best practices for accessibility, especially in terms of making sure the card is fully navigable and readable for screen readers.
div container , card, card-image , google fonts
#accessibility#pure-cssSubmitted 11 months agoAdding animations or interactive elements that enhance user experience. Suggestions for CSS animations or JavaScript libraries to create smooth and engaging effects. Identifying and fixing bugs or issues in the component. Techniques for debugging in different browsers and using testing tools.
Social links profile I have used many of resources online used google
#accessibility#animation#pure-cssSubmitted 11 months agoI would really appreciate feedback and guidance on the following areas of my "Social Profile Link" project:
Responsiveness Optimization: While the project is responsive across different screen sizes, I would love advice on how to further refine the layout for better fluidity and visual balance, especially between tablet and desktop breakpoints. Are there any best practices for handling more complex layouts without relying on too many media queries?
Accessibility: I’ve implemented some accessibility features, but I’m not sure if I’ve fully optimized the project for screen readers and keyboard navigation. Could you review my use of ARIA attributes and suggest any improvements? Are there better techniques to ensure the social profile links are accessible for users with disabilities?
Code Efficiency: My current CSS file has several repeated styles, and I feel like the code could be more maintainable and efficient. How could I better organize and reuse styles? Would using CSS variables or a preprocessor (like SASS) improve the structure and reduce redundancy?
Hover and Focus States: I’ve added hover effects for the social icons, but I’m unsure if they are consistent and smooth across all devices and browsers. How can I ensure that hover and focus states look professional and work well on both desktop and mobile?
Performance: I’d love some suggestions for improving overall page performance, especially regarding image optimization and minifying CSS/JavaScript. Are there any tools or techniques I can implement to make the page load faster without sacrificing design quality?
Responsive landing page using html & css
#accessibility#foundation#pure-css#web-components#lessSubmitted about 1 year agoEnsuring the design looked consistent across different browsers. Implementing robust form validation for different input scenarios. Conducted thorough research on browser-specific CSS hacks and tested extensively on multiple browsers. Utilized libraries like Formik for handling form validation efficiently. Looking for advice on advanced CSS features that can enhance performance. Tips on optimizing JavaScript for better load times and interactivity.
