Ilidio

MS launched modern.IE, a new set of tools and resources to help developers test their sites for the over 50% of users who run various versions of Internet Explorer. modern.IE includes a wizard that scans a Web page URL for common interoperability problems and suggests some ideas for how to address those issues to improve the user experience across modern and older browsers.

The site also offers 3 months of free cross-browser testing, through a partnership with BrowserStack. modern.IE provides new Chrome/Firefox add-ins and offline virtual machine images to help developers test their site regardless of what browser or platform they prefer to use. The modern.IE site, which we will update regularly, is another step forward in helping developers achieve the goal of interoperability through same markup. Through these efforts, we want developers to be able to spend more time innovating on the Web and less time testing.

Page: http://www.modern.ie/

Source: http://blogs.msdn.com/b/ie/archive/2013/02/01/modern-ie-a-new-set-of-tools-to-help-test-web-site-compatibility.aspx

No comments

CSS gradients and lots of spare time

Sunday, December 9, 2012 1:56:12 PM

CSS, Gradients

played around with gradients today...
Disclaimer: Do not use in production. Nothing of this works in Chrome (because they have not uprefixed gradients, just yet)

Pure CSS Triangle: http://jsfiddle.net/GBjXp/
Boring, just another triangle.

Simple color mix: http://jsfiddle.net/ugPUu/
Boring, RGB colors @ 120 degree shift.

Eye in a Tube: http://jsfiddle.net/qAYbK/
Overlaying radial gradients.
Notice how Firefox is starting to experience troubles with this one - dirty colors, stuttering. Special: drag/resize jsfiddle's layout grid, and you will see how Firefox draws radial-gradient all over your screen.

Liquid sky: http://jsfiddle.net/8Q8dj/
Something more visually enoyable.
This one is using background-size to patternize gradient, small alpha hsla for spiral gradient, also, corners are bluntly hacked.
Looks as intended in ie10/o12, but FF19 adds extra psychedelic effects, which you might decide to enjoy

Source: http://my.opera.com/c69/blog/2012/12/09/css-gradients-and-lots-of-spare-time

No comments

CSS3: not so awesome

Wednesday, November 14, 2012 11:34:19 PM

CSS

Constantine Vesna:
CSS3: not so awesome

No comments

ShiftEdit - online editor

Friday, October 12, 2012 10:24:38 AM

HTML, Ruby, CSS, java ...

ShiftEdit is an online PHP, Ruby, Java, HTML, CSS and JavaScript editor with built-in (S)FTP and Dropbox. Ideal for web development.

"The online IDE is one of the final frontiers of apps ported to the web. I would like to be able to develop from any computer or operating system and have the same experience without having to install software or create site definitions."
Adam Jimenez (founder)

Features
Create, edit and publish PHP, HTML, CSS and JavaScript with full syntax highlighting.
Access and publish files through FTP/SFTP/Dropbox
Realtime syntax debugging
Step back in time with Revision History (Premier only)
Time-saving features like autocomplete, code folding, snippets, jump-to-line bracket closing
Offline support

http://shiftedit.net/

No comments

YUI - JavaScript and CSS library

Tuesday, September 25, 2012 9:51:04 PM

javascript, CSS, yahoo, YUI ...

YUI is a free, open source JavaScript and CSS library for building richly interactive web applications.

http://yuilibrary.com/

No comments

Use this jQuery plugin to mimic the popular tilt-shift photography effect.

Wednesday, September 12, 2012 11:11:35 PM

tilt-shift, CSS, jQuery

A jQuery plugin that uses the CSS3 image filters to replicate the tilt-shift effect. This is a proof of concept and currently only works in Chrome & Safari 6.

http://www.noeltock.com/tilt-shift-css3-jquery-plugin/

No comments

Full-page Animations Using CSS - IE blog post

Friday, August 17, 2012 1:20:51 PM

CSS, Web, Firefox, developer kit ...

Internet Explorer 9 introduced support for CSS 2D Transforms. Internet Explorer 10 Developer Preview added support for CSS 3D Transforms and CSS Animations. By tapping the power of your GPU and running asynchronously from regular JavaScript, these IE10 features provide a more performant and flexible alternative to traditional script-based animations for Web content.

In previous blog posts, we covered CSS 3D Transforms as well as CSS Animations and Transitions. In this post, we introduce a more “unconventional” use case for these technologies by describing the concept of “full-page animations” that can be used during the navigation process to add fluidity and continuity to browsing. Our target is to achieve a seamless browsing experience in which content smoothly appears into view when the user visits a page and transitions away when he clicks on a link or performs a relevant action.

These effects can be accomplished by transforming the HTML body element using CSS Animations. However, this use case presents some considerations that we felt were worthy of discussion, such as the effect of layout and sizing on transforming body, as well as how to appropriately time page navigations so that they mesh properly with our animations.

Animations:
http://ie.microsoft.com/testdrive/Graphics/FullPageAnimations/1_Introduction.html

Source:
http://blogs.msdn.com/b/ie/archive/2012/08/16/full-page-animations-using-css.aspx

No comments

1 2 3 Next »