Posts

Showing posts with the label Web Development

Removing the Cloud

Image
Can't remember if I've talked about with this before in my blog, it's been a while. Mainly because I've been working towards this idea. Rather than building a social network I've instead moved on to doing the whole cloud myself. Removing Google, Amazon, and Microsoft from my life, I would encourage others but that's wishful thinking. Instead I'm just doing my own thing. Got myself a server and moved all my applications out of the cloud. Of course some of the stuff I use are hard to move like this blog but for everything else I'm completely independent.



   For a lot of people this might seem a strange time to do this, with cloud computing becoming cheaper and easier. I see the writing on the wall. Obvious reason, my competitive business model, with the big three companies. Its becoming more important for me to move out of the cloud. So even if I wasn't already worried or paranoid as some might call it about my code. I'm already competing at some…

Accessibility Designing

One of the standards that I'm adapting on my own with real interest is handling accessibility for all my major applications. I like to think of printing last as a concern. I think the best practice that I've come up with helping me get in the habit is during the initial color design. Since I may or may not be slight color blind and hear way to often my colors are too light or don't match. I think matching part just comes from the fact I don't understand fashion. Which is why I was the same outfit, you can't mess up with khakis. In other words getting the habit is much the same with my applications with a little variety here and there. I'm not going for anything bold just modern, so here are the tools I use.

Tools
Contrast Ratio: Easily calculate color contrast ratios. Passing WCAG was never this easy!Accessibility Developer Tools - Chrome Web Storejust a bit of caution don't solely depend on this, just like the mobile view in chrome

Bugging Out About Code

Its one battle after another battle and not one you can always win. I've watched good ideas die before they even had a chance but even worse bad ideas take over development. Its a difficult thing to watch. I think the most important things on how to approaching this issue comes down to these points.
Encouraging & passinate work environment.people who don't understand will try and want to here.Strong co-worker relationshipworking alone is nice but teams should come together on certain projects or piceces of code.Clear Objective goalsIf you can't get support from your team/manager then use deadlines to beat the competition. It gets harder at this point to not just complain about things or talk about my experience. Whic think could give some insight. Instead I'll just follow my last point and and the article with this. Passion is never a negative and there's always another problem to be solve so don't burn yourself out.

Not just Open Source, but Something a little more

For the most difficult parts of my career I have pushed for open source among my peers. The number one benfit being standardized code, a benefit for everyone involved. I've even drawn  a fine line for everyone I'm come across with to make it simple. If a user can see your code they can take it, so why not improve it with the help of others. Let others improve upon it or poke holes in it. I've also pointed out to nay sayers that it is a good idea not to make your code specific to an application's needs. Aboid sensitive information that can get tangled inside your logic. Separate it, mask and encrypt it do whatever you got to do. As for frontend code in the modern world, its like writting a book. Your core will be read by someone. If it's good enough people will repeat it. Which is what you should want, Just like books some of the pages are unnecessary or fill up the book with more context which can tie it down. Its on that idea why I adopted other people's code…

IIS Cheatsheet

Make Promises to Your Work Not Your Employer

Image
I've learned a lot in the past x amount years or whatever I'm not keeping track anymore. For the most part I've learned that I've been doing works. On that part I think I've made some good decisions. For the things I've got wrong I believe its just a matter of how I approached them. Mostly so I believe it was a lack of confident that played into other people's favor. Recently I've no longer allowed this to be an acceptable approach for people to take as my decisions are final. It is just as easy for me to move on rather than work around something in a project because of another developer's difficultly to agree with me.  Regardless how people see me or if they understand my method I only have one bit of wisdom to pass on to next generation. Which is lazy people will lie and will continue to lie to you regardless if you have evidence of better way. For years its confused me on why lazy people sell themselves better and its because its a simpler ap…

A Dependency of Dependency Inject

Image
I have voiced my opinion in the past on dependency injection, and even got myself in some stupid conversations with other developers who are little obsessed with this topic. I was first caught off guard because I questioned for my support for angular which I'll come back to in a minute. My first rule for using any tool or technology is to using it for its greatest strength and really use it or not at all. Which is creating tests around my code and creating versions of those dependencies."we need dependency injection for unit testing/scalability".  Neither of these reasons are wrong and I agree them but if you build blindly follow them without reason you miss the point. I one point used Ninject, and was actually stumped on the explanation given. This was because up to that point dependency injection was something I understood how to use but not its method. However I moved pass that point and started making my opinion clear. Show me the tests! The reason I given was s…

