CSS

iOS Applications with HTML5 and CSS3 {9}

iOS Applications with HTML5 and CSS3

Today, mobile application (app) development has become one of the most popular trends in software development as we emerge ourselves into an on the go, handheld device era. “A few short years ago, most mobile devices were, for want of a better word, ‘dumb’” (Charland & LeRoux, 2011). Now, mobile devices have advanced so much that it can take away much of a person’s daily usage of a desktop or laptop. “Mobile apps are currently evolving very rapidly but generally are targeted at a specific task, run on a mobile device, make heavy use of the data network, and have a simple delivery mechanism (i.e., Google Play Store or Apple Store)” (Tracy, 2012). Mobile applications can be used in a variety of operating systems such as the iOS, Android, Blackberry OS, Windows Phone, and much more. To develop a mobile application, a basic knowledge of one or more programming languages is needed. This blog will focus primarily on the development of iOS applications using HTML5 and CSS3. Hyper Text Markup Language (HTML) and Cascading Style Sheets (CSS) are the core components in web development that have evolved tremendously over the past years. “Web design is becoming more sophisticated, with new browser techniques and design principles, including fluid grids, flexible images and media queries, making it possible to deliver a quality experience to users no matter how large (or small) their display” (Reyna 2012). The latest versions of the previously mention web development languages are HTML5 and CSS3. With the launch of HTML5 and CSS3, these two languages have opened a new form of computing: the ability to create iOS applications using HTML5 and CSS3 in native and web applications.

read more...

Twitter Bootstrap {8}

Twitter Bootstrap

           Bootstrap was developed by Mark Otto and Jacob Thornton at Twitter in August 2011 as a framework to encourage consistency across internal tools. Before the creation of Twitter Bootstrap, engineers had lot of difficulties to create descent websites and web application. They used various libraries that they were familiar with for interface development; however, there were lot of inconsistencies among the individual applications that made the scaling and maintaining them very difficult. Bootstrap began as an answer to these challenges and quickly accelerated during Twitter’s first Hackweek.

read more...

Web Developers Thirsty for Mojito {Comments Off on Web Developers Thirsty for Mojito}

Yahoo has recently released an open-source Web application framework called Mojito, which will tailor to developers and allow them to promptly write applications for all major device platforms. “While Web app frameworks are nothing new, Yahoo claims Mojito is different because it addresses the problem of delivering content to devices that have weak or intermittent connection…” (Scott).  Mojito will allow developers to create apps using HTML, CSS, and JavaScript that can run on the client and on the server. An embedded JavaScript engine allows the app to run on both the server and the client. One of the benefits of the new open-source development application is the fact that it can switch between rendering on the client and on the server if bandwidth is limited, which will ultimately provide a better experience for the user.

read more...

JavaScript on the Web {Comments Off on JavaScript on the Web}

Baciacally this week I learned a little more about java script and how it actually works. There are many different parts to java script that I didn’t even know about. Like I did not know that java script is actually not written just like you would java. There is some variation. There are many different things that need to be taken into account when you use java script in your web pages because you cannot use java script so store anything it can just check and see if there is information in required fields if there is not it can shoot you an error message and you have to do what it wants before it uses your information and places it into some type of database. I also learned that java script is not all that secure people can do things to the code to get access to your information so its not really that great to use. I found that kind of interesting because there are times that we are on sites and believe they are safe but they may not be safe at all. Your information can be sent to their e-mail address in some instances and never placed into a database. That is what I think was kind of interesting about reading this article this week.

read more...

The Connection Between JQuery and the Metro Theme {4}

The article I read this week discussed the Metro internal code created by Microsoft.  According to the author, the Microsoft Open Technologies has been able to make Metro available  to the JQuery mobile open source mobile interface, thus allowing mobile apps and websites the availability to have to look and feel of the Metro theme on the Windows Phone 7.5  O.S. that was otherwise limited to only native applications.  The article states that “JQuery is a touch-optimized framework leveraging HTML5 and the JQuery JavaScript library” (Krill).  The author says that the CSS and JavaScript Metro theme adapts to the theme already used in the Windows Phone and then applies styling to JQuery Mobile controls and in effect, mobile HTML5 websites are able to integrate the Metro-style theme.

read more...

AJAX Web Attacks, Futility of Anti-Virus {1}

AJAX is an acronym for Asynchronous Javascript and XML.  It is a technology meant to combine various other web development technologies such as HTML and CSS in order to give greater options to developers.  This week in class, we introduced the concepts of Javascript and AJAX and are implementing them in project 2.  For that reason, I decided to report on an article this week I found in PCWorld magazine warning of the dangers associated with AJAX websites.  Like with most technologies, hackers have found ways to inject AJAX with malicious code in order to exploit backdoor vulnerabilities.  In recent cases, security experts have discovered a server in China that injects normal websites that contain AJAX code with malicious javascript code.  The point in performing the attack in this manner is so the malicious code will be disguised with typical AJAX code found on any website containing AJAX.  In attempts to further hide the malicious code, the AJAX attack disrupts the workload of a host PC as it interacts with scripts in the website.  Malicious Code is segmented into pieces and is reassembled before being executed by the client.

read more...

Web Then and Now {Comments Off on Web Then and Now}

HTML was meant for standardizing documents, but its limited flexibility left designers wanting. Along came CSS which allowed users to customize HTML without directly changing the code. The separate style sheet was efficient as the CSS document could be applied to any HTML page and changes were relatively easy to do. The article talks about how it can work but browsers read the same information differently which leads to different looking pages even with the same code. Today, users do no generate style sheets, as the designer is the one to be sure the site appears correctly on all web browsers. The article is a bit outdated but it shows some contrast compared to today’s web developing standards.

read more...

Why CSS is the Preferred Method in Web Design {2}

Almost all if not all of today’s websites are designed in CSS. Current websites are designed to be easy to use and beautiful to look at while having to be compatible with multiple web browsers and search engine optimized. This article talks about a small amount of features and advantages that CSS has over its predecessors. The article touches up on search engine optimization, browser compatibly, appearance, maintainability, and bandwidth savings.

read more...

CSS Is Vital To Learn {1}

Cascading style sheets have been around for a while they have been around since 1997 so they have been around for 15 years. Cascading style sheets are useful for any web developer. There are really no web developers now that do not know how to use css because it is so common and is now so important. Style sheets are good because they will override peoples defaults settings so it is good becuase it will be seen like that across all web pages. CSS is very important because it can affect the entire mood of a web page. It can make or break your page because it creates consistancy across pages. CSS is not that hard it is just a little harder than plain HTML and it is vital to learn because without knowing how to use CSS will prevent you from getting a job in the web development field.

read more...

Adobe’s CSS Shaders {2}

As HTML advances forward, Adobe is working on creating Adobe CSS Shaders. Currently still in draft, it would allow developers to develop in more of a rich, cinematic filter effects to HTML. Some effect examples are waves, ripples, warps, swipes, etc. CSS Shaders is similar to WebGL shaders, however WebGL is only for HTML5. With CSS Shaders, it will work on any version of HTML. Unfortunately, Microsoft’s Internet Explorer 10 does not allow any form of filter effects with shaders, and if CSS Shaders gets approved, Microsoft will have to make some changes.

read more...