vertically aligned CSS property was introduced, I was incredibly excited, but soon noticed that it usually did not do what I wanted.
After playing with flexbox for the DevTools Debugger I discovered that
align-items: center; is the hero I always needed.
Let's consider the following HTML markup that contains content from different heights:
Pellenteske resident morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibular tortor quam, feugiat vitae, ultret eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultrences mi vitae est. Mauris placerat eleifend leo. Quisque is amet est et sapien ullamcorper pharetra.
If we want the content of each element to be vertically centered, we can use flexbox and
align-items to realize that:
Flexbox was always promised to be the savior of the web layout, but seems to have gone a bit in favor of the CSS-grid; I'm just happy that flexbox has repaired the vertical alignment problem that has caused us nightmares for so long!
9 Mind-Blowing WebGL Demo & # 39; s
As much as developers hate Flash, we are still playing a little bit to duplicate the animation functions provided to us by Adobe's old technology. Of course we have canvas, a great technology, where I emphasized 9 amazing demo's. Another available technology …
Make a simple slideshow with MooTools
An excellent way to add dynamics to each website is to implement a slide show with images or sliding content. Of course, there are numerous slide show plug-ins available, but many of them can be overkill if you want to do a simple slide show without controls or events.