css3-demos

css3-demos copied to clipboard

Create the code example of the images gallery (4 developers can contribute to it)

15

Develop the HTML and CSS based image gallery. Do not use Floats or positions. You can use only flex or grids only. We will have 4 types of Gallery: 1)...

Neha

- rename the folders by using _camelCase_ - removed the _css3 features_ code. Now, it is only for the ready to use code demos - deleted the readme content related...

Neha

- Name of the folder is changed to have consistency - As of now, the CSS + HTML snippets have 'demo' added to the folder name. **Readme** - Heading change....

Neha

Develop the new type in badges for handling the text overflow

1

Hello, Add one more style in the badges to handle the text-overflow by ellipse. Maximum characters could be 15. Thanks, Neha

Neha

Create the example of Badges

3

Develop the code example for the badges (or chips, tags). The code should be only HTML5 and CSS3. No JavaScript at all. - The code should be generic to use...

Neha

Create the code example of Forms ( 2 developers can contribute to this issue)

7

Develop the forms in HTML and CSS ( you can use your creativity ). There will be 2 type of forms: one-column and two-column. One column form: - Labels will...

Neha

Create the example of CSS Flexbox

3

[PR](https://github.com/Neha/css3-demos/pull/17)

Neha

Create the code example of Tables

3

Develop the code example of the Tables. There should be different kind of behaviour to be taken care: 1) Table with fixed header 2) Table with scrollable header 3) Rows...

Neha

Create the Accordion

2

Develop the accordion with HTML and CSS only. TIP: you can use the HTML5 new tag for same too. - Accordion should be accessible by the keyboard. - The image-icon...

Neha

Create the code example of Navigation

4

Develop the ready to use CSS and HTML only Navigation. There could be different types of navigation but we will start with the simple one with no jazzy styling. (use...

Neha