---
# System prepended metadata

title: '10. dubna ’24 | {F}rontendisti'
tags: [frontendisti]

---

---
title: 10. dubna ’24 | {F}rontendisti
---

{%hackmd KXd2iUBpSjq7Ib2Z4h3LMg %}

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 109.318" style="margin-block: 2rem;">
  <title>Frontendisti.cz - Budujeme a vzděláváme komunitu frontendových vývojářů a designérů</title>
  <g id="mr-white">
    <path fill="#111" d="M101.782 9.938q0 3.074.2 4.969h-1.5q-1.3-7.388-3.907-10.4a9.133 9.133 0 00-7.292-3.008h-2.149a9.457 9.457 0 00-2.93.327 1.957 1.957 0 00-1.237 1.275 10.2 10.2 0 00-.326 3.04v16.476h2.279a6 6 0 005.242-2.55 15.979 15.979 0 002.507-6.08h1.5q-.2 2.746-.2 6.146v3.138q0 3.334.391 9.284h-1.5q-1.367-8.63-7.944-8.63h-2.279v15.038a9.774 9.774 0 00.554 3.825 2.87 2.87 0 001.953 1.6 19.7 19.7 0 004.46.458v1.438q-8.009-.2-11.915-.2-3.256 0-8.2.131l-2.083.065v-1.308a11.263 11.263 0 003.158-.523 2.259 2.259 0 001.367-1.5 12.879 12.879 0 00.358-3.6V6.93a12.9 12.9 0 00-.358-3.6 2.26 2.26 0 00-1.367-1.5 11.287 11.287 0 00-3.158-.523V0q7.032.2 21.226.2 9.571 0 13.608-.2-.458 5.558-.458 9.938z"></path>
    <path fill="#111" d="M132.124 13.337a6.353 6.353 0 011.5 4.25 5.646 5.646 0 01-1.4 3.956 4.742 4.742 0 01-3.679 1.536 5.137 5.137 0 01-3.516-1.144 3.845 3.845 0 01-1.3-3.04 5.942 5.942 0 012.865-5.1 3.487 3.487 0 00-.781-.065 3.4 3.4 0 00-1.042.131 6.2 6.2 0 00-4.2 3.008 9.624 9.624 0 00-1.725 5.361v17.326q0 3.009 1.465 4.184a7.422 7.422 0 004.656 1.177v1.373a13.9 13.9 0 01-1.5-.065q-6.641-.2-8.855-.2-1.758 0-8.009.2a10.71 10.71 0 01-1.3.065v-1.373a4.248 4.248 0 003.256-1.013q.911-1.013.912-3.694v-20.6a8.13 8.13 0 00-.912-4.38 3.617 3.617 0 00-3.256-1.373v-1.373q2.083.2 4.037.2a40.7 40.7 0 009.506-.915v6.08a11.083 11.083 0 013.581-4.544 8.657 8.657 0 015.271-1.733 5.484 5.484 0 014.426 1.765z"></path>
    <path fill="#111" d="M163.312 15.854q4.231 4.283 4.232 13.567t-4.232 13.534q-4.234 4.251-11.72 4.25-7.423 0-11.687-4.25t-4.265-13.534q0-9.283 4.265-13.567t11.687-4.283q7.487.001 11.72 4.283zm-16.18 1.112q-1.66 4.087-1.66 12.455t1.66 12.422q1.66 4.054 4.46 4.054 2.865 0 4.493-4.021t1.628-12.455q0-8.434-1.66-12.488t-4.46-4.054q-2.801.001-4.461 4.087z"></path>
    <path fill="#111" d="M202.965 14.122a7.153 7.153 0 011.562 3.2 24.415 24.415 0 01.456 5.3V40.21q0 2.682.945 3.694a4.259 4.259 0 003.223 1.013v1.373q-6.512-.261-8.594-.261-1.954 0-8.465.261v-1.373a3.254 3.254 0 002.735-1.013 6.329 6.329 0 00.781-3.694V19.872a7.582 7.582 0 00-.879-4.054 3.457 3.457 0 00-3.157-1.373 5.812 5.812 0 00-4.558 2.19 7.971 7.971 0 00-1.889 5.394v18.176a6.328 6.328 0 00.782 3.694 3.252 3.252 0 002.735 1.013v1.373q-5.992-.261-8.074-.261-1.954 0-8.985.261v-1.373a4.251 4.251 0 003.255-1.013q.91-1.013.911-3.694v-20.6a8.137 8.137 0 00-.911-4.38 3.619 3.619 0 00-3.255-1.373v-1.373q2.082.2 4.037.2a40.692 40.692 0 009.506-.915v5.884q2.93-6.08 10.679-6.081 4.944.005 7.16 2.555z"></path>
    <path fill="#111" d="M224.777 12.488h7.683v1.308h-7.683V40.21a4.368 4.368 0 00.683 2.779 2.685 2.685 0 002.181.817q2.8 0 4.427-3.923l1.107.589q-2.475 6.734-8.92 6.734-4.3 0-6.511-2.223a7.06 7.06 0 01-1.856-3.432 25.677 25.677 0 01-.488-5.656v-22.1h-5.467v-1.308h5.469v-8.63a19.852 19.852 0 009.377-2.092z"></path>
  </g>
  <path fill="#ffb100" d="M80.296 108.402q-4.428-.2-14.911-.2-14.195 0-21.226.2v-1.308a11.265 11.265 0 003.158-.523 2.258 2.258 0 001.367-1.5 12.885 12.885 0 00.358-3.6V69.042a12.906 12.906 0 00-.358-3.6 2.26 2.26 0 00-1.367-1.5 11.284 11.284 0 00-3.158-.523v-1.307q7.032.2 21.226.2 9.571 0 13.608-.2-.456 5.427-.456 9.676a38.388 38.388 0 00.2 4.446h-1.5q-.977-7-3.516-9.807a9.161 9.161 0 00-7.162-2.815H63.89a9.46 9.46 0 00-2.93.327 1.958 1.958 0 00-1.237 1.275 10.2 10.2 0 00-.326 3.04v16.218h2.084a6 6 0 005.241-2.55 15.979 15.979 0 002.507-6.081h1.5q-.2 2.746-.2 6.146v3.138q0 3.334.391 9.284h-1.5q-1.367-8.63-7.944-8.63h-2.084v16.476a10.194 10.194 0 00.326 3.04 1.954 1.954 0 001.237 1.275 9.436 9.436 0 002.93.327h3.19a9.515 9.515 0 007.455-3.171q2.832-3.171 4-10.755h1.5q-.2 2.157-.2 5.492a88.845 88.845 0 00.466 9.939z"></path>
  <path fill="#ffb100" d="M116.171 76.235a7.157 7.157 0 011.563 3.2 24.433 24.433 0 01.456 5.3v17.588q0 2.682.944 3.694a4.261 4.261 0 003.223 1.013v1.373q-6.512-.261-8.595-.261-1.954 0-8.465.261v-1.373a3.253 3.253 0 002.735-1.013 6.327 6.327 0 00.781-3.694V81.985a7.587 7.587 0 00-.879-4.054 3.457 3.457 0 00-3.158-1.373 5.814 5.814 0 00-4.558 2.19 7.971 7.971 0 00-1.888 5.394v18.176a6.33 6.33 0 00.781 3.694 3.254 3.254 0 002.735 1.013v1.373q-5.991-.261-8.074-.261-1.953 0-8.985.261v-1.373a4.249 4.249 0 003.255-1.013q.911-1.013.912-3.694v-20.6a8.129 8.129 0 00-.912-4.381 3.617 3.617 0 00-3.255-1.373v-1.373q2.083.2 4.037.2a40.7 40.7 0 009.506-.915v5.884q2.93-6.08 10.678-6.081 4.948.006 7.163 2.556z"></path>
  <path fill="#ffb100" d="M157.712 105.59a3.616 3.616 0 003.256 1.373v1.373q-2.02-.2-4.037-.2a40.69 40.69 0 00-9.506.915v-5.623a8.339 8.339 0 01-8.465 5.884 11.854 11.854 0 01-9.734-4.479q-3.614-4.478-3.549-13.5a22.775 22.775 0 011.856-9.709 13.352 13.352 0 015.144-5.95 14.209 14.209 0 017.52-1.994q4.753 0 7.228 2.485V65.054a7.9 7.9 0 00-.944-4.381 3.63 3.63 0 00-3.223-1.373v-1.373q2.082.2 4.037.2a41.727 41.727 0 009.506-.915v44a8.114 8.114 0 00.911 4.378zm-12.274-.654a6.747 6.747 0 001.986-4.25V77.808a5.526 5.526 0 00-4.753-2.223q-3.452 0-5.339 3.988t-1.823 11.9q-.066 7.977 1.53 11.507t4.59 3.531a5.387 5.387 0 003.81-1.575z"></path>
  <path fill="#ffb100" d="M177.245 102.321q0 2.682.944 3.694a4.258 4.258 0 003.222 1.013v1.373q-6.512-.261-8.66-.262-2.019 0-9.05.262v-1.37a4.25 4.25 0 003.255-1.013q.911-1.013.911-3.694V81.726a8.129 8.129 0 00-.911-4.38 3.619 3.619 0 00-3.255-1.373V74.6q2.083.2 4.036.2a40.7 40.7 0 009.507-.915zm-.749-43.25a5.073 5.073 0 010 7.388 7.663 7.663 0 01-8.659 0 5.073 5.073 0 010-7.388 7.663 7.663 0 018.659 0z"></path>
  <path fill="#ffb100" d="M201.661 74.306a11.119 11.119 0 013.191 1.406 2.1 2.1 0 001.171.458 1.213 1.213 0 001.01-.621 4.008 4.008 0 00.553-1.8h1.367q-.261 3.334-.26 11.507h-1.368a16.606 16.606 0 00-2.571-7.225 6.546 6.546 0 00-5.762-2.909 4.719 4.719 0 00-3.224 1.111 3.874 3.874 0 00-1.269 3.073 5.4 5.4 0 001.5 3.825 32.8 32.8 0 004.688 3.89l1.888 1.373a33.816 33.816 0 015.86 5.361 9.11 9.11 0 011.888 5.884 8.3 8.3 0 01-1.66 5.1 10.517 10.517 0 01-4.46 3.4 15.817 15.817 0 01-6.186 1.177 12.7 12.7 0 01-6.12-1.373 31.852 31.852 0 00-3-1.373 1 1 0 00-1.14.425 4.545 4.545 0 00-.749 1.863h-1.361q.26-3.727.26-13.076h1.367q1.3 12.03 8.79 12.03a4.781 4.781 0 003.222-1.144 4.357 4.357 0 001.335-3.5 6.533 6.533 0 00-.814-3.269 10.128 10.128 0 00-2.051-2.55q-1.238-1.111-3.711-3.073-2.93-2.354-4.461-3.792a13.574 13.574 0 01-2.6-3.4 8.966 8.966 0 01-1.074-4.381 7.785 7.785 0 013.256-6.6 12.95 12.95 0 017.944-2.419 15.916 15.916 0 014.551.622z"></path>
  <path fill="#ffb100" d="M227.51 74.6h7.683v1.308h-7.683v26.414a4.376 4.376 0 00.683 2.779 2.688 2.688 0 002.182.817q2.8 0 4.427-3.923l1.108.589q-2.476 6.734-8.921 6.734-4.3 0-6.511-2.223a7.056 7.056 0 01-1.855-3.432 25.667 25.667 0 01-.488-5.656v-22.1h-5.47v-1.308h5.47v-8.631a19.85 19.85 0 009.376-2.092z"></path>
  <path fill="#ffb100" d="M250.754 102.321q0 2.682.944 3.694a4.258 4.258 0 003.223 1.013v1.373q-6.511-.261-8.66-.262-2.019 0-9.051.262v-1.37a4.248 4.248 0 003.255-1.013q.912-1.013.912-3.694V81.726a8.127 8.127 0 00-.912-4.38 3.617 3.617 0 00-3.255-1.373V74.6q2.082.2 4.037.2a40.7 40.7 0 009.506-.915zm-.749-43.25a5.076 5.076 0 010 7.388 7.665 7.665 0 01-8.661 0 5.076 5.076 0 010-7.388 7.666 7.666 0 018.661 0z"></path>
  <path id="mr-white" fill="#111" d="M0 53.482v1.046h.521a6.56 6.56 0 014.9 2.563q1.665 2.251 2.344 7.532a129.867 129.867 0 01.677 15.325q0 9.624 2.188 14.959a13.3 13.3 0 007.032 7.48q4.844 2.143 13.491 2.145v-1.988q-3.438-.1-4.948-1.517t-2.136-6.015a126.243 126.243 0 01-.625-15.064q0-12.761-5.521-18.516T2.92 53.582c.143-.031.275-.072.417-.1z"></path>
  <path fill="#ffb100" d="M296.671 53.482c.141.033.274.073.416.1q-9.481 2.094-15 7.846t-5.521 18.516a126.1 126.1 0 01-.625 15.064q-.625 4.6-2.135 6.015t-4.949 1.517v1.988q8.647 0 13.491-2.145a13.3 13.3 0 007.033-7.48q2.187-5.335 2.187-14.959a129.454 129.454 0 01.677-15.325q.676-5.281 2.345-7.532a6.551 6.551 0 014.9-2.563h.521v-1.042z"></path>
  <path id="mr-white" fill="#111" d="M30.16 12.736q-2.188 5.178-2.187 14.489a131.048 131.048 0 01-.677 15.43q-.679 5.283-2.344 7.532a6.248 6.248 0 01-4.9 2.458h-.521v.837h3.334q9.177-2.124 14.584-7.689 5.52-5.7 5.521-18.568a119.877 119.877 0 01.625-14.593q.625-4.551 2.188-6.015a7.328 7.328 0 014.9-1.569V3.06q-8.544 0-13.439 2.249a13.726 13.726 0 00-7.084 7.427z"></path>
  <path fill="#ffb100" d="M275.05 50.187q-1.668-2.248-2.345-7.532a130.657 130.657 0 01-.677-15.43q0-9.309-2.187-14.489a13.736 13.736 0 00-7.085-7.427q-4.9-2.249-13.439-2.249v1.988a7.335 7.335 0 014.9 1.569q1.562 1.466 2.187 6.015a119.759 119.759 0 01.625 14.593q0 12.867 5.521 18.568 5.4 5.573 14.585 7.689h3.334v-.837h-.521a6.241 6.241 0 01-4.898-2.458z"></path>
