Posts

Jquery Plugin: Testing with (SauceLabs, Qunit, Travis-CI)

After looking around I found a project that worked great on desktop but not on so much mobile I figured I would fork it and figure out how I could improve.
Build on Travis: https://travis-ci.org/fassetar/jquery-maskmoney Build on Sauce Labs: https://saucelabs.com/u/fassetar2

Since don’t need to write the tests I simply want to run the tests on multiple devices so I can see them fail on mobile. Using the  jquery-boiler as an example for creating the setup, I ran into multiple issues which I was able to correct as some heavy reading.

Docs: https://docs.saucelabs.com/tutorials/js-unit-testing/ http://stackoverflow.com/questions/24391462/what-are-the-differences-between-mocha-chai-karma-jasmine-should-js-etc-te http://docs.travis-ci.com/user/sauce-connect/ https://github.com/samccone/travis-sauce-connect https://github.com/axemclion/grunt-saucelabs http://programmerbuddy.blogspot.com/2014/03/full-automation-of-protractor-e2e-tests.html http://sauceio.com/index.php/2014/02/js-unit-test-api-revamped/

Definitions for Business Model Canvas

For awhile I've been taking classes online for entrepreneurship this is just one of many articles I will be writing. Here this the start of them and some notes for myself, under the label "business".

Value Propositions - an innovation, service, or feature intended to make a company or product attractive to customers.
Customer segmentation -is the practice of dividing a customer base into groups of individuals that are similar in specific ways relevant to marketing, such as age, gender, interests and spending habits. Customer segmentation, also called consumer segmentation or client segmentation, procedures include: Deciding what data will be collected and how it will be gathered Collecting data and integrating data from various sources Developing methods of data analysis for segmentation Establishing effective communication among relevant business units (such as marketing and customer service) about the segmentation Implementing applications to effectively deal with the data an…

Firebase Database with App Indexing

Since the release of MyPatco a lot has improved and one of the major improvements was changing the backend architect. For the user this meant faster data in real-time. As well as a smaller app because most the data is handled in the plugin. However recently I've been contacting the firebase team with little success on making a firebase datase indexable for Google search. This is by design as the sitemap for the domain on the database prevents indexing. Note that the domin used for your firebase database is different from your your firebase hosting. The only solution currently around this as I know is hosting the database in gcloud as well as the website to edit the sitemap.

As of 4/20/2017 from firebase team - "Our engineering team has confirmed that we don't support crawling non-HTTP network traffic like UDP, and the crawl failures you see in SearchConsole'sFetch As Google tool won'tblockyour apps from being indexed by Google and getting re-engagement from Google…

Making my own CMS

Back in 2012, I started writing out my own idea an cms or what one should look like and how it should interact with its developers. I've looked at other cms projects and even contributed to my favorite one which is orchard. After jump around different technologies though I would still say a mean server application is probably the best choice for productivity and mobility with other technologies. At the end of the day it doesn't matter what the code is I can simply it with javascript. This is my take on a cms and before I start writing any code and I actually have my own set of requirements to achieve.
Features
Function to wrap and unwrap a components with the container class.Function to make an element a link, plus add new target, and what it points to.A lot like what's in blogger when creating a post.reorder the records in a table and other permanently actions for simpler code.embed static content from the backend into static html, because somethings don't change.d…

Paypal's Brand and Material's Styling

Image
Since google wallet is no longer available I've moved all my purchase features to paypal or other third parties if android pay isn't possible. While working on updates for Aptitude-Words and thinking about MyPatco I thought of what the material design version of paypal would look like . Since Apt-words is getting an update for the design.



Font & Styling
    From what I can find paypal uses Verdana Bold Italic and Google uses Droid Sans for the material design. Since the paypal icon will be either an icon or image I don't have to much concern for this just wanted to make a note of it. Speaking of icons font-awesome version 4.7.0 has the latest style of paypal if someone is looking to append this.

MyPatco Roadmap for 2017

If you have been following updates on mypatco's twitter account then you know that there has been a lot of updates since the initial release of mypatco. Now what I want to do is make plans for whats lays ahead for this project which I've been spot on for getting things do so far.  The highest on my list is finishing the ios app. The second is the app indexing because I think it will greatly help the app's grow faster than it currently is, which isn't bad but just simply improve out of interest. The end goal of this app is to become the number one app for patco and provide a great user experience for patco users even if I no longer use it. Third update is more straight forward and almost done. Just display the messages in the email as alerts on the mobile devices. The feature I would like to add to this requires a little oversight on my part but ultimately become  a tool for me to perform quick group updates for schedules on the fly. This is one way I see it and ano…

Loading Spinners inside Modal - Bootstrap

This solution for both static html and can be setup inside directive for angular 1.X. Just like with some of css3 I created awhile back these spinners ready as soon as the client hits the page hence way there's a static version.  A directive could be made to for dynamic situations like http requests. This implementation goes inside div or inside another component, while the global spinner closes the children and takes over.
  <div style="position:relative;height: 95px"  ng-show="data.length == 0">
    <div id="my-modal" class="modal fade in show" style="position: absolute">
      <div class="modal-dialog" style="width: 100px;margin-top: 2px;">
        <div class="modal-content">
          <div class="modal-body">
            <div class="spinner"></div>
          </div>
        </div>
      </div>
    </div>
    <di…