Posts

Showing posts with the label Web Development

Custom Login Validation

One of the many behaviors that I was asked recently to create was to allowing hide/show of the password and warn users that the locked character key is active. Since this solution could get complex and I just wanted to create a quick/simple demo and because of that I'm going to pick jquery. I could late come back and do it in another library but I already have a few ideas what I want to do.

Notes:
input - Is it standard practice to indicate on the form that Caps Lock is on? - User Experience Stack Exchangehtml5 - What's the difference between HTML 'hidden' and 'aria-hidden' attributes? - Stack Overflow
Examples: 

Edit fiddle - JSFiddleBetter Passwords #3: Caps-lock Warnings — SitePointCode Bins : Password masking in jQuery

Orchard 1.10.1 - Seo & Social Module

Most of the work I do for orchard is open source, this is because nothing other than content is property of my employer. Even if open source makes some employers uncomfortable a lot of my work is about success of a given project or the development process flow. In other words is everyone able to achieve what with the development or features created within a given project. That's just my take on things, I'm sure someone will disagree, putting security in a much higher priority. Which I think is a big part of my reason for being open source on the things I could improve unpon.

Notes:

https://stackoverflow.com/questions/11149157/orchard-getting-the-contents-title-from-the-theme-layouthttps://stackoverflow.com/questions/11688626/orchard-theme-placement-not-overriding-module-placementhttps://stackoverflow.com/questions/13000711/add-individual-page-titles-to-html-document-head-in-orchard-cmshttps://stackoverflow.com/questions/17737509/orchard-cms-custom-theme-every-page-displaying-ti…

Content Security Policy & Best Practices

Image
This article is mostly on configuration with nginx and maybe a little on IIS.



Notes:
https://developer.mozilla.org/en-US/docs/Web/HTTP/CSPhttps://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/frame-ancestorshttps://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/frame-ancestorshttps://csp-evaluator.withgoogle.comhttps://securityheaders.io/

Avoiding Select Options by Design

Image
This is just a foot note in my career after years of developing websites. You can take it as a rant or a word of caution. So for a lot of reasons, I really don't like the select tag. For starters its buggy, there are many things about it that don't work across browsers or behave differently. I wish it didn't, and instead could replace the css alternative, dropdowns. An example of my experience over the years, where I tried disabling a option, apple's safiri didn't like that. On another project I tried to just style one of the options again I ran into a wall with firefox. I don't know if these issues still exist but
its giving me enough reasons to avoid.


Notes:

Not allowed cursor of a disabled field appears in a select taghttps://jsfiddle.net/3sq410wk/1/https://github.com/twbs/bootstrap/issues/16088https://github.com/twbs/bootstrap/issues/14528

Theory & Practice of Data Cleaning

Image
This is a topic that I found very interesting, however I find the industry's best practices to counterintuitive and in opposition of this very idea. In the near future I am making plans to attend multiple online classes pertaining in or around the subject, however I believe very little of it will be put into use professionally. Instead this is more for my own systems and business model. Since I'm limited by my hardware and the services I've created. Data backups need to be precise without question.


    An Example of this very issue, on a project sometime ago I built an application where the clients could upload image to update their profile. Simple enough however the system had no way of knowing if it was the same image or did any kind of file system clean up for images unattached to the profile. This part was left up to another developer, and wasn't a concern for the developer in regards to the sever's hard-drive space. The previous images in the system were u…

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