Philipp Gerbig https://gerbig.org/ Tontechnik, Web & Apps, Fotografie & Design Tue, 19 Oct 2021 19:17:33 +0000 de hourly 1 https://wordpress.org/?v=6.5.6 Link Collection 2021/10 https://gerbig.org/2021/10/19/link-collection-2021-10/ https://gerbig.org/2021/10/19/link-collection-2021-10/#respond Tue, 19 Oct 2021 19:11:06 +0000 https://gerbig.org/?p=1825 Development / Technical Articles CORS explained as a Comic! Julia Evans did a short Comic where she explains cross origin resource sharing. CORS Playground https://jakearchibald.com/2021/cors/ View CSVs in the termina If you want to take a quick look in a csv within the console, Tidy Viewer could be a handy tool for you. Check what […]

The post Link Collection 2021/10 appeared first on Philipp Gerbig.

]]> Development / Technical Articles

CORS explained as a Comic!

Julia Evans did a short Comic where she explains cross origin resource sharing.

CORS Playground

https://jakearchibald.com/2021/cors/

View CSVs in the termina

If you want to take a quick look in a csv within the console, Tidy Viewer could be a handy tool for you.

Check what combinations you can use in your HTML code

Can I Include? checks if you can use a specific element as a child of another.

The post Link Collection 2021/10 appeared first on Philipp Gerbig.

]]> https://gerbig.org/2021/10/19/link-collection-2021-10/feed/ 0 Design & Development Collection 09/2017 https://gerbig.org/2017/09/04/design-development-collection-092017/ https://gerbig.org/2017/09/04/design-development-collection-092017/#respond Mon, 04 Sep 2017 07:24:58 +0000 https://gerbig.org/?p=1734 Stuff for developer CSS Checkbox Library CSS Animation Library CSS Grid Guide Feather Icons Stuff for designer Design Resources Party

The post Design & Development Collection 09/2017 appeared first on Philipp Gerbig.

]]> Stuff for developer

Stuff for designer

The post Design & Development Collection 09/2017 appeared first on Philipp Gerbig.

]]> https://gerbig.org/2017/09/04/design-development-collection-092017/feed/ 0 Design & Development Collection 08/2017 https://gerbig.org/2017/08/22/design-development-collection-082017/ https://gerbig.org/2017/08/22/design-development-collection-082017/#respond Tue, 22 Aug 2017 06:57:33 +0000 https://gerbig.org/?p=1730 Integrating Animation into a Design System Desktop Kit – Sketch Template of UI Elements Found in macOS. For developers Vim isn’t that scary.