</svg>

# 10. dubna ’24 <br> Praha, Alma Career
<!-- .element: class="text-center" -->

<small>mezitím v Brně: Music Lab</small><!-- .element: class="fragment" -->
<small>příště: 15. května (místo upřesníme)</small><!-- .element: class="fragment" -->


note: 

- Adam Křenek: úvod za Almu
- Díky Alma Career za dlouhdobou podporu už od dávných dob, kdy se ještě jmenovali LMC a sídlili úplně jinde přes most (který ještě stál).
- představit spolek 
  > Budujeme a vzděláváme komunitu frontendových vývojářů a designérů
- organizační náležitosti
- Brno: Jak se připravit na pohovor v roce 2024
- pozor, pokud mne paměť nešálí, poprvé porušme pravidlo 2. středy v měsícit

---

# 15. května
<!-- .element: class="text-center c-text-xl" -->

---

# 9. října<!-- .element: class="text-center c-text-xl" -->
# Praha<!-- .element: class="fragment text-center" -->
<svg xmlns="http://www.w3.org/2000/svg" width="985" height="186.74" viewBox="0 0 260 50">
  <path fill="#111" d="M-3.88-1.78h267.76v53.56H-3.88Z" paint-order="fill markers stroke"/>
  <path fill="#ff4646" d="M15.19-.17V.8c-.75.04-1.38.17-1.88.4-.48.25-.85.72-1.12 1.43a13.3 13.3 0 0 0-.61 3.2c-.1 1.42-.15 3.34-.15 5.74 0 2.27-.27 4.17-.82 5.7a9.78 9.78 0 0 1-5.43 5.94c-1.19.5-2.44.9-3.76 1.16 1.32.27 2.57.68 3.76 1.22a9.45 9.45 0 0 1 3.2 2.2c.95.94 1.7 2.17 2.23 3.7.55 1.52.82 3.42.82 5.7 0 2.5.05 4.47.15 5.93a14 14 0 0 0 .6 3.25c.28.75.65 1.22 1.13 1.42.5.24 1.13.36 1.88.36v.96c-2.68 0-4.83-.35-6.46-1.06a6.52 6.52 0 0 1-3.55-3.6c-.71-1.74-1.07-4.16-1.07-7.27 0-3.19-.12-5.64-.35-7.37-.2-1.76-.58-3-1.12-3.76a3.02 3.02 0 0 0-2.39-1.22H0v-.9h.25a3.08 3.08 0 0 0 2.39-1.18c.54-.75.91-2 1.12-3.76.23-1.76.35-4.23.35-7.42 0-2.98.36-5.3 1.07-7A6.72 6.72 0 0 1 8.73.9c1.63-.7 3.78-1.06 6.46-1.06zM46.94 3.6a89.55 89.55 0 0 0-.36 7.72 42.78 42.78 0 0 0 .15 3.86h-1.17a21.22 21.22 0 0 0-1.82-6.2 7.44 7.44 0 0 0-2.9-3.25 7.91 7.91 0 0 0-4.01-.96h-1.68c-.98 0-1.73.08-2.23.25-.51.17-.85.5-1.02 1.02-.17.5-.25 1.28-.25 2.33v25.5c0 1.32.13 2.3.4 2.95.27.64.8 1.07 1.58 1.27.78.2 1.93.32 3.45.36v1.11a357.02 357.02 0 0 0-9.3-.15c-1.45 0-2.87.02-4.26.05l-3.76.1v-1c1.08-.08 1.9-.2 2.44-.4.54-.22.9-.63 1.06-1.24.2-.6.3-1.52.3-2.74V8.97c0-1.25-.1-2.17-.3-2.74a1.7 1.7 0 0 0-1.11-1.22 6.76 6.76 0 0 0-2.4-.4V3.6l4.43.1c1.56 0 3.1.02 4.62.05h12.8c2-.03 3.78-.09 5.34-.15zm-7.57 17.57v1.01h-9.25v-1zm1.27-6.7c-.14 1.93-.2 3.4-.2 4.42.03 1.01.04 1.94.04 2.8a84.38 84.38 0 0 0 .31 7.2h-1.17c-.2-1.18-.52-2.28-.96-3.3a5.75 5.75 0 0 0-1.93-2.44 5.31 5.31 0 0 0-3.3-.96v-1.02a4.86 4.86 0 0 0 4.31-2.28c.48-.7.85-1.46 1.12-2.24.27-.78.47-1.5.6-2.18zm26.16-1.88c1.08 0 1.96.24 2.64.7a3.83 3.83 0 0 1 1.47 1.74c.34.7.51 1.45.51 2.23a4.4 4.4 0 0 1-1.12 3.1 3.67 3.67 0 0 1-2.84 1.17 4.18 4.18 0 0 1-2.8-.86 3.14 3.14 0 0 1-.96-2.4c0-.94.2-1.72.61-2.33.44-.64.98-1.18 1.63-1.62a2.27 2.27 0 0 0-1.43.05c-.64.1-1.25.37-1.83.8-.57.42-1.06.94-1.47 1.58a8.03 8.03 0 0 0-1.32 4.12v13.46c0 1.63.39 2.73 1.17 3.3.81.58 2.01.87 3.6.87v1.06l-3.4-.1a103.1 103.1 0 0 0-8.79 0l-3.15.1V38.5c1.19 0 2.02-.26 2.5-.77.5-.5.76-1.47.76-2.9v-16c0-1.52-.24-2.63-.72-3.35-.44-.74-1.28-1.1-2.54-1.1v-1.08c1.09.1 2.14.15 3.15.15 1.43 0 2.75-.05 3.97-.15 1.25-.14 2.4-.32 3.45-.56v4.73c.4-.92.95-1.75 1.63-2.5a7.23 7.23 0 0 1 5.28-2.38zm18.64 0c2.47 0 4.64.46 6.5 1.37a9.69 9.69 0 0 1 4.37 4.42c1.05 2.03 1.58 4.72 1.58 8.08 0 3.35-.53 6.04-1.58 8.07a9.73 9.73 0 0 1-4.36 4.37 14.59 14.59 0 0 1-6.5 1.37c-2.41 0-4.56-.45-6.46-1.37a10 10 0 0 1-4.42-4.37C73.52 32.5 73 29.8 73 26.45c0-3.36.52-6.05 1.57-8.08a9.95 9.95 0 0 1 4.42-4.42c1.9-.9 4.05-1.37 6.45-1.37zm0 1.01c-1.35 0-2.49 1.02-3.4 3.05-.92 2-1.37 5.27-1.37 9.8 0 4.54.45 7.81 1.37 9.81.91 2 2.05 3 3.4 3 1.4 0 2.53-1 3.4-3 .92-2 1.38-5.27 1.38-9.8 0-4.54-.46-7.8-1.37-9.8-.88-2.04-2.02-3.06-3.4-3.06zm34.5-1c1.42 0 2.57.17 3.45.55a4.9 4.9 0 0 1 3.3 3.91c.27 1.01.4 2.4.4 4.11v13.67c0 1.42.25 2.4.72 2.9.5.5 1.35.76 2.54.76v1.06l-2.9-.1a72.53 72.53 0 0 0-7.62 0l-2.79.1V38.5c1.02 0 1.73-.26 2.13-.77.41-.5.61-1.47.61-2.9V19.03c0-.85-.08-1.57-.25-2.18a2.63 2.63 0 0 0-.92-1.48c-.44-.37-1.1-.56-1.98-.56-.91 0-1.76.26-2.54.77a5.68 5.68 0 0 0-1.83 2.13 6.61 6.61 0 0 0-.66 3v14.12c0 1.42.2 2.4.61 2.9.44.5 1.16.76 2.14.76v1.06l-2.7-.1a79.42 79.42 0 0 0-7.57 0l-3.04.1V38.5c1.18 0 2.01-.26 2.49-.77.5-.5.76-1.47.76-2.9v-16c0-1.52-.24-2.63-.71-3.35-.44-.74-1.29-1.1-2.54-1.1v-1.08c1.08.1 2.13.15 3.15.15 1.42 0 2.74-.05 3.96-.15 1.25-.14 2.4-.32 3.45-.56v4.57a7.6 7.6 0 0 1 3.46-3.65 10.96 10.96 0 0 1 4.88-1.07zm22.6-7.63v8.33h6v1.02h-6v20.52c0 1.01.19 1.74.56 2.18.37.4.93.61 1.68.61.6 0 1.22-.22 1.83-.66a5.88 5.88 0 0 0 1.62-2.39l.86.46a8.84 8.84 0 0 1-2.48 3.76c-1.09.98-2.58 1.47-4.47 1.47-1.12 0-2.1-.15-2.95-.45a5.2 5.2 0 0 1-3.6-4.02 21.45 21.45 0 0 1-.36-4.3V14.3h-4.27V13.3h4.27V6.6c1.42 0 2.72-.12 3.9-.36a12.9 12.9 0 0 0 3.41-1.27z" aria-label="{FrontKon}"/>
  <path fill="#fff" d="M183.9 3.6v.95c-1.1.24-2.26.71-3.51 1.42a16.1 16.1 0 0 0-3.86 3.46l-9.55 11.38 2.94-4.22 12.1 18.85a8 8 0 0 0 1.52 1.88c.54.47 1.25.88 2.13 1.22v1.01a77.8 77.8 0 0 0-3.96-.1 171.6 171.6 0 0 0-3.96-.05c-.72 0-1.58.02-2.6.05-1.01 0-2.3.04-3.86.1v-1c1.4-.08 2.22-.27 2.5-.57.3-.34.18-.92-.36-1.73l-7.37-11.94a9.5 9.5 0 0 0-1.27-1.72 2.9 2.9 0 0 0-1.12-.82 4.17 4.17 0 0 0-1.47-.3V20.4a7.2 7.2 0 0 0 3.96-1.22 19.84 19.84 0 0 0 3.86-3.55l3-3.6c1.29-1.53 2.03-2.84 2.24-3.92.23-1.12.01-1.98-.66-2.6-.65-.6-1.65-.92-3-.96V3.6l2.39.1c.78 0 1.57.02 2.38.05h2.75a61.36 61.36 0 0 0 4.77-.15zm-17.58 0v1a7.42 7.42 0 0 0-2.5.4c-.54.21-.9.62-1.06 1.23-.17.57-.25 1.5-.25 2.74v25.2a11 11 0 0 0 .25 2.74c.2.61.58 1.02 1.12 1.22.54.2 1.35.34 2.44.4v1.02c-.92-.06-2.07-.1-3.46-.1a172.77 172.77 0 0 0-8.84 0c-1.42 0-2.55.04-3.4.1v-1c1.08-.08 1.9-.2 2.44-.4.54-.22.9-.63 1.06-1.24.2-.6.3-1.52.3-2.74V8.97c0-1.25-.1-2.17-.3-2.74a1.7 1.7 0 0 0-1.11-1.22 6.76 6.76 0 0 0-2.4-.4V3.6a221.38 221.38 0 0 0 12.25.1zm32.36 8.98c2.47 0 4.64.46 6.5 1.37a9.69 9.69 0 0 1 4.37 4.42c1.05 2.03 1.57 4.72 1.57 8.08 0 3.35-.52 6.04-1.57 8.07a9.73 9.73 0 0 1-4.37 4.37 14.59 14.59 0 0 1-6.5 1.37c-2.4 0-4.56-.45-6.46-1.37a10 10 0 0 1-4.42-4.37c-1.05-2.03-1.57-4.72-1.57-8.07 0-3.36.52-6.05 1.57-8.08a9.95 9.95 0 0 1 4.42-4.42c1.9-.9 4.05-1.37 6.46-1.37zm0 1.01c-1.36 0-2.5 1.02-3.4 3.05-.92 2-1.38 5.27-1.38 9.8 0 4.54.46 7.81 1.37 9.81.92 2 2.05 3 3.4 3 1.4 0 2.53-1 3.4-3 .92-2 1.38-5.27 1.38-9.8 0-4.54-.46-7.8-1.37-9.8-.88-2.04-2.02-3.06-3.4-3.06zm34.49-1c1.42 0 2.57.17 3.45.55.92.34 1.63.81 2.14 1.42.54.64.93 1.47 1.17 2.5.27 1 .4 2.38.4 4.1v13.67c0 1.42.24 2.4.71 2.9.51.5 1.36.76 2.54.76v1.06l-2.9-.1a72.53 72.53 0 0 0-7.61 0l-2.8.1V38.5c1.02 0 1.73-.26 2.14-.77.4-.5.6-1.47.6-2.9V19.03c0-.85-.08-1.57-.25-2.18a2.63 2.63 0 0 0-.91-1.48c-.44-.37-1.1-.56-1.98-.56-.92 0-1.76.26-2.54.77a5.68 5.68 0 0 0-1.83 2.13 6.61 6.61 0 0 0-.66 3v14.12c0 1.42.2 2.4.6 2.9.45.5 1.16.76 2.14.76v1.06l-2.7-.1a79.42 79.42 0 0 0-7.57 0l-3.04.1V38.5c1.19 0 2.02-.26 2.49-.77.5-.5.76-1.47.76-2.9v-16c0-1.52-.23-2.63-.7-3.35-.45-.74-1.3-1.1-2.55-1.1v-1.08c1.08.1 2.13.15 3.15.15 1.42 0 2.74-.05 3.96-.15 1.26-.14 2.4-.32 3.46-.56v4.57a7.6 7.6 0 0 1 3.45-3.65 10.96 10.96 0 0 1 4.88-1.07zM244.75-.18c2.74 0 4.91.35 6.5 1.06a6.53 6.53 0 0 1 3.5 3.66c.72 1.7 1.08 4.03 1.08 7.01 0 3.2.1 5.66.3 7.42.24 1.76.63 3.01 1.17 3.76a3.2 3.2 0 0 0 2.39 1.17h.25v.91h-.25a3.13 3.13 0 0 0-2.4 1.22c-.53.75-.92 2-1.16 3.76a68.5 68.5 0 0 0-.3 7.37c0 3.11-.36 5.53-1.07 7.26a6.34 6.34 0 0 1-3.5 3.6c-1.6.72-3.77 1.07-6.5 1.07v-.96c.74 0 1.36-.12 1.87-.36.5-.2.9-.67 1.17-1.42.27-.7.46-1.8.56-3.25.1-1.46.15-3.44.15-5.94 0-2.27.27-4.17.81-5.7a10.72 10.72 0 0 1 2.24-3.7 9.45 9.45 0 0 1 3.2-2.19c1.22-.54 2.47-.95 3.76-1.22a21 21 0 0 1-3.76-1.16 10.1 10.1 0 0 1-3.2-2.24 10.72 10.72 0 0 1-2.24-3.7 17.15 17.15 0 0 1-.81-5.7c0-2.4-.05-4.32-.15-5.74a11.9 11.9 0 0 0-.56-3.2c-.27-.7-.66-1.18-1.17-1.42a4.98 4.98 0 0 0-1.88-.4z" aria-label="{FrontKon}"/>
