Posts

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 d...
Read more

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.
Read more

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 ...
Read more

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>     ...
Read more

Why you might want to use Amp

Currently working on a blogger template that is completely stripped down to bare bones to setup a AMP site. This just a list of reasons why you start using AMP at least for maybe for blogs which I'm more interested. I wouldn't recommend for business sites just yet. Unless you're site is very simple and straight forward or mostly middler-tier based anyway. Pro's Everything in a AMP site is styled directly in the beginning of the site, no external stylesheets (a huge performance boost). Global styling forces developer to think globally about their styles. So the styles run more like a style guide. Styles are limited about the total amount for AMP making developers to do more with less. No inline-styles this is a plus because there is no surprises for other developers jumping in or modifying (look at cons). No inline javascript, where this is the same for inline styling. No external javascript, this is really something you will want to know before getting into AM...
Read more

Material Angular Time Picker

Image
    Continuing off my article on android's material timepickers I wanted to include this feature in the web based version of mypatco. I don't think it will be officially included in the material angular project but just something I could have as my own and if anyone comes across it to use it just as any other component. The key difference with timepickers vs. datepicker just picking time, since time is a more necessary feature for cases like notifications or alerts/alarms. Missing Cancel/Ok Buttons First and foremost I recommend checking out the project which I forked to personalize and strip out any code related to datepicker. Since the datepicker is already implemented in material angular, instead I'm just going to focus on time pickers.   The rest of my notes are in the repo's issue tracking . You may see the results on mypatco.org for an example.
Read more

App Indexing & Sitemaps in Single Page Apps (Firebase + Angular)

    I started this article while working on the mypatco app and for the past three years or so I've been talking about developing single page applications. I always talk about the performance and not much on seo. With my other projects which require a more complex middle-ware I've looked at google's notes on how to properly setup for some example but found some of them just don't work or takes a considerable amount of time to appear in the results. Found a npm page that might be helpful grunt-jsondl, haven't tried it but below is how I handled in the website. However note that the station markup isn't working or just not showing up in google's testing tools. HTML <div ng-controller = "TestController" > <jsonld data-json = "jsonId" ></jsonld> </div> Javascript var myApp = angular . module ( 'application' , []); myApp . controller ( 'TestController' , [ '$scope' , functio...
Read more

Popular posts from this blog

Aspetcore: NLog with Postgresql

This Article is base ASP.Net Core 2 and the latest version of Nlog. 1. Install NLog and the Postgresql Package Using NuGet to install the package into your ASP.NET Core project: PM > Install-Package NLog.Web.AspNetCore PM > Install-Package Npgsql 3. Register NLog Add in your Startup.cs  public void Configure ( IApplicationBuilder app, IHostingEnvironment env, ILoggerFactory loggerFactory ) { ... env.ConfigureNLog( "nlog.config" ); ... // make sure Chinese chars don't fk up Encoding.RegisterProvider(CodePagesEncodingProvider.Instance); //add NLog to ASP.NET Core loggerFactory.AddNLog(); //add NLog.Web app.AddNLogWeb(); } 4. Add to Your Controller Add a logger object to your Controller. private readonly ILogger<YourController> _logger; Modify the constructor to use it public YourController ( ILogger<YourController> logger = null ) { if ( null != logger) { _logger = logger; ...
Read more

Mongodb Cheatsheet

This cheat sheet is based on the latest version of mongodb, which initial had setup and didn't encounter any problems. However that all changed when I was working remote and forgot I disabled the port no my network, rather than with the server. So I went pointing around where I didn't need to and ended up messing things up. The Best tutorial out there is of course on digital ocean for my setup on ubuntu 16.04 , this articles isn't so much about getting setup. I just wanted to include it because I found myself looking back at it to see if I missed a step. Bugs/Problems Now comes all the messed up things I found and had to deal with. firewall - Port seems to be open, but connection refused try using 0.0.0.0 in the bin_ip for the /etc/mongo.conf try sudo ufw disable and check to see if it works without the firewall (probably still wont but worth a shot), then just sudo ufw enable. Make sure port 27017 is open. Then check this  linux - Connection refused to MongoDB e...
Read more

Installing Windows on Acer chromebook 15 cb3-532

Much of my notes are just small problems I faced (what's new!) haha. Either way this was a really fun project to do for a friend and I got excited once I research all the information. You can find instruction videos but what helped me the most was the coolstar website. Sadly they don't have parameters in the url so I can link the machine I used in this article. -  https://coolstar.org/chromebook/windows-install.html Scared of messing with the bios? Don't be!    So you need to first remove the screw to put a legacy bios on the machine. Its easy to backup the chrome os one and with the same steps to change it. You can go back in and revert to the chrome version bios. Its that last part that had me worried and its very easy to do.  Problems getting into Developer Mode?   Follow the instructions to the letter, during the step to disable the OS verification, press Ctrl-D to boot into os. If you hear two beeps I would go back to set one. I got in a loo...
Read more