PSD.Tutorials.Flexbox.in.CSS.und.HTML.Tutorial.German-BLZiSO

perc0cet

Member
Code:
                                    ░      .
                                           ;
                                    ░                             . 
                                    ▒      .     . .. ... .   .. .;.
                                    ▓ ░    : A iSoStorm is comin' :
                                   ▀█     .;. ... ... .. .     .  .
                                    █ ░    .     
                            ░       █ ▓  ▄                        ;
                            ▓  ▀ ▀▀▀█▀▀▀▀▀▀ ▀▀ ▀ ░                .
                            █   ▄▄▄ ▄▄▄▄ ▄▄▄▄  ▄ ▓    
                        ▀ ▀▀█▀▀ ▄▄▄ █▓▀▀ █▀█▓ ▀█▀█▄▄ ▄
                        ░   █   ██▓ ▀▀█▓ █ █▓    █                      
                        ▓   █   ▀▀▀ ▀▀▀▀ ▀▀▀▀    █ ░      
                       ▀█▀ ▀█▀▀▀▀▄▄█████▓▓▄▄▀▀ ▀▀█ ▓  ░   
                          █▄▄ ▄██████████▓▓▓▓▓▄ ▄█▄█ ▄▓▄  
                       ▀ ▀█  ▄█████████████▓▓▓█▄ █ █▄▄▄▄ ▄
                        ▄ ▄ ▐█████████████████▓▓▌  █  ▀   
                    ▓ ▀▀▀▀█ ████████▀▄▄▀████▓▓▓▓█  █ ▄█▀▀▄▄     
                   ▀▄▀▀█▄ ▀  ███████▄▀▀▄██▓▓▓▓█▀  ▄▄█▓▓▄▄▄▀▀▄   
                ▄▄▀▀█▓▄▄▓▌▄▄ ████████████▓▓▓█▀ ▄▀████▓██▀▀▀▀▄▄  
             ▄█▀▀████▓▓█▓▓▓▓█ ▀█▀▀█████▀▀█▀▀▄▄▀ █▓▓███▓▓▓▓▄  ▐▌▄█▀▀▄    
           ▄█▄▄▄▄▄█████████▓██▄▄ ▀▀█▀▀█▀ ▄██▄▄██████████▓███▄████▓▄▄
          ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
        ▄███▀▀ ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀████▀▀▀▀▀▀▀██▓▓▀▀▄█▓▓▀▄▀█▀▀▀▀███▄▀▀█▓▓▄  
      ▄███▀  ▄▄▄▄  ▄█▓▄       ▄█▓▓▀      ▄███▀ ▄███▀  ██▄     ▀██▓▄ ▀███▄
    ▄███▀   ▄█▓▓▀  ▀▓█▀  ▄▄▄▄███▀      ▄███▀ ▄███▀    ██▓      ▐█▓▓   ▀██▓▄
  ▄███▀    ██▓▀    █▄▄█   ▄███▀      ▄███▀ ▄███▀▀▀▀▀▀▀█▓▓     ▄███▀     ▀██▓▄
