Toggle navigation

More posts from this user

I have been working on syncing data to an account using #firebase for Hours Worked. I keep getting distracted trying to design a nice landing page. I gave up trying to make it perfect and launched this oversimplified version.
Soon users will be able to log into an account and view saved data from the Hours Worked app. For now there is only a link to download the app. Baby steps!
#mobiledevelopment #iosdevelopment #ionicframework #mobileappdesign #landingpage #webdevelopment #webdesign #comingsoon
Adding support for other languages to the Hours Worked app 🇨🇳🇺🇸🇪🇸#ionicframework #angularjs #mobileapp
New blog post: Using the Foundation Framework for Responsive Web Design 👨‍💻👩‍💻 #responsivedesign #zurbfoundation #webdesign #linkinbio
New blog post on using Google Chrome DevTools to debug a Responsive Web Design #responsivedesign 👍
Remote Debugging using Chrome DevTools on your computer 💻 with an Android device plugged in through USB 📲
#responsivedesign #mobiledevelopment #webdesign
Quick tip: with DevTools open in Google Chrome you can right click (or click and hold) on the refresh button to clear cache and refresh
#webdesign #webdevelopment #tutorials
Chrome DevTools has a nice color picker for quickly previewing new colors 👨‍🎨👌
Often times spacing of items were originally optimized for a desktop screen size 🖥 Spacing breaks down on smaller screens 📱

Step 4/4 when getting started with #responsivewebdesign is to use Flexbox to align items.
#responsivedesign #webdesign #html
A flexible layout is not enough to deliver a good mobile experience. CSS allows us to apply custom styles at different screen sizes.

Step 3/4 when getting started with #responsivewebdesign is to use media queries to adjust styles based on screen size.
#responsivedesign #webdesign #html
With the viewport meta tag mobile browsers will honor fixed width #css declarations. This can cause content to overflow the existing layout.
Step 2/4 when getting started with #responsivewebdesign is to eliminate fixed width elements.
#responsivedesign #webdesign #css
Without a viewport meta tag mobile browsers attempt to fit existing designs into the smaller window.
Step 1/4 when getting started with #responsivewebdesign is to use a viewport meta tag to control content width.
#responsivedesign #webdesign #html
New Blog Post. 4 tips when starting Responsive Web Design. A great way to reach more mobile users. 💻📲 #responsivedesign #webdesign #webdesigner
How a non-Responsive website works at various screen sizes 👎#responsivedesign #responsivewebdesign #webdesign
How to export time from Hours Worked: -Select dates -Scroll down to list
-Hit "Export these Hours"
Excited to announce a big update to Hours Worked! Download the free iPhone and Android app. Link in bio. 🙌📲
New appsbyjohn.com website features the Perfct Day app. A free app to create habits and track your success.
iPhone 6S tip for highlighting text using 3D Touch #howto #iphone6s #iphone6splus