Gcloud Vs. Azure Comparison With Aspnet Core

Image
Since I no longer use both cloud services I thought I would write down out my experiences. This is going to be really quick because its mostly just what I saw with my company site as far as costs and development on each platforms. This note isn't the be all comparison, just a few statements on what I saw and experiences so do your own research and experimenting on each platforms.
Tools (Visual Studio 2015) Without a doubt azure is the better choice but I was really surprised how much there was for glcoud. In fact there is even a plugin for to deploy your app. Gcloud even making docker support easy, the only differences  with visual studio was how you deployed to each platform. Which I like that they were not the same but it did take a long time when I deployed to gcloud. The time was about 10-15 mins sometimes and I'm sure the team is working on it but azure is the winner for this.
Logs - Glcoud Checking your logs in gcloud is surprisingly easier if you are not using app insigh…

Custom Data Scripting

This is just the name I like to call for the way I write my javascript. Which looks at the dom for configuration rather than in a script file or some api. This is a style of javascript that allows non-javascript developers to jump in if they can read basic html elements. There are many reasons why I use this approach other than the other two. For example to minimizing the overall javascript code which simplifies the website. I took this approach up because of what I learned with Aspnet razor syntax. Later made improvements to the style once I learned anguar/react (components).
  Now I don't not what other developers call this style or if they even acknowledge this pattern. I'm giving it a name cause I need a way to define it. Plus its easily explain to other developers where to look for with my code. The goal here is to always look at the Dom for something and if I need more complex stuff then place it in a object. However I could always argue that one could go back and makeu…

Don't Prompt for Permissions without the User's Direct Interaction

Image
For all the applications out there! Stop pushing for permissions and stop probing for information without reason. Regardless of your necessity for a feature a user is the right for not installing or using an app without clear intent. Action from the user are a direct link from the developer to the client for clear reason and intent on why they need permissions. I see this now and again with website using geo-location and never giving a reason on why the need the permissions but sure enough its the first prompt I get on their site...  This why I really like the recent changes with android its a little annoying for coding but the information needed for the user on why you need some information is clear. I always have to fight with project managers on whats initiate and I can be more direct on why I need something than from what you are asking me to do. There is still room for error (security issues) with a client if they still don't trust an application which I always say they can …

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…

Top-Down Development

Image
If you ask me what my development style is like? I would have to describe it as a form of top-down view with a model view approach. I've been describing my approach to build web application this way for a few years. Every now and then I encountered a developers who will agree with this approach. I guess you can just take the definition from wiki page but really I have my own way of marketing it.     "Throw everything away thing and get ready to start fresh. That's just how it is with every new javascript framework and I think it’s safe to say if it not middle-tier or backend code get ready to rebuild it. This is actually an awesome thing and you need to believe it because forcing development to the backend or middle tier every time something new comes along isn't realistic. Besides why not have the biggest impact on an application's lifecycle with the least amount of work!?"     This is how I marketed my approach it probably could use some work for some dev…

The Sandbox Methodology

Image
"Sandbox Methodology" is a term I like to use to describe environments that have zero rules in place against the quick and the dirty practices when it comes to designing an application or implementing one. The term comes from of course sandbox and what most developers are used to with development practices. In a sandbox you have a place where you can experiment with all your work before it faces the harsh world of usability. However in reality, this environment is miss used and becomes a playground for project managers or basically anyone in management to see how far you are in the implementation. Or it’s used to build out requirements, "let the developer figure out what I want to be build playground". Long name, terrible results… You might be familiar with other methodologies but this is one you will definitely regret using.     It could be said this approach is more of a waterfall methodology and employers will call it Agile. Chances are it’s a horrible mess a…

Making Internal Web Apps into Software Apps

Image
When you're building an internal web app I think about some of the business solutions I  can create inside a company that might shrink the workload for my co-workers. Its awesome to see this happen but it only works where it makes sense, so below is some of these features I've easily used by general users.

Hotkeys - are power ways to help your users get what they want faster, and overlooked in my opinion. Since users are in house users can make requests on what the would like to see. I don't like use the excuse that your users are "dumb" especially in house. This is an argument I hear a lot and it bugs me. For example if the app looks like a excel sheet one would think it behaves like one, so include those hotkey! Below is a hotkey I look to use a lot with my users on a search page looking to you the typeahead feature I created. Instead I popup with the search automatically and return the results since it a common action. Another good example to look at is Gm…

Mobile Design for Multi-Navigation Systems