▄██▓▀ ▄▀▀██▄▀     ▄█▓▓▀ ▄██▓▀   ▄▄▄▄███▀ ▄██▓▀        █▓▓   ▄█▓▓▀  ▄█▓▀▀▄ ▀██▓▄
█▓▓▌     ▐██▓   ▄███▀   █▓▓▌     ▄███▀   ██▓▌         █▓▓ ▄███▀   ██▓▌     ▐█▓▓
 ▀▓▓▄▄▄▄▄█▓▓▀ ▄███▀      ▀█▓▄▄▀▄███▀      ▀▓▓▄▄▀      ██▓ ███▌    ▀██▓▄▄▄▄▄██▀
      ▄▄▄▄  ▄██▓▀  ▄         ▄██▓▀ █                    ▄  ▀███▄      ▄ ▄▄▄  
    ▄███▀   ██▓▌    ▀▀██▄  ▄██▓▀ ▀▀█▀▀▀ ▀▀▀ ▀▀▀▀▀▀▀▀▀▀▀▀▓▀ ▀ ▀██▓▄ ▄▀   ▄  ▀█▄ 
    ███▌     ▀▓▓▄▄▀   ▐█▓▓ ██▓▌    ▀   .;.BLiZZaRD.;.   ░     ▐█▓▓      ░    ▀ 
     ▀██▄▄▄▄▄▄▄▄▄▄▄▄▄▄███▀  ▀██▄▄▀ ░ .prouldy presents. ▄  ▀▄▄██▀ ▌   ▄ ▓    ▐█
            ▄                     ▄▓▄▄▄▄▄▄▄▄▄▄▄▄ ▄▄ ▄▄▄▄█▄        ▄  ▀▀▀█▀   ██
            █                      ▀                 ▀  █          ▀▄▄▄ █ ▄▄█▓
            █ Flexbox in CSS und HTML Tutorial          █            ▀▀███▀▀
            █                                           █            ▀▀███▀▀
          ▀▀█▀█▀▀                                  ▀▀▀▀▀█▀▀ ▀           █
            █                                                           ▓
           ▀█ release date.: 18/08/24  disks........: 01                ▓
            █ supplier.....: Bill      os...........: Win               █
            ▓ cracker......: Bill      protection...: Bill            ▄ █
            ░                                                   ▄▀     ██
          ▄ ▄▄▄                                                 █▄ ▀ ▄█▓█
       ▄▀   ▄  ▀█▄                ▄▄                           ▄ ▀███▀▀▄█
          ▀▀█▀   ▀▓███████████████▓▓██████▀▓█████████▓▓▓▓█████████████████▄ 
      ▌     ▓    ▐█  ▄                    █                        ▐▓█▀ ▄ ▀█
      ▄     ░    █▓ ▀█▀▀▀ ▀▀▀ ▀▀▀▀▀▀▀▀▀▀▀▀▓▀▀ ▀                     █     ▄▀
       ▀▄▄▄   ▄▄█▓   ▀  .;Program info;.  ░                          ▀ 
         ▀▀███▀▀ ▄ ▄▄▓▄▄▄▄▄▄▄▄▄▄▄▄ ▄▄ ▄▄▄▄█▄
                     ▀                 ▀  █

	Flexbox in CSS und HTML û und deine Seiten und Apps passen sich an

	Ob Desktop, Tablet oder Smartphone à Webseiten und Apps muessen sich an 
	unterschiedliche Display-Groessen anpassen. In CSS und HTML gelingt dir 
	das mithilfe von Flexbox vergleichsweise einfach, selbst bei schwierigeren 
	Layouts. 

	Wenn dir Flexbox bislang noch gar kein Begriff ist oder du Flexbox endlich 
	bis ins Detail kennenlernen moechtest, dann starte gleich dieses dreistuendige 
	Tutorial von Entwickler Stephan Haewss. Dein Trainer steigt bei den Grundlagen 
	ein und kombiniert im Verlaufe des Kurses Theorie sowie praktische uebungen 
	mit konkreten Beispielen. Am Ende des Trainings bist du in der Lage, deine 
	Webseiten und Apps mittels Flexbox in Css und HTML modern und responsiv zu 
	entwickeln.

	Flexbox erklaert û von den Grundlagen ueber uebungen bis zu konkreten Beispielen

	Zum Auftakt des Tutorials erfaehrst du zunaechst, was Flexbox ist, wie es 
	funktioniert und wofuer du es anwendest. Nach dem Aufsetzen des 
	Initialprojektes lernst du Schritt fuer Schritt, Flexbox fuer 
	unterschiedliche Layouts zu nutzen. 

	Was musst du bei der Ausrichtung beachten? Wie steuerst du Groessenzuwachs 
	und Verkleinerung? Wie sorgst du fuer richtige Umbrueche und die korrekte 
	Sortierung deiner Elemente? All dies und mehr bringt dir dein Trainer in 
	einem umfassenden Grundlagen-Abschnitt bei. 

	Anschliessend zeigt er dir an Beispielen wie Zentrieren, Formulareingaben, 
	Chats und einem Galerie-Layout, wie du Flexbox in typischen Anwendungsfaellen 
	fuer deine Zwecke nutzen kannst. Zwischendurch kannst du das Gelernte anhand 
	von uebungen selbst nachvollziehen und vertiefen û uebungsmaterialien liegen 
	jeweils bei.

	Was ist Flexbox?

	Flexbox ist ein Layout-Modell in CSS, das es erleichtert, komplexe 
	Layouts zu erstellen und Elemente innerhalb eines Container-Elements 
	zu organisieren. Mit Flexbox kannst du die Groesse, Reihenfolge und 
	Ausrichtung von Elementen flexibel steuern, unabhaengig von ihrer 
	urspruenglichen Reihenfolge im HTML-Dokument. Eine leistungsstarke 
	Technik fuer die Entwicklung moderner, flexibler und dynamischer 
	Benutzeroberflaechen!

	Fuer wen eignet sich das Tutorial?

	Zum Nachvollziehen des Tutorials solltest du bereits Kenntnisse in CSS 
	und HTML mitbringen. Du erweiterst bzw. vertiefst deine 
	Programmierfaehigkeiten in Bezug auf die Erstellung responsiver 
	Webseiten und Apps. Der Kurs richtet sich insofern insbesondere an Web- 
	und Frontend-Entwickler sowie an Web-Designer. Sieh dir das Tutorial 
	ebenfalls an, wenn du mit CSS und HTML bisher keine zufriedenstellende 
	Responsivitaet erzielen konntest. Mit Flexbox geht das alles um einiges 
	leichter!

                                                                        ▄ ▄▄▄  
                                                                   ▄▀   ▄  ▀█▄ 
                                                                        ░    ▀ 
                                                                  ▌   ▄ ▓    ▐█
                                                                  ▄  ▀▀▀█▀   ██
                                                                   ▀▄▄▄ █ ▄▄█▓
                                                                     ▀▀███▀▀
                                                                        █
            ▄                                                         ▄ █
         ▀ ▀█▀▀▀▀                                               ▄▀     ██
          ▄ ▄▄▄                                                 █▄ ▀ ▄█▓█
       ▄▀   ▄  ▀█▄            ▄▄                               ▄ ▀███▀▀▄█ 
          ▀▀█▀   ▀▓███████████████▓▓██████▀▓█████████▓▓▓▓█████████████████▄ 
      ▌     ▓    ▐█  ▄         ▄          █                        ▐▓█▀ ▄ ▀█
      ▄     ░    █▓ ▀█▀▀▀ ▀▀▀ ▀▀▀▀▀▀▀▀▀▀▀▀▓▀▀ ▀                     █   █ ▄▀
       ▀▄▄▄   ▄▄█▓   ▀  .;Install iNFO;.  ░                          ▀  █ 
         ▀▀███▀▀ ▄ ▄▄▓▄▄▄▄▄▄▄▄▄▄▄▄ ▄▄ ▄▄▄▄█▄                            █
                     █   ▀             ▀  ▀                             █
            ░                                                           █
            ▓            - Unpack                                       █
            █            - Burn/Mount                                   █ 
            █            - Use                                          █
            █                                                           █
            █  ▄                                                      ▄ █
         ▀ ▀█▀▀▀▀        - Enjoy ...                            ▄▀     ██
          ▄ ▄▄▄                                                 █▄ ▀ ▄█▓█
       ▄▀   ▄  ▀█▄                ▄▄                           ▄ ▀███▀▀▄█ 
          ▀▀█▀   ▀▓███████████████▓▓██▀▓█████████████▓▓▓▓█████████████████▄ 
      ▌     ▓    ▐█  ▄            ▄   █            ▀▀              ▐▓█▀ ▄ ▀█
      ▄     ░    █▓ ▀█▀▀▀ ▀▀▀ ▀▀▀▀▀▀▀▀▓▀▀ ▀                         █     ▄▀
       ▀▄▄▄   ▄▄█▓   ▀ .;Group NEws;. ░                              ▀    
         ▀▀███▀▀ ▄ ▄▄▓▄▄▄▄▄ ▄▄▄▄▄▄ ▄▄▄█▄▄
                     █                ▀                                   
     


                                                                      ▄ ▄▄▄  
                                                                   ▄▀   ▄  ▀█▄ 
                                                                        ░    ▀ 
                                                                  ▌   ▄ ▓    ▐█
                                                                  ▄  ▀▀▀█▀   ██
                                                                   ▀▄▄▄ █ ▄▄█▓
                                                                     ▀▀███▀▀
                                                                        █
            ▄                                                         ▄ █
         ▀ ▀█▀▀▀▀                                               ▄▀     ██
          ▄ ▄▄▄                                                 █▄ ▀ ▄█▓█
       ▄▀   ▄  ▀█▄       ▄▄                                      ▀███▀▀▄█ 
          ▀▀█▀   ▀▓███████████████▓▓█▀▓██████████████▓▓▓▓█████████████████▄ ª
      ▌     ▓    ▐█  ▄     ▄         █            ▀▀               ▐▓█▀ ▄ ▀█
      ▄     ░    █▓ ▀█▀▀▀ ▀▀▀ ▀▀▀▀▀▀▀▓▀▀ ▀                          █   █ ▄▀
       ▀▄▄▄   ▄▄█▓   ▀ .;Greetings;. ░                               ▀  █ 
         ▀▀███▀▀ ▄ ▄▄▓▄ ▄▄▄ ▄▄▄▄▄▄ ▄▄█▄ Our greetings fly to:           █
                     █               ▀                                  █
            ░    All Groups which are actively and courageously work on █    
            ▓    building better release conditions and thus keep the   █
            █    scene up.                                              █ 
            █  ▄                                                      ▄ █
         ▀ ▀█▀▀▀▀                                               ▄▀     ██
          ▄ ▄▄▄                                                 █▄ ▀ ▄█▓█
       ▄▀   ▄  ▀█▄                ▄▄                             ▀███▀▀▄█ 
          ▀▀█▀   ▀▓████████████████▀▓████████████████▓▓▓▓█████████████████▄ 
      ▌     ▓    ▐█  ▄             █                      ▀▀       ▐▓█▀ ▄ ▀█
      ▄     ░    █▓ ▀█▀▀▀ ▀▀▀ ▀▀▀▀▀▓▀▀ ▀                            █   █ ▄▀
       ▀▄▄▄   ▄▄█▓   ▀ .;retired;. ░                                 ▀  █   
         ▀▀███▀▀ ▄ ▄▄▓▄▄▄▄▄ ▄▄▄▄▄▄▄█▄▄                                  █
            ▄        █             ▀                                    █
            █        ▄                                                  █
        ▀ ▀▀█▀▀█▀▀▀▀▀▀▀▀ ▀                                              █
            █    we wish them the best in real life and thank them for  █
            █    for all their great work they have done for blizzard...█
            █    we'll never forget you!! our fallen heroes:            █
            █                                                           █ 
            █  ▄                                                      ▄ █
         ▀ ▀█▀▀▀▀  xxxxxx - xxxx - xxxxxxxxx - xxxxxxxxx - xxxx ▄▀     ██
          ▄ ▄▄▄     xxxxxxxxxx - XxxxxxxX - Xxxxxx              █▄ ▀ ▄█▓█
       ▄▀   ▄  ▀█▄         ▄▄                            ▄▄      ▀███▀▀▄█ 
          ▀▀█▀   ▀▓███████████████▓▓██▀▓█████████████▓▓▓▓█████████████████▄ 
      ▌     ▓    ▐█  ▄            ▄   █           ▀▀               ▐▓█▀ ▄ ▀█
      ▄     ░    █▓ ▀█▀▀▀ ▀▀▀ ▀▀▀▀▀▀▀▀▓▀▀ ▀                         █   █ ▄▀
       ▀▄▄▄   ▄▄█▓   ▀ .;Joining us;. ░                              ▀  █ 
         ▀▀███▀▀ ▄ ▄▄▓▄▄▄▄▄ ▄▄▄▄▄▄ ▄▄▄█▄▄  We are a closed group,       █
                     █                ▀                                 █ 
                         if we need you then we will contact you!       █
                                                                        █
        Software worth using is worth buying.. keep this in mind!       █
                                                                        █ 
            █  ▄                                                      ▄ █
         ▀ ▀█▀▀▀▀                                               ▄▀     ██
          ▄ ▄▄▄                                                 █▄ ▀ ▄█▓█
       ▄▀   ▄  ▀█▄                ▄▄                             ▀███▀▀▄█ 
          ▀▀█▀   ▀▓███████████████▓▓█████████████████▀▓███████████████████▄ 
      ▌     ▓    ▐█  ▄            ▄                  █             ▐▓█▀ ▄ ▀█
      ▄     ░    █▓ ▀█▀▀▀ ▀▀▀ ▀▀▀▀▀▀▀ ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▓▀▀ ▀          █     ▄▀
       ▀▄▄▄   ▄▄█▓   ▀ .; Artwork updated 31.01.2005 ░               ▀    
         ▀▀███▀▀ ▄ ▄▄▓▄▄▄▄▄ ▄▄▄▄▄▄ ▄▄ ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄█▄▄  
                     █                               ▀

 
Back
Top