Caleb Abuul
@Caleb-AbuulAll solutions
Expense Chart
#accessibility#tailwind-css#web-components#webflow#webpackSubmitted about 1 month agoI designed the bar chart using a grid layout. If there is a better way of designing charts in HTML, CSS, or JavaScript, don't hesitate to let me know in the comments. Thank you.
Mortgage Repayment Calculator
#accessibility#pure-cssSubmitted 7 months agoActually my code has been bulky, and I fear that simple problems that require minimal code get me writing tons of code and I understand that this is not healthy. So, how can I ensure that I write minimal code, whether
HTML
,CSS
and most especiallyJavaScript
?Product Card Preview
#accessibility#pure-cssSubmitted 7 months agoI do not have any specific area that I need help with. However, any suggestion for improvement is very much welcome.
Contact form
#accessibility#bootstrap#tailwind-css#webflow#pure-cssSubmitted 7 months agoI really would not need much help with my code right now. But I am open to learn ways I can make it even better, more responsive, more accessible and more sleek.
Bento-grid with HTML and CSS
#accessibility#bootstrap#ionic#tailwind-css#webflowSubmitted 7 months agoI am somewhat comfortable with my grid layout but managing the content of the grid is where my challenge lies. How can I style grid-container content such that it doesn't over floe it's container
Results summary component using HTML and CSS
#accessibility#pure-css#web-components#webflow#animationSubmitted 8 months agoI am comfortable with my project right now, however, if there is anything I could do better I'd really love to know.
Interactive Card Details Form using HTML, CSS and JavaScript
#accessibilitySubmitted 9 months agoI would like help with my JavaScript because I feel that most of the code I've written down could be shortened and made easier to read with less code by using functions to do repetitive tasks. Also, I would like help with form validation using JS - especially date and email validation.
Faq-accordion
#accessibility#angular#bootstrap#react#animationSubmitted about 1 year agoMy biggest challenge was making the tiles in the accordion close when clicked on a second time. So I used a loop to add a
hide
class to all the tiles and then toggle the current tile that is clicked on open to reveal its content and change the icon from a plus sign+
to a minus sign-
. However, I wanted the tile to close, if open, upon a second click, but to no avail. I would appreciate it if you could share with me how I can go about closing a tile that is been open already when it is being clicked on a second time.Blog preview card. HTML5, CSS custom properties, Flexbox
#accessibility#node#bootstrapSubmitted over 1 year ago