The post Design & Development Collection 08/2017 appeared first on Philipp Gerbig.

]]>
  • Integrating Animation into a Design System
  • Desktop Kit – Sketch Template of UI Elements Found in macOS.

    • For developers

    The post Design & Development Collection 08/2017 appeared first on Philipp Gerbig.

    ]]>     https://gerbig.org/2017/08/22/design-development-collection-082017/feed/ 0     Design & Development Collection 07/2017 https://gerbig.org/2017/07/03/design-development-collection-072017/ https://gerbig.org/2017/07/03/design-development-collection-072017/#respond Mon, 03 Jul 2017 08:43:11 +0000 https://gerbig.org/?p=1711 Inspirational Pixels – Beautiful designs Organic Shape Animations Attract hover effect CSS Grid Layout Slideshow CSS-only image slider User Experience Dropdown alternatives for better (mobile) forms Hamburger menu alternatives for mobile navigation Designing The Perfect Slider For developers 60 Free animated icons You don’t need a CSS grid system A Collective List Of APIs React […]

    The post Design & Development Collection 07/2017 appeared first on Philipp Gerbig.

    ]]>     Inspirational

    User Experience

    For developers

    The post Design & Development Collection 07/2017 appeared first on Philipp Gerbig.

    ]]>     https://gerbig.org/2017/07/03/design-development-collection-072017/feed/ 0     Design & Development Collection 06/2017 https://gerbig.org/2017/06/26/design-development-collection-062017/ https://gerbig.org/2017/06/26/design-development-collection-062017/#respond Mon, 26 Jun 2017 08:20:38 +0000 https://gerbig.org/?p=1708 Stuff for developers React Express – The guide of modern react development Pure CSS crosswords Explore ES6 Generators

    The post Design & Development Collection 06/2017 appeared first on Philipp Gerbig.

    ]]>     Stuff for developers

    The post Design & Development Collection 06/2017 appeared first on Philipp Gerbig.

    ]]>     https://gerbig.org/2017/06/26/design-development-collection-062017/feed/ 0     Design & Development Collection 05/2017 https://gerbig.org/2017/05/02/design-development-collection-052017/ https://gerbig.org/2017/05/02/design-development-collection-052017/#respond Tue, 02 May 2017 06:22:43 +0000 https://gerbig.org/?p=1670 This post is work in progress during may 2017! Confetti Sketch Plugin Apartment Life (WebGL) React Native Masonry Pingy – The simple frontend build tool Archetype: Web typography tool CSS and the First Meaningful Paint Hasty (WordPress Custom Code Generator) Style Guide Guide (Boilerplate) Folder Preview Animations Learning CSS Grids Dynamic Icons in Sketch Face […]

    The post Design & Development Collection 05/2017 appeared first on Philipp Gerbig.

    ]]>     This post is work in progress during may 2017!

    Inspirational Websites

    The post Design & Development Collection 05/2017 appeared first on Philipp Gerbig.

    ]]>     https://gerbig.org/2017/05/02/design-development-collection-052017/feed/ 0     Design & Development Collection 04/2017 https://gerbig.org/2017/04/12/design-development-collection-042017/ https://gerbig.org/2017/04/12/design-development-collection-042017/#respond Wed, 12 Apr 2017 06:16:14 +0000 https://gerbig.org/?p=1651 Grid Loading Animations Pure CSS Crosswords Designer/Coder page effect Replace Bootstrap with CSS Grids Learn css grids with Griddy Twitter Lite and High Performance React Progressive Web Apps at Scale Inspirational Websites Ueno Store Carbon Beauty Experimental Stuff User Cursor Experiments Blobs Plankton – Particles life

    The post Design & Development Collection 04/2017 appeared first on Philipp Gerbig.

    ]]>
  • Grid Loading Animations
  • Pure CSS Crosswords
  • Designer/Coder page effect
  • Replace Bootstrap with CSS Grids
  • Learn css grids with Griddy
  • Twitter Lite and High Performance React Progressive Web Apps at Scale

    • Inspirational Websites

    Experimental Stuff

    The post Design & Development Collection 04/2017 appeared first on Philipp Gerbig.

    ]]>     https://gerbig.org/2017/04/12/design-development-collection-042017/feed/ 0     Design & Development Collection 03/2017 https://gerbig.org/2017/03/15/design-development-collection-032017/ https://gerbig.org/2017/03/15/design-development-collection-032017/#respond Wed, 15 Mar 2017 08:08:26 +0000 https://gerbig.org/?p=1637 Inspirational Sites: http://ss2017.descente.jp/ http://www.anagram.paris http://motel.is/ http://www.merci-michel.com/projects/ Stack Motion Hover Effects https://tympanus.net/Development/StackMotionHoverEffects/# Better web typography https://betterwebtype.com/ Pattern Magazine: http://patternbrutal.ist Colorfonts?! http://www.colorfonts.wtf/ Deep dive CSS: font metrics, line-height and vertical-align http://iamvdo.me/en/blog/css-font-metrics-line-height-and-vertical-align How to build animated microinteractions in React https://medium.freecodecamp.com/how-to-build-animated-microinteractions-in-react-aab1cb9fe7c8#.rvv8iz5bp 10 react mini patterns https://hackernoon.com/10-react-mini-patterns-c1da92f068c5#.ivuro8i4w Ultimate Guide to API Design https://blog.qmo.io/ultimate-guide-to-api-design/ Pull to reload https://github.com/ErlendEllingsen/pull-to-reload Fun-Site: Soundy ist […]

    The post Design & Development Collection 03/2017 appeared first on Philipp Gerbig.

    ]]>     Inspirational Sites:

    http://ss2017.descente.jp/

    http://www.anagram.paris

    http://motel.is/

    http://www.merci-michel.com/projects/

    Stack Motion Hover Effects

    https://tympanus.net/Development/StackMotionHoverEffects/#

    Better web typography

    https://betterwebtype.com/

    Pattern Magazine:

    http://patternbrutal.ist

    Colorfonts?!

    http://www.colorfonts.wtf/

    Deep dive CSS: font metrics, line-height and vertical-align

    http://iamvdo.me/en/blog/css-font-metrics-line-height-and-vertical-align

    How to build animated microinteractions in React

    https://medium.freecodecamp.com/how-to-build-animated-microinteractions-in-react-aab1cb9fe7c8#.rvv8iz5bp

    10 react mini patterns

    https://hackernoon.com/10-react-mini-patterns-c1da92f068c5#.ivuro8i4w

    Ultimate Guide to API Design

    https://blog.qmo.io/ultimate-guide-to-api-design/

    Pull to reload

    https://github.com/ErlendEllingsen/pull-to-reload

    Fun-Site: Soundy ist das Giphy für Audio:

    https://www.soundy.top/sounds

    Introduction to Web Audio API

    https://css-tricks.com/introduction-web-audio-api/

    The post Design & Development Collection 03/2017 appeared first on Philipp Gerbig.

    ]]>     https://gerbig.org/2017/03/15/design-development-collection-032017/feed/ 0     Best of Hoffnungsträger unplugged @ Fronhof Hanau https://gerbig.org/2015/07/02/best-of-hoffnungstraeger-unplugged-fronhof-hanau/ https://gerbig.org/2015/07/02/best-of-hoffnungstraeger-unplugged-fronhof-hanau/#respond Thu, 02 Jul 2015 05:36:11 +0000 http://gerbig.org/?p=1548 Bereits zum 13. Mal findet in diesem Jahr der HOFFNUNGSTRÄGER – Hanaus Nachwuchswettbewerb für junge Bands- statt. Die meisten der einstigen Teilnehmer sind schon lange keine Newcomer mehr, sondern vielmehr eine feste Größe in der Musiklandschaft – und das nicht nur in Hanau. Das zeigt zum einen, dass Hanau fantastische Musiker zu bieten hat und […]

    The post Best of Hoffnungsträger unplugged @ Fronhof Hanau appeared first on Philipp Gerbig.

    ]]>     Bereits zum 13. Mal findet in diesem Jahr der HOFFNUNGSTRÄGER – Hanaus Nachwuchswettbewerb für junge Bands- statt. Die meisten der einstigen Teilnehmer sind schon lange keine Newcomer mehr, sondern vielmehr eine feste Größe in der Musiklandschaft – und das nicht nur in Hanau. Das zeigt zum einen, dass Hanau fantastische Musiker zu bieten hat und zum anderen, dass die Jury treffsicher auswählt und Qualität sich durchsetzt.


    Um das zu beweisen, suchen wir die Besten aus 12 Jahren (nicht zwangsläufig die Erstplatzierten) aus und bringen sie an einem besonderen Abend gemeinsam auf die Bühne.

    Der besondere Clou für dieses Konzert der „Leistungsträger“: Es wird eine rein akustische Darbietung – unplugged! Das bedeutet, dass man einige der Bands zum ersten und vielleicht einzigen Mal „unverstärkt“ zu hören und sehen bekommen wird.

    Ein Event der besonderen Art, das keinen besseren Rahmen haben könnte als den Hanauer Kultoursommer im Fronhof. (Innenstadt, Schloßplatz)

    Das Line-up für diesen Abend:
    Dinner4Trees (Gewinner 2013, Deutscher Pop-Rock)
    Banjoory – Reggaestyles and more (Gewinner 2004, Hessischer Reggae & Dancehall)
    Call it Jack (Finalist 2014, Punk mit Posaune)
    Tim Ahmed (Gewinner 2006, Soul)
    Shawn (Finalist 2010, Britrock)
    EyeShotEmily (Gewinner 2008, Oldschool Hardcore)
    Smell Keep On Rockin (Finalist 2005, Sk8Punk)
    Alberta Rush (Gewinner 2014, Garagenpop)

    The post Best of Hoffnungsträger unplugged @ Fronhof Hanau appeared first on Philipp Gerbig.

    ]]>     https://gerbig.org/2015/07/02/best-of-hoffnungstraeger-unplugged-fronhof-hanau/feed/ 0     Reverend Schulzz & Leslie Link @ Lamboyfest https://gerbig.org/2015/06/16/reverend-schulzz-leslie-link-lamboyfest/ https://gerbig.org/2015/06/16/reverend-schulzz-leslie-link-lamboyfest/#respond Tue, 16 Jun 2015 14:14:50 +0000 http://gerbig.org/?p=1527 „Zwei Größen vereint” – so titelte der Hanauer Anzeiger nach dem ersten gemeinsamen Konzert von Singer/Songwriter Reverend Schulzz und Hanaus Gitarrenlegende Leslie Link im vollbesetzten Brückenkopf. Die beiden „spannen einen Klangteppich aus gefühlvoll gesungenen Geschichten und virtuos differenzierten Gitarrensounds und verzauberten die Zuhörer bis zur letzten Zugabe” – so die Presse. Leslie und der Reverend […]

    The post Reverend Schulzz & Leslie Link @ Lamboyfest appeared first on Philipp Gerbig.

    ]]>     „Zwei Größen vereint” – so titelte der Hanauer Anzeiger nach dem ersten gemeinsamen Konzert von Singer/Songwriter Reverend Schulzz und Hanaus Gitarrenlegende Leslie Link im vollbesetzten Brückenkopf. Die beiden „spannen einen Klangteppich aus gefühlvoll gesungenen Geschichten und virtuos differenzierten Gitarrensounds und verzauberten die Zuhörer bis zur letzten Zugabe” – so die Presse.

    Leslie und der Reverend waren selbst so angetan von der Zusammenarbeit, dass sie sich am gleichen Abend entschlossen, mit einer Wiederauflage nicht lange zu warten.

    Am frühen Sonntagabend war es soweit: Auf der Bühne vor dem Goldschmiedehaus trafen die beiden wieder aufeinander – beim 379. Hanauer Lamboyfest!

    The post Reverend Schulzz & Leslie Link @ Lamboyfest appeared first on Philipp Gerbig.

    ]]>     https://gerbig.org/2015/06/16/reverend-schulzz-leslie-link-lamboyfest/feed/ 0