Posts

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

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

Fix for Xbox One App Online Chat with Windows 10

    This bug started for me sometime over the fall and after diving into it makes since with the links but I never got around to finding a fix. http://www.wintips.org/teredo-tunneling-adapter-installation/ http://serverfault.com/questions/304555/teredo-error-failed-to-open-tunnel-adapter https://social.technet.microsoft.com/Forums/en-US/6764f46b-8b63-4672-b83b-d60835a7f467/teredo-isnt-working-anymore-using-microsofts-default-teredo-servers-in-windows-7-to-10 https://support.xbox.com/en-US/xbox-on-windows/social/troubleshoot-party-chat http://www.wintips.org/fix-teredo-tunneling-is-installed-but-missing-in-device-manager-or-gives-error-code-10-after-restart/ Final Solution I'm not sure if it's because I installed the beta version or because I uninstalled the teredo driver but I'm calling it fixed since it's probable a combination of the two. The current of the beta I am using is the 11.12.16005 version. Update This fix didn't work until I installed t...
Read more

EF: The database cannot be opened because it is version 782

    The full error message for this is "The database cannot be opened because it is version 782. This server supports version 706 and earlier. A downgrade path is not supported" and started appearing for me when I upgraded to Visual Studio 2015 Community. Originally I created a database file in visual studio 2013. <add name="ProductContext" connectionString="Data Source= (LocalDb)\v11.0 ;AttachDbFilename=|DataDirectory|\ProductContext.mdf;Initial Catalog=ProductContext;Integrated Security=True" providerName="System.Data.SqlClient" /> <add name="ProductContext" connectionString="Data Source= (LocalDB)\MSSQLLocalDB ;AttachDbFilename=|DataDirectory|\ProductContext.mdf;Initial Catalog=ProductContext;Integrated Security=True" providerName="System.Data.SqlClient" /> Notes I did not have to delete the local database files and have to start over, thankfully it was a small change. Resource http://sqlser...
Read more

Combining Bootstrap and Font-Awesome without Overlap

    For sometime I've wanted to merge these two libraries together without creating too much work for myself and reduce as much overlap as possible. I have completely moved toward the sass side for my development. I've come up with three approaches but I think the best one is the third one and it little more work than I would like. First Approaches Using an regular expression in node to remove whatever classes and component. This would be great for multiple projects and helpful reducing css on features not in my bootstrap projects. I'll keep this short because I plan to go more in depth for another project. Second Approaches Before I had my npm project I was trying to use grunt-uncss in by looking at the document pages from the source and simply removing the components and icons I didn't want! This would only work with the finally solution of the css and I found a few bugs with media queries. Third Approaches Using an approach like the one in my npm package f...
Read more

Flavorstrap npm package, in-depth Documentation

Image
There is three ways stylesheet libraries can be modified, excluding the idea of outside styling (themes). The first is through variables which limited to basic styles such as sizes, colors and other global variables. The second is extending existing css classes for example a “panel” has default, danger, warning, primary, info, and success. One could easily add a extended class called “panel-super” and continue development as any other panel variety. The last is a total rewrite of a bootstrap class, which can be avoided with flavorstrap. Advantages/Support and reasons why!? Get any version of bootstrap you want, break it down to any level you want and without impacting it for long term maintainability! Workflow: Create Sass/Less Build Sass/Less + bootstrap’s Less/Sass Remove Dups and merge styles Add prefixes See your results! Problems I faced:      For a lot of sass or css optimization solutions rudy is a constant deal breake...
Read more

UI Design for Processing Modals

Image
    Dialogs, Light boxes, and Modals whatever you call them are a common interface used in websites. When I started out I constantly had to write code to handle multiple situations. After writing a few I started to list a few behaviors I think should happen in/after a modal close. Without going to deep in an explanation I really just wanted to come up with a good way to include offline mode in my applications. Rules Not all of them but just some examples, the image is a better example. Every action must give imitate feedback to the user (results can be async). I.E. "Buy" will convert to "Processing" Information should be logged and stored for users to retrieve it. Applications Types of applications these I thought of. Ecommerce quick way to buy Settings in a Dashboard Post back or User session stored variables. Social Media Log ins When attaching or connecting to main site account. P...
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