Show HN: A dynamic version of 300 CSS Properties to learn and practice
1–10 of 10 posts
Re: Show HN: A dynamic version of 300 CSS Properties to learn and practice
#2It is a resource of around 300 CSS properties. I have been working on it for a few months. Each individual property is covering up many aspects of a property. For example, description, syntax, values, default value, practice, applicability, compatibility, and practice in our code editor.
Re: Show HN: A dynamic version of 300 CSS Properties to learn and practice
#3It is a resource of around 300 CSS properties. I have been working on it for a few months. Each individual property is covering up many aspects of a property. For example, description, syntax, values, default value, practice, applicability, compatibility, and practice in our code editor.
Nice! But consider adding some pagination or grouping them in different sections. The page loads pretty slow on desktop and it's pretty much dead on mobile.
Re: Show HN: A dynamic version of 300 CSS Properties to learn and practice
#4It is a resource of around 300 CSS properties. I have been working on it for a few months. Each individual property is covering up many aspects of a property. For example, description, syntax, values, default value, practice, applicability, compatibility, and practice in our code editor.
Nice! But consider adding some pagination or grouping them in different sections. The page loads pretty slow on desktop and it's pretty much dead on mobile.
fyi... On Amazon's Fire HD 8 (2017, 8" tablet) running bromite: my mobile experience is very good. Fast page load, fluid scrolling. Have not tested it on my desktop yet (FF on KDE Neon Plasma/Ubuntu 18.04... LTS).
Re: Show HN: A dynamic version of 300 CSS Properties to learn and practice
#5It is a resource of around 300 CSS properties. I have been working on it for a few months. Each individual property is covering up many aspects of a property. For example, description, syntax, values, default value, practice, applicability, compatibility, and practice in our code editor.
Nice! But consider adding some pagination or grouping them in different sections. The page loads pretty slow on desktop and it's pretty much dead on mobile.
Another data point: MBP 15, mid-2017 running chrome, loads in less than 1.3s.
edit: chrome 76.0.3809.132
Re: Show HN: A dynamic version of 300 CSS Properties to learn and practice
#6After thinking about this further, it might make sense to have the option to have an unpaginated list of all properties, but perhaps not start with it as @mihiafm mentions. I did notice it becomes paginated as soon as you click on one of the properties--perhaps an intro page?
Anyway, great work--useful to me, thanks!
Re: Show HN: A dynamic version of 300 CSS Properties to learn and practice
#7It is a resource of around 300 CSS properties. I have been working on it for a few months. Each individual property is covering up many aspects of a property. For example, description, syntax, values, default value, practice, applicability, compatibility, and practice in our code editor.
Nice! But consider adding some pagination or grouping them in different sections. The page loads pretty slow on desktop and it's pretty much dead on mobile.
[deleted]
Re: Show HN: A dynamic version of 300 CSS Properties to learn and practice
#8It is a resource of around 300 CSS properties. I have been working on it for a few months. Each individual property is covering up many aspects of a property. For example, description, syntax, values, default value, practice, applicability, compatibility, and practice in our code editor.
Nice! But consider adding some pagination or grouping them in different sections. The page loads pretty slow on desktop and it's pretty much dead on mobile.
I did consider the load time of this page. But my intention was just the easiness of a user so that he can find any of the property with examples and values in one place. Can you please elaborate "grouping them into different sections". Still, I managed the load time efficiently with respect to content.
Re: Show HN: A dynamic version of 300 CSS Properties to learn and practice
#9After thinking about this further, it might make sense to have the option to have an unpaginated list of all properties, but perhaps not start with it as @mihiafm mentions. I did notice it becomes paginated as soon as you click on one of the properties--perhaps an intro page? Anyway, great work--useful to me, thanks!
Thanks. My first page contained the static version of CSS properties but the other pages are dynamic i.e. a user can change and practice the values of a property.
Re: Show HN: A dynamic version of 300 CSS Properties to learn and practice
#10cool but the performance is very poor. Loading time is not ideal but the really issue is after it loads, scrolling and navigating the page CRAWLS.