Posts

Showing posts with the label Javascript

Penguins Rising: Eliminate render-blocking JavaScript

Image
For the most part I have already done a lot of the work for this and this has always been something in my practice to do. In the past what I have done is render all javascripts at the bottom of the page and all styles at the top inside the header. However with this application and since so much of my code is customized and mineralized, I believe I have a small issue with the Jquery taking up more time than the css to load. So Close to 100/100! Code (function () { var script = document.createElement('script'); script.setAttribute("type", "text/javascript"); script.setAttribute("src", "js/jquery-2.0.3.min.js"); document.getElementsByTagName("head")[0].appendChild(script); Resources Remove Render-Blocking JavaScripts - PageSpeed Insights — Google Developers HTML script async Attribute  - This might have also worked but look at later. javascript - load jquery after the pa

C# vs. Javascript Foreach

     This article is about a certain style of writing in Javascript that I like use when iterating through an array combined with a foreach which looks something like the following... var someArray = ["1", "2", "3"]; $.foreach(someArray, function(key, value){ console.log(key + " , " + value); });      Ultimately when I tried to take this same concept over to C# the style did not convert over in the exact same way. I found that the temp variable being used to iterate with did not have any values that tracked where it was in place of the iteration. I found myself asking a similar question in  how do you get the index of the current iteration of a foreach loop?  To see what I tried you can look at another person's  problem  where I had attempted in the same manner. Attempting to use the "current" value in the  GetEnumerator()  sadly does not work. Solution      To summarize the answer for this problem the "foreach&

Checkboxes, Radio and Button Inputs

    The purpose of this post is to think out loud and remind myself the types of inputs available for HTML. Three that I most commonly use are the radio, checkboxes and a input type button (not the button tag). Which are the focus of this article since none of them allow me to achieve what I want. The UI I want:      I want to give my users a place to select from a group of item and only select one item as well as give them the option to deselect that option if they change their mind of selecting that set of group. This is how the input  check-boxes but without the grouping like a radio button. So really combining the two (radio and check-boxes) types of input together. You have the look and feel of a check-box but the logic of a radio and the add logic of unselecting from a check-box. There are other types of inputs/UI's that I did not look at but this was just a starting point for my research.  Radio Button     Here is an  Example  of what a radio button does. As you

Chapter Notes. Programming in HTML5 with JavaScript & CSS3

Introduction Much of the material here is based on the book:  Programming in HTML5 with Javascript and CSS3 . This is just summary notes that I took from the book and expanded on.  Chapter 1 Purpose of this Chapter: To introduce primary tools needed such as Microsoft Visual Studio 2012 and Blend for Blend for Visual Studio 2012. Notes By knowing these three core technologies you can increase your marketability and give you flexibility to choose the company for which you want to work. A  comparison list  of Visual Studios VS Web allows web projects only (C# or VB) VS Express for Windows 8 only for Windows Store Applications Blend for VS 2012 provides the ability to create window store app. Visual Studio Express 2012 for Windows 8  and V isual Studio Express 2012 for Web  are free. VS contains a new arrange of features and here is a  list . Testing  - Debug mode and  a list of installed browsers . Finding the source of rendered markup - new  Page Inspector

Obfuscate email

Reason for obfuscating:  To prevent email spamming from bots. Methods used to catch emails:   Searching Html source, spoofing SQL server. Methods of prevention:   Methods differ on client side and server side obfuscation.   Example of obfuscation:  hcidata.info - shows an example with html encoding  (also an example with js). Research Link listapart.com- article Anti-spamtechniques - wiki Email spam- wiki Addressmunging - wiki

A Guide for the 70-480 Exam

Introduction     This is simply a guide and in it will not will provide you with any answers to the actual questions that be on the exam nor guarantee that you will pass the exam. However I have taken the beta test now and can show you references to what topics that may be on the exam. So with that said I hope this guide helps and don't forget to comment if I leave something out.     On the  certification page  you will find a list of topics and the skills of measurements that will be required to pass the exam. Following these four areas will be of great help, however from my experience I can say that it is not enough. You much actual practice using these skills to get a better at them (good time to use  jsfiddler !). There many books that can help, and depending on your level of skill will point you to the right direction. However note that you don't have to buy any books or services to pass this test. I am only point them for purpose of being resources to you. Pr

Adding Google Sign-in And Others

Image
Introduction     The purpose of this post is to show how to add any Oauth login to your site, but mostly Google Plus because of my current applications ( Penguins Rising !). In my quest to achieve this I found it to be really simple with Google Plus and the only real trouble I had was with the Client Id. I setup my Google API service account years ago but never really tried anything until now. What I did was just recreate a client id and everything worked! My Website Oauth Choices       This next part is a little of my opinion and about what I think is the best strategy for Oauth integration. For me when it comes to social medias and integrating user logins I like to go the route of making sure I have all three of the major. The major hitter in my book are Twitter, Google Plus, and of course Facebook. However I know a lot of sites differ on the importance these three . Still personally I like seeing Google Plus being available and I think any site that has the other two but no

Game Development Research for Penguins Rising

Introduction This is my research for Penguins Rising and in my search for studies on how to create the ultimate web based game. This list of links were helpful in concepts as well as implementing code in to the game. Part I "A Framework for Game Engine Based Visualizations" Advance Your Education With Free College Courses Online - Udacity PEGI Pan European Game Information - What do the labels mean? Foxes and Shotguns animation - How can you get different objects working at different framerates working in html5 canvas? - Stack Overflow JavaScript Timing Events HTML5 Canvas resize to fit window - Stack Overflow canvas · html · WPD · WebPlatform.org console.log - Web API reference | MDN HTML5 Canvas Image Tutorial Function - JavaScript | MDN WebPlatform Docs · WebPlatform Docs · WPD · WebPlatform.org #AltDevBlogADay » Brewing Your Own Game Analytics Service Free Music Archive: Dubstep Box2DJS - Physics Engine for JavaScript HTML5 Certificate - Udacity

Popular posts from this blog

UI-Bootstrap Collapsible Sticky Footer

Installing Windows on Acer chromebook 15 cb3-532

Aspetcore: NLog with Postgresql