</svg><!-- .element: class="fragment" -->

note:

- jiné datum, kdo ví?
- nápověda… :P

---

## Dnes

- Dr. Adam Kulhánek MBA, adamkulhanek.cz
**Lifestyle medicína a zdravotní hacky pro vývojáře - jak přežít rutinu**
- Pavel Ungr, pavelungr.cz
**SEO ještě neumřelo, co dělat aby žilo co nejdéle?**
- Adam Kudrna, [Frontend Garden](https://frontend.garden/)
**Toast notifikace: kolik zvládne moderní CSS?**

note:

- změna programu: prohodili jsme Adamy

---

## WWW minulém díle jste viděli
<!-- .element: class="text-center" -->

---

- [Oliver Kutiš - Vyhodnocování marketingových aktivit s pomocí sGTM](https://www.youtube.com/watch?v=BrvlIUvdncQ)

note:

- z YT kanálu Frontendisti.cz
- sGTM: Google tag manager na serveru, což vám umožní si data, než je pošlete do analytics, očistit, upravit, doplnit

---

## Letem swwwětem

note:

- Vítáme nové spíkry! Máš-li zajímavé téma nebo případovku, nenechávej si ji pro sebe. [Call for papers AKA náležitosti na webu Frontendisti.cz](https://docs.google.com/forms/d/e/1FAIpQLSe4mba2CAA8eFSaCJtypDkAQzmVmuhSNAP7VwuOIqLj8xEySA/viewform)

---

### Prohlížeče

note:

---

#### Firefox 124
_vydán 19. března 2024_

note:

- spíše drobnosti a opravy

---

#### Chrome 124 
_vydán 10. dubna 2024_

```css=
:root {
  color-scheme: light dark;
  --primary-color: light-dark(#333, #fafafa);
  --primary-background: light-dark(#e4e4e4, #121212);
  --highlight-color: light-dark(hotpink, lime);
}
```
<!-- .element: class="fragment c-text-sm" -->


note:

- funkci `light-dark()` připravuje Safari do příští verze (17.5)

---

#### Safari 17.4
_vydáno 7. dubna 2024_

```css=
@scope (.card) {
    img {
        border-color: green;
    }
}
```

note:

- zavináčové pravidlo (at-rule), které omezí dosah selektorů/předpisů v něm obsažených

---

#### Safari 17.4
_vydáno 7. dubna 2024_

```css=
@scope (.card) to (.card__content) {
    img {
        border-color: green;
    }
}
```

note:

- [Limit the reach of your selectors with the CSS @scope at-rule](https://developer.chrome.com/docs/css-ui/at-scope)

---

## Zachyceno v síti

---

### [NaHTMLé stránky](https://css-naked-day.github.io/)

note:

- každý rok 9. dubna odhoďte CSS a ukažte své sémantické stránky v plné nahotě čistého HTML
- kdyby nic jiného, budou téměř dokonale responzivní (kromě nahrazovaných prvků)

---

### Bramus van Damme

- [scroll driven animation tool](https://scroll-driven-animations.style/tools/scroll-timeline/params/)

note: 

- [bude na Webexpu](https://webexpo.net/sessions/scroll-driven-animations-with-css/)
- [o měsíc dříve, 25. dubna i v CSS Café](/https://www.meetup.com/de-DE/css-cafe/events/300205786/) – webinář

---

### Ahmad Shadeed

- [An Interactive Guide to CSS Container Queries](https://ishadeed.com/article/css-container-query-guide)

note:

- v návaznosti na video Katky Volákové, která na loňském FrontKonu přednesla úvod do problematiky
- vyčerpávající přehled o container queries, včetně teorie a spousty praktických příkladů
- podpora je výborná, i když u klíčových komponent raději jako progressive enhancement, případně kombinovat se starými dobrými media queries
- [příklad s časovou osou](https://ishadeed.com/article/css-container-query-guide#timeline)

---

## KoutPen

---

- [Scroll driven animation: zobrazujte šipky, jen pokud to dává smysl](https://codepen.io/hexagoncircle/full/wvZygXG)

---

Díky, prezentace za chvíli na [@frontendisti](https://twitter.com/frontendisti)

note:

- pokračuje Adam Kulhánek