BluFoot’s next emerging technology deals with Interactive Scrolling

BluFoot TechnologyWith so many different devices accessing the web today, one thing they all have in common is scrolling. To get to more information you have to scroll down the page your viewing. This scrolling can be calculated and triggered by scrolling content into view using animated transitions . You’ll notice this is an increasing change in some of the websites you surf to today. News Apps and other type apps use this approach and it is becoming more common for websites to have this functionality built in.

Our custom framework BluFoot  consists of popular JavaScript libraries and our very own plugin software combined to give our clients cutting edge technology and latest trending designs and development. We’ve been hard at work on ShowTime, our scrolling transitions plugin for Stratosphere Design customers. ShowTime will offer smooth sliding and fading of sections as well as stroke outline and mask animations. This is a win win for our clients since these plugins are a breeze to configure and setup allowing our customers to get a lot for less.

Clients can simply ask for an interactive design and they’ll get ShowTime. ShowTime will be available within the next couple of weeks. We’ll post back here when its released.

The Future Website Trend of Seamless Page Loading

Stratosphere Designs, Inc.

The future of websites is constantly ever-changing via technology and trends. One of the great aspects of the former Adobe Flash website was the ability to load the whole site in the beginning allowing for smooth transitions from one page to another. Although a lot of designers abused Flash and tried to shove a ton of heavy weighted content into it, Flash had the ability not only to serve a website quickly upon download, but allowed solid browser compatibility in the design as long as they had the Flash plugin. But Flash had issues with search engines. And that alone was part of the nail in the coffin for it at the time. With today’s websites starting to lean back toward some of the trends that Flash carried like seamless transitions, seamless loading of additional web pages is starting to slowly increase with the addition of AJAX calls and the history API which gives developers the ability to modify a website’s URL without a full-page refresh. With Google now accepting a specific pattern on doing so, you can now build a seamless animated transition of pages much like phone apps have without being penalized by the search engines. You can also bookmark those pages and share those individual pages socially.

This approach starts with creating a website with static links just in case someone doesn’t have JavaScript enabled in their browser. We then use JavaScript to hijack the link functionality of the navigation to create the seamless transitions of content and append those page names in the URL. This way if our cool transitions doesn’t work via non enabled JavaScript, the pages act like a normal static site. This is called “graceful degradation”. To get a good idea of this concept, take a look at AWWWARDS.com’s section on transitions. These are real websites that use this concept.

If you’re interested in this trending approach, please give us a call at 844-825-0400 for an estimate.

Earn Cash or Design Credits for a Referral

cash backIf you’re a current or past customer, friend or IT partner just simply refer your customer/client or friend to any Stratosphere Designs services and earn 10% back on any purchased services they choose. That’s an average $50.00 – $150.00 dollars cash or design credits! And as an incentive to the referred, we’ll give them a 20% discount on any service. A win win for both parties.

Examples of cash back from these services:

  • Logo Design = an average $50.00
  • Website Design = an average $150.00
  • Website Shopping Cart Design = an average $300.00

How it Works
Just shoot us an email at “info@stratospheredesigns.com” with the subject line “referral” and add the “name”, “company” and “phone number” of the customer/client you’ve referred and if they purchase any service from us, we’ll send you a check or give you service credit on your next purchase.

mobiTable jQuery Plugin, now Available for WordPress!

mobiTable is our first free responsive plug-in for WordPress that automatically rearranges your HTML tables into a much easier to navigate format for mobile devices.

See the mobiTable plug-in page here. mobiTable will soon be available at the WordPress Plugin Repository. mobiTable for WordPress is currently in beta at version 0.1.

ID Name Address Phone Number Email Occupation
01 John 4311 SW 21st Street, Miami Florida, 33144 305-2112 johndrocker@gmail.com Mechanic
02 Samantha 4001 NW 63rd Street, New York NY, 774232 335-6643 smainila@gmail.com Attorney
03 Fernado 6433 NW 93rd Street, Orlando Florida, 44321 325-4883 fernadoinorlando@gmail.com Police Officer
04 Bill 2022 Oakland Street, Los Angelas California, 99321 699-5532 surferbill@gmail.com Doctor
05 Mary 2311 Sunbay Ave, Carlton North Carolina, 118653 966-2211 mbellagirl@gmail.com Executive Managment
06 Maria 1123 Collins Avenue, Miami Beach, 32211 305-3476 mroscha@gmail.com Pilot

mobiTable Plugin

mobiTable Plugin HTML Table Code

mobiTable Plugin Settings

MobiTable WordPress Plugin Features:

  • Multiple table support
  • Custom Trigger Width
  • Table Theme Color Settings
  • Color Chart
  • SVG Arrow Icons

Installation and Setup:

  1. Download the plugin and place it in your WordPress “plugins” folder.
  2. Activate the plugin on the plugins page.
  3. Wrap your table in a div tag with a unique class name. See example here on how to
  4. Go to “settings – mobiTable” and add your table class names there separated by a comma and without the period in front of them. Example “mytable1, mytable2, mytable3”
  5. Change the color settings for your table to match your theme.
  6. Set the mobile trigger width to trigger mobiTable. This will set a width of example; 768 for screen 768 pixels wide and below.

Download
Download mobiTable for WordPress Plugin here

WordPress Themes and Plugins by Stratosphere Designs

Just a short announcement that we will be also branching into building plugins and themes for WordPress and are currently developing and testing for public release. Our (getting popular) jQuery plugin “mobiTable” will be soon available for WordPress that will be free to download and use at no cost. We will post an update as soon as we have more information regarding this plugin and other plugins and themes.

Solving the HTML Table Issue with Mobile Devices

Solving the HTML Table Issue with Mobile Devices

HTML Tables are great for displaying data, but when it comes to showing that data on a mobile phone, there becomes usability issues that seem obtrusive even with some of the solutions some of the developers out there on the Internet have created. Some of these solutions where to have the tables scroll to right to show more of the data on long width tables for mobile devices or small screen sizes or toggle and hide specific sections.

My approach to solving this was to use JavaScript and jQuery scripting languages to create a plug-in that would create a two row table and append the tables header titles to the left of the table and append the first row of data to the right of it using a navigation to show the next and previous rows of data, without having to even scroll the screen. This would enable the table to be mobile friendly hence why I called the plugin “MobiTable”. MobiTable speeds up development and simplifies table issues for developers so they can work faster and smarter. For more info on MobiTable, see the example page here. ** Please note that mobiTable is only for raw data tables. Meaning it won’t work with tables with images or HTML tags embedded.

DOWNLOAD:
mobiTable.zip

Plugin Info:

  • Version: 0.2
  • Pluign Type: jQuery
  • Last Update: 12/07/2015
  • License: Opensource/Free to use
  • File Size: minified @ 2KB

Designed by: Mark Hawkins of Stratosphere Designs. Please give us a like/share/shout-out if you like this plug-in.