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 were a fallen can take place, in m

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 fo

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

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

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

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 breaker which meant looki

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