Tag | Css Posts

Here’s a list of sources of information for the different elements that comprise the 70-480 exam: General ResourcesEDIT: http://www.microsoftvirtual... This is the end all source for video coverage of the exam, including information on the followup exam for building Windows Store apps with HTML5, CSS and Javascript. Go to the site to get a free voucher code to take the exam while supplies last! http://www.w3schools.com (As pointed out in David Pallmann’s ...
For any of those in the Kansas City area, I recommend Coders For Charities as a great once-a-year event! It’s a weekend code-a-thon in which small, quickly-assembled teams of software engineers construct as much as possible for a charity in need. Contributors include anybody with relevant experience such as software developers and graphic designers. The projects seem to typically involve creating a website. I personally was only available for about half of the total event, but I contributed to a ...
Semantic elements and the Shiv! This is the second entry in the series of demos from the “Using HTML5 Today” talk. For the definitive discussion on unknown elements and the HTML5 Shiv check out Mark Pilgrim’s Dive Into HTML5 online book at http://diveintohtml5.info/s... Semantic tags increase the meaning and maintainability of your markup, help make your page more computer-readable, and can even provide opportunities for libraries that are written to automagically enhance ...
Simplify your HTML Syntax This is the first in the series of demos from the “Using HTML5 Today” talk. One of the great features HTML5 offers is the chance to minimize some of the longer tags in your template, reducing the size of the document and increasing readability and maintainability. Below we cover a few of the easy, cross-browser, backwards-compatible changes. Why are these changes backwards compatible? Because we, the authors of the content on the Internet, are pretty bad at writing proper ...
The new HTML standard is part of a proliferation of challenges and opportunities that developers face today: Browser Wars v2.0 Going back 10 years ago, Internet Explorer could claim 95% of the browser market (http://en.wikipedia.org/wi... Today you have to include IE, Firefox, Chrome and Safari to get past the 95% support mark (http://marketshare.hitslin... And this only includes desktop browsers! Safari, the Android browser and Opera all have strong market shares in the mobile/tablet ...
I have a pet peeve: designers that always start with reset.css stylesheet. There are so many flaws with this approach:all styles... all elements, everything, is reset to padding 0, margin 0, font-size: 100% (whatever that means) and so forth. So utilizing an h1 requires "restyling" an h1 to be somewhat bigger, somewhat bolder than the average text. And make that bigger and bolder than h2, and likewise h3, and likewise h4, h5, and h6.the css inheritance chain is difficult to navigate. Since the reset.css ...
An important update to the Microsoft Web Protection Library (AntiXSS Library v4.2.1) is available at http://wpl.codeplex.com/rel... reason for the update is as follows:"This release addresses a vulnerability in the HTML Sanitizer, MS12-007 http://technet.microsoft.co... and adds full support for .NET 4.0 as well as restoring support for .NET 2.0. The sanitizer has been changed to remove all CSS it encounters, this new behaviour means that if you were ...
On 23/24 Dec Site Point at http://www.sitepoint.com/sale/ are offering a very specical deal - all the special offers that they have made this month are available again!

This  includes some excellent books on CSS and JQUERY!
I’ve heard people mention, a few times, how they would like for Microsoft to provide a blank template for ASP.NET MVC. The request seems strange because this is something that anyone can do themselves. This isn’t just creating an MVC project and deleting all the items, which I would agree is tedious. Rather, you can create a custom template of any type for reuse and sharing. This blog post shows how to create a custom project template, using the need for a blank MVC template as the use case. Creating ...
At http://oreilly.com/css-html/index.html there are some free CSS & HTML Book Excerpts

Look in the bottom left hand corner of the page.
Recently (as in, last night) I started playing with jQuery Mobile. My experiences with jQuery, while occasionally frustrating, have been overwhelmingly positive. So when a friend mentioned jQuery Mobile to me, I figured I'd give it a try. A little Googling revealed some helpful tutorials and other resources, one of which was this handy basic page (which I got from here) <!DOCTYPE html><html><hea... Title</title><link rel="stylesheet" href="http://code.jquery.co... ...
It’s pretty widely accepted (and common sense) that if you’re putting a site out into the wild – such a simple task as minifying CSS and JavaScript files can save a bunch of load time, especially on mobile devices. I’ve been playing about with this today and was quite happily using jsmin as described here until I noticed that in IE 7 and IE 8 the minified CSS didn’t work. The problem seems to be when using a background style, it takes out the space between the image url close bracket and the next ...
Using a simulated dialog window is a nice way to handle inline data editing. The jQuery UI has a UI widget for a dialog window that makes it easy to get up and running with it in your application. With the release of ASP.NET MVC 3, Microsoft included the jQuery UI scripts and files in the MVC 3 project templates for Visual Studio. With the release of the MVC 3 Tools Update, Microsoft implemented the inclusion of those with NuGet as packages. That means we can get up and running using the latest version ...
© 2011 By: Dov Trietsch. All rights reserved Ranking Ranking is quite common in the internet. Readers are asked to rank their latest reading by clicking on one of 5 (sometimes 10) stars. The number of stars is then converted to a number and the average number of stars as selected by all the readers is proudly (or shamefully) displayed for future readers. SharePoint 2007 lacked this feature altogether. SharePoint 2010 allows the users to rank items in a list or documents in a library (the two are ...
These are some of the best RSS feeds I've found for keeping up with HTML5. I'm doing jQuery & MVC development as well so you will find the links have a jQuery/MS angle to them. WhenCanIUse The oh-so-necessary caniuse.com, in RSS update format: http://feeds.feedburner.com... ScriptJunkie http://services.social.micr... good HTML, JavaScript, CSS site hosted by MS Rachel Appel's blog http://rachelappel.com/rss?... ...
Goal: Store custom data with the data attribute on any DOM element and retrieve it. Previously under HTML4 we used to use classes to store custom data, something to the affect of <input class="account void limit-5000 over-4999" /> and then have to parse the data out of the class In a book published by Peter-Paul Koch in 2007, ppk on JavaScript, he explains why and how to use custom attributes to make data more accessible to JavaScript, using name-value pairs. Accessing a custom attribute account-limit=5000 ...
If you have not developed with styles in Silverlight/XAML then it can be challenging and resources can be sparse depending on how deep you get. One thing that you need to understand is what level you can apply styles and how much they can cascade. What I am finding is that this doesn’t go to the level that we are used to in HTML and CSS. While styles can be defined at a page level if you want to share styles throughout your application they should be defined in the App.xaml file. This is of course ...
The problem: Images and other static files will not be cached unless you tell it to. In IIS7 it is remarkably easy to do this. Web pages are becoming increasingly complex with more scripts, style sheets, images, and Flash on them. A first-time visit to a page may require several HTTP requests to load all the components. By using Expires headers these components become cacheable, which avoids unnecessary HTTP requests on subsequent page views. Expires headers are most often associated with images, ...


This post has been moved to my new blog.

The new URL is: http://dwdii.github.io/2011/10/23/Using-HTML5-Canvas-tag-for-Simple-Video-Animation.html.

Unfortunately, I am unable to redirect you automatically due to limitations of this blogging engine. :-(
I am in the process learning HTML 5 ,Jquery and CSS 3- I would be documenting my finding going forword as and when i come up with new tags. Audio tag - This tag helps to display any type of audio information. This has options of specifying two sources. Based on the browser what type it supports, it will pick that. The another tag is Source tag. <audio controls="controls"> <source src="Song1.ogg" type="audio/ogg" /> <source src="Song1.mp3" type="audio/mp3" /> Your browser does not ...
So, my excursion in the web world continues… One of the issues I have coming from silverlight / wpf is that I’m very used to the XAML, MVVM approach to developing, I can knock up a passable interface in XAML in very little time (note, I didn’t say a good interface), but I really don’t know how to do this in CSS.. OK, not totally true, I have a rough guess, I have played with things like Firebug, and modified existing css in the past, but the problem with that, is that I’m just tinkering. With this ...
Soon, the latest ASP.NET MVC will be launched. I cant wait to try as whole. This is the preview of this new product- Web Platform Installer – Installs the MVC4 Project Templates.- Nuget package – perfect for upgrading an existing MVC3 project- Stand Alone Installer- Installs the MVC4 Project Templates. This is the cool design with new features In addition to CSS design there is improved functionality in the new template. The template support technique called adaptive rendering to support theme on ...
OOook, those who know me, or have read my blog probably have a pretty good idea that I’m a silverlight, wpf, wcf, c#, xamly kinda guy. I’ve never really done anything webby, the closest I’ve gotten is doing a bit of backend stuff, well, times change, and quite frankly I wanted to do something new… soooo I’ve opted to go down the MVC route, for two main reasons – 1, I figured I may as well learn a good framework, 2, Matt Abbott told me that MVC lets you get dirty with HTML, and that’s one of the things ...
I have a single page(created before Master pages were available) that loaded dynamically one or another user control.Some child controls have css for quirk mode, but for new controls I want to use latest DocType <!DOCTYPE html> The solution is to set it dynamically in code-behind depending on current control to load(the code is copied from http://stackoverflow.com/qu... =========aspx=============== <%@ Page Language="C#" ...
For more formatted view .. Goto http://ankitagrawal57.blogs... any web application, performance is basic necessity. Earlier internet speed used to be limited thus users got inclined to pages which load within 3-4 secs. But now the internet speed is no more a constraint but still time does remain a constraint. Imagine yourself visiting a website which takes a lot of time (30 – 60 secs) just to load the page. You would not like to go to that site again.To mitigate this issue, developers and ...
I usually do a bullet points from major conference events like this one from Mix11. The purpose of this post is to get you up to speed quickly with news and links you may enjoy. Build – Day 1 Keynote Windows 8 takes about half the amount of RAM to run compared to Windows 7. Windows 7 usage by consumers is now greater than Windows XP. Like the Metro Interface? Well, you better as the interface is similar to the Windows Phone 7. You can unlock your touch-enabled PC by tapping certain spots on a picture. ...
Today, I was testing a Web site for deployment and encountered the problem described in the subject of this post. However, the process leading up to realizing the true problem was far from clear. This post describes my initial experience, steps I took to isolate the true problem, and what I did to fix it. To put this in context, My project is an ASP.NET 4.0 Website. Bump! While testing, I encountered a System.Web.HttpException with the following message: File does not exist. with the following stack ...
I am a reformed former JavaScript hater. In the 90s and early 2000s I muddled through JavaScript compatibility issues, poor performance and a lack of development & debugging tools. When ASP.NET came out, promising to hide me from the complexity of browser incompatibilities, I fully embraced server-side web development. This approach may have worked in 2002, but it does not today. The world's expectations have been reset by Ajax, Google Maps, mobile web sites, high performance JavaScript engines, ...
Wijmo is an awesome tool from ComponentOne. The goal of this tool is to help us web developers rapidly develop MVC applications with interfaces richer than WebForms. Main Features: 1.Over 30 UI Widgets with everything from interactive menus to rich charts. 2.MVC scaffolding automation. This means that Wijmo generates rich interactive Views and Controllers for your entire Model. Free Trial DownLoad: http://www.componentone.com... In this review we'll take a look at Wijmo ...
I was recently asked to review Studio for Wijmo MVC by Component One and, overall, I am impressed. There are 2 major components of this. The first is Wijmo Complete which is a collection of over 30 UI widgets (very similar to jQuery UI). The second is Wijmo Scaffolding for MVC which builds upon the scaffolding that was released as part of the MVC 3 Tools Update (note: is does *not* build on top of powershell-based MVC Scaffolding which Microsoft released earlier this year). Some of the Wijmo widgets ...
I had added some code behind to a SharePoint 2010 master page and it worked beautifully! I followed Andrew Connell’s blog and article on MSDN. I had actually created two more master pages with an identical code behind as they each needed the same bits. I had each inherit from the same code behind file. Everything worked great until we were having some problems with one of our developers opening a css file form the VPN. So I thought I would just change the master page in SPD temporarily to use a css ...
CSS3 - :not selector Goal: Understand the different applications of the CSS3 :not selector Overview: Trying to find useful information about CSS3, and specifically the :not selector can be hard. So in order to try and alleviate that, here are some (hopefully) useful hints and tips. The Specification: The negation pseudo-class, :not(X), is a functional notation taking a simple selector […] as an argument. It represents an element that is not represented by the argument. Not so clear, is it?! What ...
I’m a big fan of client-side development using HTML / CSS / JavaScript for about the past 2 or 3 years – really ever since I dug into jQuery and really began to appreciate the power that the technologies on the client-side possess. Nowadays, everything is HTML / CSS / JavaScript – it’s in all the articles, all the techies are talking about it, and it’s on everyones’ resumes. In looking at candidate resumes or listening to presenters speak about web technologies, we constantly hear “HTML / CSS / JavaScript”. ...
At http://css-tricks.com/13317... , the article "Little CSS Stuff Newcomers Get Confused About" is well worth a read. Proud user of ...
l will show you what I am doing lately with jquery. I started out using the suckerfish menu for a customer app. All went fine for awhile but suddenly the menu started acting weird with problems indenting and such. I finally figured it must be interacting with other css stuff. So, I thought how the heck do I fix this? What if I could just use jquery and keep all of the action in jquery and put the style in in the menu class and just spit it out. Most of the properties would get put into attributes ...
At http://tv.jetbrains.net/vid... there is an excellent video on what is new in ReSharper 6 I am very impressed by the CSS tools. Congratulations to JetBrains! I like the "Why is ReSharper suggesting this?" - this will settle many arguments. Passionate aboutProductivity Visual Studio add-in for C#,VB.NET, XML, XAML, ASP.NET and more ...
At http://www.mindscapehq.com/... there is a new free Visual Studio 2010 add-on. "You may have noticed that this new-fangled Web thing is getting quite a bit of traction at the moment. And these days you can’t get away with static Web pages built with table-based layouts and presentational markup. It’s all script this and stylesheet that and jQuery the other. Why, even those time-hallowed animated GIFs of little men digging ...
Today's $10 Deal of the day from Apress at http://www.apress.com/ is CSS Mastery Advanced Web Standards Solutions "The Internet abounds with information on CSS based design. However, it's spread across a large and disparate group of sites and can be very difficult to find. The purpose of this book is to pull all this information together in one place, thus creating a definitive guide to modern CSS based techniques." More details at http://www.apress.com/97814... ...
One of the tough tasks in web development and in particular CSS styling, is to find the RGB and hexadecimal value of uncommon colours. As a web developer working in CSS, I longed to give that nice blue/green tinge colour for my UI and always struggled with the hexadecimal value. Particularly in finding the same for colours I find in other sites. Thanks to the IE9 Developer Toolbar which has this nice colour picker, one can find the hexadecimal code (and the RGB equivalent) from any web page. To demonstrate, ...
Hace unos días recibi un email de Microsoft con noticias sobre Visual Studio, y algo que me encanto fue ver que por fin tenemos soporte para HTML y CSS 3 en el editor de VS. Así que, me di la tarea de leer el contenido de los blogs recomendados en el artículo y tome la decision de traducir el contenido del blog de Scott Hanselman’sa español (por supuesto con algunos cambios), para que toda la comunidad que no tiene aún un buen conocimiento de inglés pueda aprovechar el contenido. Inicamos… La gente ...
String Resources For string resources we will use local/global resources connecting to DB using DbResourceProvider from “Creating a Data Driven ASP.NET Localization Resource Provider and Editor” http://www.west-wind.com/pr... It also has DbResourceControl, that shows controls with Localizable attribute and connect them to editor. From http://guysmithferrier.com/... and http://www.guysmithferrier.... ...
Goal: Rotating text using css only. How: Surprisingly IE supports this feature rather well. You could use property filters in IE, but since this is only supported on IE browsers, I would not recommend it. CSS3, still in proposal state, has a "writing-mode" property for doing this. It has been part of IE's browser engine since IE5.5. Now that it is part of the CSS3 draft specification, would be the best way to implement this going forward. Webkit based browsers; Firefox 3.5+, Opera 11 and IE9 implement ...
Released today. Updated HTML5 support and CSS 3 and more new APIs to JavaScript intellisense. Installed without a hitch http://visualstudiogallery.... ...
Luego de varios días de intenso trabajo, hoy he tomado un pequeño espacio de tiempo para dedicar un post al trabajo con datos en forma de tablas en asp.net Todos los que hemos trabajado desde hace bastante con asp.net, hemos aprendido a querer al GridView, un excelente control que nos permite mostrar los datos directamente desde una base de datos y trabajar con ellos, llamase trabajar a las operaciones de: editar, buscar, agregar y eliminar. Por supuesto que existen muchas otras opciones que no son ...
Introduction I don’t do web programming… I have been programming client applications for years and consider myself a WPF/Silverlight developer. The web thing always seemed a bit scary in its stateless environment with limited functionality and cross browser headaches. That was until recently when apparently HTML5 was going to kill Silverlight and I eventually decided that I would need to get educated and up to date. Since that decision I have re-accustomed myself with HTML, CSS & JavaScript. ...
Lately, I have been taking some time to learn some new technologies. For me, the best way to learn a new technology is to jump head first into a project: Daily deal websites such as GroupOn, LivingSocial, DealFind, etc. have really taken off over the last 6 months. With so many sites out there, my inbox was being flooded with emails from all these daily deal websites. This seemed like it might be a fun project, so I set out to build a daily deal aggregator. First, I built a Windows Phone 7 app. I ...
This past week the company I work for re-launched our external facing internet site, all powered by SharePoint 2010. I already blogged about it, but have you ever wondered, what does it take to build a great looking site? There are 3 basic levels of Branding in SharePoint 2010: Low Effort Remember the themes in SharePoint 2007? well its incredibly easy to build them in SharePoint 2010.The best examples out there are the ones that use Power Point 2010 to produce color schemes and styles and apply ...
The APress $10 deal of the day at http://www.apress.com/ is AdvancED CSS "Take your CSS skills to the next level and learn to write organized and optimized CSS that will improve the maintainability, performance, and appearance of your work." http://www.apress.com/97814... No image at time of writing ...