Posts by FRESHFACE

1875 posts YOU TOUCH IT YOU BUY IT
  • Has referred 200+ members
  • Has sold $500,000+ on Envato Market
  • Has collected 100+ items on Envato Market
  • Made it to the Authors' Hall of Fame
+6 more
FRESHFACE says



To my opinion the bootstrap grid system is just horrible. The whole mobile first approach is just terribly bad. For example when you have a 3 column grid and you watch it in portraid mode on an iPad, it already stops floating all columns and you see everything underneath each other.

That’s my biggest ( and only ) problem with bootstrap. i do like the basic table styling etc though.

I use a custom starter sheet with my own grid and basic styling for text and form elements.

In Bootstrap 3 you can use this class:

.col-sm-

^ stacks horizontally on iPad in all modes (land/port) and vertically on iPhone in all modes (land/port)

See all options here: http://getbootstrap.com/css/#grid-options

To answer the OP, we used to write our own grids etc., but I am now looking into the possibility of using Bootstrap in our plugin/theme development, will see how that goes :)
Hey didn’t know that. But still – i like a combination of a fluid+repsonsive layout more.

I am not sure I understand what you meant by that, maybe this?: http://www.bootply.com/132799 (fixed vs fluid width container; fixed is jumpy when you resize the window)

1875 posts YOU TOUCH IT YOU BUY IT
  • Has referred 200+ members
  • Has sold $500,000+ on Envato Market
  • Has collected 100+ items on Envato Market
  • Made it to the Authors' Hall of Fame
+6 more
FRESHFACE says

To my opinion the bootstrap grid system is just horrible. The whole mobile first approach is just terribly bad. For example when you have a 3 column grid and you watch it in portraid mode on an iPad, it already stops floating all columns and you see everything underneath each other.

That’s my biggest ( and only ) problem with bootstrap. i do like the basic table styling etc though.

I use a custom starter sheet with my own grid and basic styling for text and form elements.

In Bootstrap 3 you can use this class:

.col-sm-

^ stacks horizontally on iPad in all modes (land/port) and vertically on iPhone in all modes (land/port)

See all options here: http://getbootstrap.com/css/#grid-options

To answer the OP, we used to write our own grids etc., but I am now looking into the possibility of using Bootstrap in our plugin/theme development, will see how that goes :)

1875 posts YOU TOUCH IT YOU BUY IT
  • Has referred 200+ members
  • Has sold $500,000+ on Envato Market
  • Has collected 100+ items on Envato Market
  • Made it to the Authors' Hall of Fame
+6 more
FRESHFACE says

A preview for those who don’t want to install stuff on their computers in order to see it:

(from reddit)

1875 posts YOU TOUCH IT YOU BUY IT
  • Has referred 200+ members
  • Has sold $500,000+ on Envato Market
  • Has collected 100+ items on Envato Market
  • Made it to the Authors' Hall of Fame
+6 more
FRESHFACE says

I would suggest:

1.) High intensity cardio on bike ( preferably in gym ), or sprints. That means induce maximum effort for 10 – 15 seconds, then rest for 2 minutes. Repeat 4 – 5 times and you’ll be totally exhausted. Give you same results as 40 minutes of cardio, but it takes only 10 minutes and it’s more fun.

2.) Start lifting weights in super-series. That mean immediately after finishing your (for example) pull-ups, start with benchpress and cycle them. This is great cardio and also you’ll gain muscles :)

1875 posts YOU TOUCH IT YOU BUY IT
  • Has referred 200+ members
  • Has sold $500,000+ on Envato Market
  • Has collected 100+ items on Envato Market
  • Made it to the Authors' Hall of Fame
+6 more
FRESHFACE says

Monster Rehab :D

1875 posts YOU TOUCH IT YOU BUY IT
  • Has referred 200+ members
  • Has sold $500,000+ on Envato Market
  • Has collected 100+ items on Envato Market
  • Made it to the Authors' Hall of Fame
+6 more
FRESHFACE says

Thank you for the answers.

I already tried the nbsp thing but I’m not getting any results.

