Code BOOK

Project Showcase
1

Hi, i created an App to organize helpful links and codes

In this App you can browse or post useful CSS, HTML, Scripts and Links.
It is easy to copy or share them.
CSS codes have a screen to test in action.
You don’t have to sign in to use it.

Please add some of your favorites there.
let me know if any bugs or room for improvement…
thank you.

Proposal 2021-01-29 at 2.14.32 AM
Proposal 2021-01-29 at 2.14.32 AM630×1256 110 KB
Proposal 2021-01-29 at 2.16.42 AM
Proposal 2021-01-29 at 2.16.42 AM704×1242 152 KB
Proposal 2021-01-29 at 2.17.16 AM
Proposal 2021-01-29 at 2.17.16 AM702×1240 86.2 KB
Proposal 2021-01-29 at 2.46.05 AM
Proposal 2021-01-29 at 2.46.05 AM634×1242 78 KB

13 Likes
2

Here are things I think you could improve upon:

  • Test CSS tab does not actually change any css
  • There is an audio component that does not have any audio on that same tab
  • You can’t really add css without html. Why not merge those two tabs?
  • On Test CSS, There is a random progress bar that doesn’t really explain anything
  • On Test CSS, there’s a side to side button component that doesn’t do anything
  • On Test CSS, there are two floating buttons that don’t do anything.

Great Job!

1 Like
3

test css is to see a effect of the code you will paste there, i put deferent object so you can see how they change, and experiment with a code,
only first button work, this is where you can drop CSS

4

You should have a section of best answers from the forum! Specially a @Jeff_Hager section with all the formulas :grinning:

4 Likes
5

Jeff who?? :rofl:

6 Likes
6

so fare i got 10 CSS codes there and 1 script

7

This is a great app and resource library - and a wonderful source of ideas too.

One idea you just gave me, @Uzo - can you replace the default screen when the screen is ‘empty’ (i.e. no values to present). For instance in your own app - screenshot…

And in my app I have cards to swipe through, and once you have run out of cards you end up with this default… but the next is not correct ‘There are no items yet.’

Is this possible, and if so, how? Thanks! M

Screenshot 2021-03-01 at 19.01.57
Screenshot 2021-03-01 at 19.01.57648×1148 52 KB

Screenshot 2021-03-01 at 18.59.10
Screenshot 2021-03-01 at 18.59.10858×1166 39.3 KB

8

just create one item and add column to indicate visibility 1, if someone add more items, it will set visibility for this item to 0, and add filter to show only items with visibility column equal 1

1 Like
10

this is not a point in his post…

11

we added new codes

Code BOOK.PNG

2 Likes
12

670 logins ! yeah… thank you guys :wink:

4 Likes
13

Good work. I look at it frequently. Looking for the collapse expand CSS we need to add it. I sew it once here. cant find it now. Direct me and i will add the code myself into the code book DB

14

@Uzo i found a issue that needs your attention. in the codebook app i cant make a comment in the home section due to the banner blacking it. Also can you please add text entry in the test field.

15

@abe.sherman done… and done :wink:
thank you for pointing this out.

1 Like
17

Celebrating 1000 visits from Gliders! :tropical_drink: :tropical_drink: :tropical_drink:

Screen Shot 2021-07-24 at 11.57.17 PM

Code BOOK

3 Likes
18

Hi Gliders,

Please can you share CSS to align to center the title of the page?

image
image448×719 71.3 KB

19

Isn’t it already centered?

1 Like
20

I just used the image above to explain what I want to achieve. Mine isn’t centred:

image

21

It’s a different theme. Also you would lose the all/favorites and filter part as CSS can only be applied to details screens. Do you wanna go ahead?

22

Oh no. I wouldn’t want to lose all that. Thanks a lot for checking this

1 Like