So awhile back I started a project that would extend or solidify the bootstrap sidenav. This is because I didn't think the grid system was qualified for such a major role. Bootstrap works great for mobile design up until you start talking about a different navigations than what the guidelines recommend. I'm still working on this project but for I now have hopes of finishing it which you can find on github under the  name bootstrap-sidenav-component. Much of my effect in the last couple years has been to extended bootstrap not recreate or overlap it, which is what this project will do as well hence why I call it a component of bootstrap.


Project: https://github.com/fassetar/bootstrap-sidenav-component


Web/Game Development - Math Isn't going to be a Problem

When I was in college I wondered how much math I would need to become a game developer. Just for one of my associate degrees I had to take calc 2 which honestly wasn't that bad, I think the physics based calc was more of a challenge but that's in the past now. The real work begins is in my career and a lot of times my math isn't what it needs to be to create a proper solution. When I was building penguins-rising I didn't have any problems with coding just solving some algebra. So I went out of my way after that project to study what I could.
Terms & Studies
GeometricsOrientation (vector space)Making a Rotation Matrix From Scratch - YouTubeTexturesPhong reflection modelhttp://cs.jsu.edu/~leathrum/Mathlets/parapath.htmlcreated by a student that shows how graphs can be modified.Fuzzy setAlgebra (of course)VerticesVectors? Just going off my knowledge with C++ This is just a few things I've come across over the years as a developer, I think its interesting how web…

My Patco - Version 14

My goal for the support of "My Patco" is to create updates every once a month, and have the schedule automated from here on out. I think for the next few months I will need to validate most of my work but for the most part the updates coming in the end of this should really start to be stable. Initially I created the database around google's train system standard however looking things from a direct approach this approach doesn't need the same level of architecture. In fact it hurts me because I'm constantly looking for things and need to join tables just to query a single schedule. I could probably do it all with just two parameters.
   For I'm aiming to finishing this version up which requires some work on the backend more than the app but users should see the app respond a lot faster. I know there was a bug when I released but had to meet my deadline or else I would just keep pushing it back. Things like that can happen a lot if your just doing it for…

Use Seo for Employment!

I think I have a pretty good understanding of  structured data. Most of my experience comes from my blog but now I'm using it with my personal sites and it got me think what good it could do for others if people used bring in work maybe they do and I just don't know. No more recruiters, headhunters, etc. However my personal experience taught me that it's much more than just putting your name out there. Its proving by example which is becoming easier each day for me, still this is what I did for my site.

For Workers
   Use schema.org and google's structured data tool, as a added bonus I recommend using microsoft's seo tools as well. Both bing and google have a webmaster tools, bing's isn't as nice in my opinion.

The Gist of it (Microdata)

<div itemscope="" itemtype="http://schema.org/Person">       <link itemprop="sameAs" href="http://www.anthonyfassett.blogspot.com/" />       <img itemprop="image"…

Company Logo's by CSS and maybe with Seo support?

Overview What I want to do is take a company logo and instead of an image to display is by css instead. Then using the favicon of the as the seo image and for backward support on older browser. With css3 animations this would allow me to add more flare to the logo as well as the company name that usually appears inside the logo image. This Separation would give much a lot flexibility as well as quality over an image.
Example Below is an example of a logo (similar but exact to company logo), and as stated usually a company name is either beside the logo or the company itself is apart of the logo. With internal apps I would reuse this logo but not the company name.
Code: https://github.com/fassetar/blog-examples/tree/gh-pages/logo-svg

Notes     I haven’t fully tested this on a website buts it’s still just an idea and if it works it could save time retrieving the logo in a single favicon which can still be a png. There is were a fallen can take place, in my example I didn’’t show this but ju…

Another look at using Steppers and Menu Wheels

With a lot of my websites I don't get to thinking about the number of clicks and simplifying the number of clicks is sometimes difficult. So for a large part of my projects its sticking to the old tricks unless I rare opportunity. However playing around cordova and working on my nanodegree for udacity as gotten me to thinking. I like the concept of steppers but they case really fits for predefined, short and simply lists that would otherwise be a dropdown.
Reference:https://www.youtube.com/watch?v=CW4qKTJqHPo
A better and more general use would be menu wheel kinda like on a iphone when it its a select list, I'm not a iphone user so I get the simple version on android. Making the experience the same is key so in the past when I was at coriell I got the chance to implement something similar for mobile and desktop users which was successful. I forget what I used but one thing I know is it didn't leverage the mouse wheel. I would have liked to have added that for an enhanc…