The next edition of „Dump Links” includes a lot of articles and tools for creating a basic layer of application - HTML & CSS.
In each application we can distinguish a few layers - content, semantic markup, presentation and behaviour. This layer has a name: Progressive Enhancement. I also know a second article about PE, but it is in Polish
Anyone who has had to return to a project after some time and couldn’t remember where everything was located, knows how important it is to create a legible code and a thought out architecture. Some time ago, I had the opportunity to read the article „Semantic Markup with Foundation 5 and Sass”. I also recommend it to you, because the author shows how we can create elements of our application in a semantic and readable way for us and other developers who will have to edit our code.
Let's focus on the presentation - usually it is based on CSS. In each project we try to use something new. At the beginning, when we have little code, we haven't any problems with navigation between files. The problem increases in direct proportion to the amount of code that has been written. The CSS code can also be object oriented, readable and orderly. What I like most is the section „The Namespaces”. In a simple way they have highlighted and described the most important parts of the application that are used by other people from the team who work on the project.
Unfortunately, the support for background-blend-mode is still incomplete, so we cannot ensure that all users will see exactly the same thing. We can use CamanJS. It's a library that allows you to manipulate the images. You can see some examples in the article „Manipulating Images on Web Pages with CamanJS”.
I hope that after reading this note, your knowledge of application programming increased a little. I encourage you to leave your feedback and read the previous parts of “Dump Links” (if you haven’t already).
See you soon!
PS: Have you ever had a problem with positioning icons in relation to the text? I know the solution ;)