Maybe I’m doing it wrong?

Try adding more or less nbsp until it fits better. Try adding them above or below the image or both. Try with a classic space character between each nbsp or without it. I don’t really know how to make it perfect some combination of the above could help you make it better.

1875 posts YOU TOUCH IT YOU BUY IT
  • Has referred 200+ members
  • Has sold $500,000+ on Envato Market
  • Has collected 100+ items on Envato Market
  • Made it to the Authors' Hall of Fame
+6 more
FRESHFACE says
http://boulderinformationservices.wordpress.com/2013/01/18/chrome-shrinks-images-in-table-cells/


Can you even add inline styles to the item description? I haven’t tried that yet

You can’t unfortunately :(

You could spam the contents of the TD tag with nbsp as a last resort but it’s tedious.

1875 posts YOU TOUCH IT YOU BUY IT
  • Has referred 200+ members
  • Has sold $500,000+ on Envato Market
  • Has collected 100+ items on Envato Market
  • Made it to the Authors' Hall of Fame
+6 more
FRESHFACE says

Just about any pasta :)

Cooking is a lot about experience/technique, equipment and fresh/quality ingredients, you don’t need a complex recipe to prepare a tasty food.

1875 posts YOU TOUCH IT YOU BUY IT
  • Has referred 200+ members
  • Has sold $500,000+ on Envato Market
  • Has collected 100+ items on Envato Market
  • Made it to the Authors' Hall of Fame
+6 more
FRESHFACE says

You’re ranked 73rd for sales across all marketplaces

You’re ranked 38th for sales on ThemeForest

You’re ranked 167th for sales on CodeCanyon

:)

1875 posts YOU TOUCH IT YOU BUY IT
  • Has referred 200+ members
  • Has sold $500,000+ on Envato Market
  • Has collected 100+ items on Envato Market
  • Made it to the Authors' Hall of Fame
+6 more
FRESHFACE says

Hey guys!

I would like to make a thread where people can share tips and resources for cross-browser testing.

I will start.

I am using OSX as my system of choice so everything below applies to OSX only (but some apps or their variations can be installed on other systems as well if you look it up):

IE6, IE7, IE8, IE9, IE10 and IE11

Install VirtualBox and Win+IE virtual machines images
  1. Follow the instructions here: https://github.com/xdissent/ievms#installation Please note that installing all IEs can take roughly 50GB because every IE comes with it’s own copy of Windows XP/7 (free trials)

iOS

Install Xcode to get the iOS Simulator
  1. Download and install Xcode from the Mac App Store.
  2. Launch Xcode.app
  3. From the top menu bar select: "Xcode –> Open Developer Tool –> iOS Simulator". This will launch a separate iOS Simulator.app in your Dock and if you right-click on it’s icon, you can then select: "Options –> Keep in Dock" so you can have it readily available without the need to launch Xcode first
  4. Switch to a desired iOS device in the top menu bar: "Hardware –> Device".
Using Safari developer tools to inspect websites in iOS Simulator
  1. Launch iOS Simulator.app and open a webpage
  2. Launch Safari.app
  3. From the top menu bar go to "Safari –> Preferences". Then switch to the "Advanced" tab and make sure you have "Show Develop menu in menu bar" checked
  4. From the top menu bar go to "Develop –> iPhone/iPad Simulator –> Your Webpage"

Android

Install VirtualBox and Genymotion
  1. Download and install VirtualBox. You won’t run the Android simulators via this app but it’s needed to be installed on your system.
  2. Download and install Genymotion. This is the app you will use to run Android simulators.
  3. Register for a free account at Genymotion. The basic features are free and should be enough for any web developer in most cases. You will need this account to download Android devices into their Genymotion.app.
  4. Launch the Genymotion.app and and click the "Add" button. Near the bottom is where you need to log in with your Genymotion account. Then you will be able to select an Android device from the "Available Virtual Devices". Simply follow the instructions to install that particular device and then just press the "Play" button to run it.

If you have any tips or resources in regards to cross-browser testing as well, please share them below. Thank you :)

by
by
by
by
by
by