ionhipster

Notes, tips, and tricks on Ionic development. A work in progress by @Tyler_Kuster - DM if you’d like to contribute!

[ionhipster @ionhipster]

@Ionicframework Omaha, Nebraska!

[ionhipster @ionhipster]

Set a default language to handle unsupported language codes. #i18n #ionic #angular #localization

[ionhipster @ionhipster]

[Command + Shift + G] needs to be shared with anyone developing on a Mac. Being able to jump right into a directory is SUPER helpful. #developer #shortcut

[ionhipster @ionhipster]

Oof, what a busy few months! Just finished building the blog / the first post is on the way! #ionic

[Code Sommelier @CodeSommelier]

Frontend vs Backend

[Kass 🦈 @KassandraSanch]

Me writing JavaScript

[Programming Wisdom @CodeWisdom]

"The first 90% of the code accounts for the first 90% of the development time. The remaining 10% of the code accounts for the other 90% of the development time." - John Johnson

[Marko Denic @denicmarko]

CSS tip:

Easily center anything, horizontally and vertically, with 3 lines of CSS:

[ionhipster @ionhipster]

100 second Typescript crash course: https://t.co/R3OY7lBN8x by @fireship_dev! 🔥

[ionhipster @ionhipster]

@thecaitcode @JoshWComeau Fine art; digital media and metal 🤘

[ionhipster @ionhipster]

@mhartington I’d try disabling shadows and cropping depending on what you’re after: https://t.co/LGOSLXuHkf. You might be able to make a folder action if you have a lot of screenshots to take and if the missing shadow is ok.

[ionhipster @ionhipster]

⌘+Shift+T reopens accidentally closed tabs. #shortcuts #vscode

[MARC REBILLET @marcrebillet]

I FEEL SO ALIVE

[I Am Devloper @iamdevloper]

⚡️Bookmarked: https://t.co/HBjk8JtySO

Super handy.

[Johnny Verhovek @JTHVerhovek]

Biden campaign also going up on Comedy Central and Adult Swim with this animated climate change focused ad

[ionhipster @ionhipster]

@dotNetkow

[ionhipster @ionhipster]

@ckgaparajita @capacitorjs @Ionicframework Looks great! 🔥

[Maximiliano Firtman @firt]

Updated viewport widths* and DPRs on iPhones:
－320: iPhone SE
－375: iPhone 7/8/X/Xⓢ/11 Pro/SE 2/12 mini
－390🆕: iPhone 12/12 Pro
－414: iPhone 7+/8+/Xⓢ Max/XⓇ/11/11 Pro Max
－428🆕: iPhone 12 Pro Max
https://t.co/kTuVS4ZNyH
* with viewport width=device-width meta tag

[ionhipster @ionhipster]

@connerwsimmons The z-index is probably way higher than it needs to be but for the side placement:

[ionhipster @ionhipster]

A few obvious styling issues and I need to set the ion-content overflow onStart/End gestures but it’s starting to get pretty close. :)

[ionhipster @ionhipster]

@connerwsimmons For sure! I’m hoping to create a npm/will share a repo tonight after I clean it up a bit. For the side placement I used position: fixed and z-index: 50000 but I stole the idea from https://t.co/SPwBlg7KJG