CSS

HTML4 to HTML5 …why the change? {2}

by Evin C
Having been discussing the differences between HTML4 and HTML5 in class, I feel this article is quite appropriate. To begin, one must understand the concept behind the different versions of HTML. In the article it is stated that, “HTML5 represents a structural change in how the web works. The term technically is used to describe the fifth generation of changes made to Hypertext Markup Language, or HTML, the main tool used to organize content on websites. However, it also is used as an umbrella term to include other recent changes made to web standards, such as Cascading Style Sheets, which are used to control colors, fonts and other visual elements of websites.” Now having a general understanding, the differences between HTML4 and HTML5 have been useful enough to already push businesses to adapt the new standards and deliver new websites based off HTML5. Although websites have already been produced with these standards, the article goes on to note that “HTML5 standards have yet to be approved formally by the World Wide Web Consortium, which defines the various standards developers should follow when building websites. Even so, new versions of most web browsers have been designed to work with many of the changes”. There are plenty of resources available to research the differences between the two but it is useful to understand the “behind-the-scenes” work that goes into these standards. read more...

Visual Studio Upgrade {2}

by Yeimy F
 

Microsoft’s developers focused on developing a new version of Visual Studio that offers a better user interface, code review, and supports HTML5 features. Moreover, they focused on fixing some of the basic functional problems generated by the previous version such as its tendency to freeze a lot which requires to reset your computer to make it run properly. They are “looking forward to better of ease-of-use in Visual Studio 11 and want better compliance with standards such as HTML5 and CSS.” Major complexities were removed of the previous version and now it has fewer tool bars and tool windows that make developers focus on the job. read more...

CSE HTML Validator Professional {1}

by Bach B
This is a review of PC World editorial review of CSE HTML Validator Professional. So far, the html or css code that we have learned look simple, and easy to understand. However, when you code for a professional website, it would not be that simple. When you look at source code of any website, it is huge maze of codes and codes. Making mistakes while coding is inevitable even with professionals. read more...

Advantages of CSS over HTML {1}

by Shahravi
This week we learned about Cascading Style Sheets (CSS). The article I read on zimbio.com, describes advantages and disadvantages of CSS. I realized that no matter what technology or tools we use, there is always some tradeoffs. But often times, the benefits out weights the costs / advantages. Cascading Style Sheets is one of the tools we use in Web Design. The article lists some of the advantages of CSS such as bandwidth, progressive enhancement, flexibility, consistency, making changes to the layout, and search engines. read more...

GoLive CS2 another branch in the great tree that is Adobe. {1}

by Salvador A
GoLive CS2 addresses one of the key hindrances of CSS, it’s hard to learn, and trying to add CSS to existing sites is even harder. GoLive CS2 provides users with multiple preformatted CSS templates that are just a mouse click away. GoLive CS2 allows users to import existing content to rebuild an older website that did not have any CSS implemented. Some of features listed is the ability to drag and drop styles, such as fixed columns or scaling columns that can be combined in one page. It also has a view that shows the current styles and the CSS code that goes with it beneath it. Some con’s, it does not integrate well with other Adobe products, it lacks the proper tools to do so in it’s current state. GoLive CS2 also allows for mobile webpage creation and comes with built in phone emulators to see how your page will be displayed. read more...

Advantages of CSS in Web Layout {Comments Off on Advantages of CSS in Web Layout}

by Tuyen H

In the article “An Elastic – Fluid mixing Web Layout Design Based on CSS” Fan Dongyan writes about the how CSS helps developers improve the web layout in the interactive web systems. Because of the diversity and differences of Web browser and browsing habits, developers experience may incompatible layout on different browsers. One ways to prevent this problem is using CSS for layout the website. CSS allows any elements floating no matter it is the image, the paragraph or list. According to the author we can use three steps to layout our website using CSS:
1) Firstly, using a fixed width of three-column layout design container.
         <div id=”main wrapper”>
                <div id=”nav”>
                 </div>
                  <div id=”content”>
                          <div id=”maincontent”>
                           </div>
                            <div id=”promo”>
                            </div>
                   </div> read more...

Why Do I Need CSS? {Comments Off on Why Do I Need CSS?}

by Calvin M
(note this blog entry is a make-up for October 23rd’s blog)

Cascading Style Sheets, or CSS, make website design a lot easier to design. CSS files can style your fonts, positions, and other data on your HTML pages by using classes to name each specific style. It helps make your HTML codes look a lot cleaner, and if it is cleaner, it will be easier to spot mistakes in HTML. CSS has a lot to do with User Interface and User Experience since it allows your websites to look a lot better. CSS also allows for your websites to be found easier on search engines since you can place components nearly anywhere on your page that can make search engines easier to find certain keywords. read more...

CSS and Fly-Out menu {Comments Off on CSS and Fly-Out menu}

by Wei C
Summary:

In the article, author was focusing on describe the use of the fly-out menu developed from Cascading Style Sheets. It is a no code way to develop a vertical or horizontal fly-out menu which looks professional. The article also states that the online communication and interaction is increased recently, which make the management and the design of website more important. The menu is a really important part for a dynamic website which features more than one page. The menu system can really help users get into the place they want more easily. In addition, the author also described that it is possible to use CSS in the Visual Studio 2008 to design the menu. In conclusion, the fly-out menu is more like a must have for all the websites. read more...

Rocket Speed Web Gaming Development {2}

by Luis F

The article is about Disney’s acquisition of a game development company from Finland called, Rocket Pack.  Rocket Pack is an integrated solution for plug-in free browser game development company that utilizes HTML 5 instead of Flash.  Its service is aimed at professional game developers who wish to make games for the web to be used by different platforms.  There is an example video where a game is played on an older generation netbook, and the same game was played on an iPhone.  The service allows developers to develop their games on any of the devices, as in the video example they show a user being able to make changes to the game while using an iPhone.  The cross platform ability is thanks to their use of javascript and CSS, which also allows plug-in free and non-installation gaming. read more...

CSS – No tricks. Just Treats. {Comments Off on CSS – No tricks. Just Treats.}

by Omar N.

I wanted to share something cool I found while looking for an article to write about. The article highlights 5 useful tips for using Cascading Style Sheets (CSS) to those who are new to the subject (like me). I’m just going to point out 3 that I thought were good. The article was written by the creator of Pingable, a website dedicated to spreading knowledge about the benefits of using WordPress. Before I commit the most heinous crime of doing a copy and paste job, I just want to say I really enjoyed reading the articles on this website and I recommend checking it out, as you might find helpful ideas for upcoming web design projects (ie. Milestone 2). read more...