Beautiful Design App

Project Showcase
102

Do you have any how-to videos?

103

I believe @Lucas_Pires has some of them on his channel. Do you speak Portuguese?

1 Like
104

Yes. I can speak Portuguese. Thank you.

105

You can start with this video, he hosts his videos on this channel.

8 Likes
106

Thanks for the shoutout @ThinhDinh :facepunch:t3::grin:
@StephanGarcia hope it can help you

4 Likes
107

Obrigado Lucas! Trabalho com Glide hĆ” mais de um ano e fiquei surpreso com o que vocĆŖ faz nele. Quero aprender.

1 Like
108

(Iā€™ll keep in English just to others also understand)

Amazing bro! We have the same time working with glide! Follow me there, and if you want, I have also a Telegram group where we share tips, apps and so on

Hope see you there!

4 Likes
109

Iā€™ll forever be grateful to Lucas, @Robert_Petitto and @Deena for pointing me to some great ideas for design.

Today I make a kind of weekly menu for a client and was very satisfied with how it come out. I also managed to wrap a title text inside a card!

13 Likes
110

Oh wow! That looks amazing! :clap:t3::star_struck:

What about the hover in inline list?

111

Hereā€™s my whole settings.

<div><div>
<style>
.bXffxp {
backdrop-filter: blur(10px);
background:transparent;
-webkit-backdrop-filter: blur(10px);

}
#app-root div[opacity='1'] {
  color: transparent; 
}
.glbESi {
padding-top: 10px;
}
.jznirz {
color: white;
font-weight: 520;
}
.giqIon {
background-color: white;
}
.hWmmck {
background-color: white;
}
.builder .hWmmck.interactive:hover {
background-color: #00CC66;
}
.hWmmck.interactive:hover {
background-color: #00CC66;
}
.builder .giqIon.interactive:hover {
background-color: #00CC66;
}
.giqIon.interactive:hover {
background-color: #00CC66;
}
.fCkJVF {
background-color: ##00CC66;
}
.fakQng .card-subtitle {
padding-top: 5px;
-webkit-line-clamp: unset;
overflow: visible;
white-space: break-spaces;
font-size: 0.25 prem;
}
.fakQng .card-title {
text-align: center;
color: #00CC66;
font-size: 1rem;
font-weight: bold;
align: center;
}
.fakQng {
border-radius: 5px;
}
.gNSqMT .card-subtitle {
padding-top: 5px;
-webkit-line-clamp: unset;
overflow: visible;
white-space: break-spaces;
font-size: 0.25 prem;
}
.gNSqMT .card-title {
text-align: center;
color: #00CC66;
font-size: 1rem;
font-weight: bold;
align: center;
}
.gNSqMT {
border-radius: 5px;
}

The ā€œinteractive:hoverā€ part was it.

9 Likes
112

Thatā€™s is gorgeous!!! Great job!!!

1 Like
113

Thank you brother, have a nice week!

1 Like
114

Amazing. Obviously a lot of time and care went into the design of your app. Love the floating action button and the recipe cards. Well done.

3 Likes
115

Thank you master. Will update more when I find out new concepts. I have been searching on Dribbble a lot recently. Do we have more sites for those concepts, like Behance etc.?

1 Like
116

Dribbble is my go-to.

1 Like
117

Itā€™s beautiful. Well done sir. I do wonder though if we should be wary of using this much customisation? I am really keen to get some of these ideas into my own public deployments, but what happens if (when) Glide make changes that cause them to no longer work, or worse to adversely affect the appā€™s UI in other ways. Whatā€™s the general consensus here? @ThinhDinh @Robert_Petitto @Lucas_Pires?

2 Likes
118

Kind of with you there. Iā€™ve seen CSS stop working for me. Probably a class name that changed with a glide update. I do use HTML and CSS very sparingly, or I at least have a back up plan if something stops working. Iā€™m not opposed to itā€™s use, as long as people are aware of any possible repercussions.

2 Likes
119

Ditto. Unnamed CSS class names can change on a dime. If youā€™re using the named class names, itā€™s probably more future proof:

eg.

<pre><span><style>[data-test="app-markdown-view"] {
}

targets a rich-text box.

6 Likes
120

@V88 Iā€™d say exactly what @Robert_Petitto said above!

3 Likes
121

All of you all are amazing! Yet to try something cool with app designing.

2 Likes