A
A
andr00xa2015-09-14 23:58:31
React
andr00xa, 2015-09-14 23:58:31

How is the UI rendered at a low level?

Requesting a read and a video that explains how the user interface is rendered:
- for example, scrolling content. As I understand it, there are video pages in memory, on which everything is first drawn, and then the difference between the current state and the new one is displayed. I would like to know more about this;
How does hardware acceleration work?
- how a web page is rendered with all the effects: shadows, translucency, animation;
- how composite window managers like Compiz work;
- about the GTK+ and Qt libraries, I want to understand how they get along in the same desktop environment in Linux;
- fonts, etc.
Level of training: 10 years in web development, before that 3 years of turbo-pascal, dealt with DOS-level graphical features.

Answer the question

In order to leave comments, you need to log in

3 answer(s)
A
Anton Spirin, 2019-04-16
@archi_kud

For the data, a json file is enough for you.
For pictures cdn.

I
Ivan Shumov, 2019-04-16
@inoise

Try to look in AWS) for s3 statics, and all that is dynamics ... Take API gateway and lambda. This is a classic bundle and you can use js everywhere. Since this is a portfolio, you are unlikely to pay for anything other than the domain

S
Sergey, 2015-09-15
@andr00xa

As I understand it, there are video pages in memory, on which everything is first drawn, and then the difference between the current state and the new one is displayed. I would like to know more about this;

As a rule, everything is simply redrawn. In general, everything. Then there are optimizations. Let's say iOS has a quirky component called UITableView that simply ignores all invisible cells. On the other hand, the same browser will render anything that is not display: none. Even if this "something" obscures another layer. I think you got the idea.
We read about the architecture of video cards, opengl, graphics pipeline.
www.html5rocks.com/en/tutorials/internals/howbrows... - it's pretty detailed.
straight from their website:
If you are familiar with OpenGL, then I think you will understand.
https://www.youtube.com/watch?v=cQoQE_HDG8g - you can also watch this.
well...they don't know anything about each other and run on top of X11

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question