logo Alexandre Beckman

  • Jan. 12, 2018

    Welcome 2018

    Become a better designer

    I just started the #dailyUI challenge.
    First prompt will be coming Monday the 15th. I'll be sharing the solutions I made once a week every next Monday with a summation including the prompts of the week.

    I'm impatient to get your feedback.

  • Dec. 29, 2017

    DailyUI announcement

    a 100 days designer challenge

    At the beginning of the new year I will be starting the well-known #dailyUI challenge. A really good way to improve our skills in visual design but also a manner to maintain good habits.

    Who wants to take up the challenge?

  • Dec. 14, 2017

    Website update

    A brand new layout for 2018

    I'm really happy to show you the new website that is mine.

    It's been a while that I wanted to update my personal website in order to have a decent one that represents me. I also added a new section (journal) where I can tell you all about me and more.

    Now I can present my (side) projects, highlight recent work and even write some thoughts that I want to share. Not only words but also pictures, here is a beautiful landscape that I found on the internet last month. landscape Thanks everyone for supporting and reading me.
    Stay tuned for fresh news coming 2018 🙌

  • Mar. 27, 2016

    Relative units  — the great debate

    EM vs RM

    Nowadays, one of the best practices to typography on the web is to use relative units like EM and REM.

    So the main question remains, which one should be used? We are going to bring answers and define how to use them to build modular components.

    What do we learn? The fact is that the font-size is the same because the parent context is equal to the root context. But the most noticeable difference is the impact on the margin property.

    The font-size is relative to its parent context while the other properties of the same element are relative to its own context (to the actual defined font-size itself).

    It means that the margin will be changed while the font-size is modified. It offers a kind of “responsive” aspect. On the other hand, the REM margin will always be calculated with the font-size of the HTML element.

    In conclusion, we can say that most of time, the EM unit should be preferred for easier responsive design. The REM unit can be interesting while working with a 10px default font-size (HTML defined at 62.5%), it makes calculation time shorter but it should not be used in every case.

    Thank you for reading, this is my summary and personal opinion about an article written by Zell Liew.

  • Mar. 20, 2016

    Animation in browser over the years

    CSS animation vs JavaScript based-animation

    How did the animation process improve in the past few years? Lets have a look at the enhancement of those different methods we use to employ.

    At the beginning, most developers used to animate things with jQuery but it only allowed them to do simple stuff. While projects begin to be more important in terms of interactivity, high performance became increasingly essential. Flash and HTML5 were not enough so they needed better tools and jQuery was not designed for that, it does not bring what we’re actually looking for.

    Finally, CSS animations are still great for simple transitions between different states (like rollovers). On the other hand, JavaScript-based animation is commonly used to deliver far more flexibility, better workflow for complex animations and richer interactivity.

    While JavaScript and jQuery may be quite slow sometimes, one of the best alternative is GSAP which offers the faster and smoother animations in browser.

    Thank you for reading, this is my summary of a CSS-TRicks article.

fly to top

© 2018 Alexandre Beckman