Group items tagged

HTML 5 provides some great new features for web designers who want to code readable, semantically-meaningful layouts. However, support for HTML 5 is still evolving, and Internet Explorer is the last to add support. In this tutorial, we'll create a common layout using some of HTML 5's new semantic elements, then use JavaScript and CSS to make our design backwards-compatible with Internet Explorer. Yes, even IE 6.

♻ Retweet In May last year we published an article entitled 22 CSS Button Styling Tutorials and Techniques, it proved to be pretty popular, and the most amazing thing about that post is that none of the tutorials even touch on the subject of CSS3.. What a difference a year makes! Of course CSS3 never rolled out last year, it has been around for a long time without ever entering mainstream web design. That was until last year when support arrived from the web browsers Safari, followed by Firefox and then Chrome. And CSS3 has been gaining momentum ever since.

HTML 5 provides some great new features for web designers who want to code readable, semantically-meaningful layouts. However, support for HTML 5 is still evolving, and Internet Explorer is the last to add support. In this tutorial, we'll create a common layout using some of HTML 5's new semantic elements, then use JavaScript and CSS to make our design backwards-compatible with Internet Explorer. Yes, even IE 6.

is the function of jQuery that use for the animated effect of jQuery. This feature of jQuery makes thousands of things easy for developer( not written millions of line of code )and you can achieve the animated high quality effect. This is compatible with all browser...

As a web community, we've made a lot of exciting progress in regards to CSS3. We've put properties like text-shadow & border-radius to good use while stepping into @font-face (not a CSS3-property) and visual effects like transitions and animations. We've also spent a great deal of time debating how and when to implement these properties. Just because a property isn't widely supported by browsers or fully documented at the moment, it doesn't mean that we shouldn't be working with it. In fact, I'd argue the opposite.

I admittedly don't think about this idea very often… how efficient is the CSS that we write, in terms of how quickly the browser can render it?

Javascript has always been important but usually it just hangs around in your browser, getting stuff done. The buzz on the internet is node.js, an event based, server side javascript based on Google's super-fast V8 engine. It allows you to make high performance, large scale applications. There still aren't that many tutorials out there, with the same ones getting republished over and over again. If you're going to use node.js for a web app for your free website they are worth taking a look at. Here are some of the best:

"http://css3generator.com/ » The drop-down list says "Choose Something". Choices include: shadows, transitions, even transform and @font-face! It has an option for border-radius, but if that's the only thing you need, there's the quick and dirty: http://border-radius.com/ » Super simple, uber-easy-to-use, just does border-radius. What more can I say? http://www.colorzilla.com/gradient-editor/ » Sleek, Photoshop-like gradient editor that spits out cross-browser CSS. Fancy - with live preview and the like. Resist the urge to add gradients to everything you do. http://www.cssbuttongenerator.com/ » Comes with some nice default palettes, but fully customizable with your own color values. Sleek color-picker and sliders to make it how you want it, plus a link to a more advanced button generator. I've definitely been making more buttons since this baby came online :)"

"UItoTop jQuery Plugin Inspired by the great idea of David Walsh's jQuery topLink Plugin, I made a similar plugin but with two key differences, this one does not require you to add extra html markup or extra plugins to function. It will only work when JavaScript is turned on ( on purpose ), It's easy to setup with only one line of code, and it works cross-browser nicely ( Tested: IE6-8, FF, Safari )."

Adobe AIR is platform for internet-enabled desktop applications which helping web designers and developers that allows developers to use HTML, Ajax, and Flash to develop desktop applications. In the past from few years AIR has gained a lot of popularity with amazing inspirational examples, and there have been a lot of great applications created, including some that are very useful listing here.Adobe Air apps work both on windows and MAC computers, some of the individuals have create useful desktop apps using Adobe AIR, I came across or used at least once. Adobe AIR apps allow users can be able to tackle everything from image editing and color scheme management to batch processing images, wire framing, debugging and browser testing.

"Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework. * Style: Easy to customize. * Position: Complete control over tooltip positions. * Round: Configurable rounded corners, no PNG images required. * Speech bubble effect! * Works on all modern browsers."

"As CSS3 becomes more robust and is more widely supported, the options for fun modern design elements that can be created without graphics are virtually limitless! For a recent project, I decided to see if I could create a centered ribbon banner with pure CSS3. This tutorial will walk you through how it was done. As it turns out, it's actually quite easy, using only simple, semantic HTML and some CSS3 trickery thanks to the magic of the the border-width property. The only caveat: As with all new CSS3 techniques, it can act a bit wonky in some IE browsers… we'll address that at the end of the tutorial. Here's how:"

Future in navigation style design has begun :-)

Mobile Boilerplate is your trusted template made custom for creating rich and performant mobile web apps. You get cross-browser consistency among A-grade smartphones, and fallback support for legacy Blackberry, Symbian, and IE Mobile. Mobile Boilerplate is not a framework, but works well with projects like jQuery Mobile, Sencha Touch, Phonegap and Appcelerator. You get an offline caching setup for free, fast button clicks, a media query polyfill, and many common mobile WebKit optimizations waiting for you. Use Mobile Boilerplate to start your mobile webapp quickly and immediately benefit from community best practices.

We deliver search engine friendly, cross browser compatible and standards compliant PHP Web Development solutions at affordable prices. Our team also creates unique cms-driven websites using open source PHP-based frameworks.