70 Must-Have CSS3 and HTML5 Tutorials and Resources CSS3 and HTML 5 are capable of revolutionizing the way we design websites. Both include so many new features and functions that it can be hard to wrap your head around them at times. The inclusion of native support for things like rounded corners and multi-column layouts are just the tip of the ice berg. Below are seventy resources, tutorials, and articles to get you started with CSS3 and HTML 5. Many of the techniques discussed are already supported to some extent in some some modern web browsers (Safari and Firefox have the most extensive support), so you can get started right away. CSS3 Tutorials and Resources Get Started with CSS 3 – A basic guide to using CSS3. Cascading Style Sheets Current Work – Details the progress the W3C is making on the CSS3 standard. Border-image: Using Images for Your Border – A guide to the new CSS3 function for adding image borders. Overview of CSS3 Structural Pseudo-Classes – A handy reference chart of structural pseudo-classes in CSS3. HTML 5 Resources
Use Desktopify to put web widgets on your Desktop The process of converting a web widget into a desktop widget is very simple. Just copy the web widget embed code and paste it into the Desktopify “embed code” field. Modify a couple of settings such as widget size, widget name and choose a category for the Desktopify Widget Gallery. Create an account and then you will be provided with the tools necessary to promote your widget if you like…or you can simply download and install the widget to your desktop. Check out Desktopify today. Previous Entry: Share This has gone completely social Next Entry: Nokia X6 Comes With Music Edition
How To Create 3D Text using CSS3 I am very happy to see, CSS3 finally eliminates the use of Photoshop in terms of giving text shadows. I was just trying my hands on text shadows in CSS3 and thought of creating 3D text by giving multiple shadows and got something wonderful. Earlier Text Shadows were announced since the beginning of CSS2 however, the only browser that was supporting this functionality was Safari. If you talk about today’s condition, almost all the browsers except Internet Explorer are running Text Shadows successfully. I agree that we would not be able to use these shadows for clients for next few years because of cross browser compatibility however these features can help you push the boundaries of modern Web Technology today. We do have certain jQuery plug-ins available like IE CSS Shadow that can create shadowed text completely compatible with Internet Explorer. Let’s learn how we create 3D text using CSS3. HTML code written below will land up in between the body tag. Let’s Download and Tweak with it.
Quick & Easy Online Form Builder for HTML Forms | Freedback Great Tools, Resources and Guides for HTML5 and CSS3 It is very important for web designers to update and upgrade their website from time to time to boost the effectiveness of their site and most especially to protect their business from destructive attacks done by hackers. With the development of HTML5 and CSS3 technologies, web designers and web developers are now able to improve their websites effectively and easily as these tools bring many new syntactical features. HTML5 is a better version of HTML4 that is helpful in building websites. It includes features like separate background threads to do processing, video implantation without separate plug-in or codec, canvas element to present graphics and images on the fly, can have applications to access email offline, etc. CSS3 is the latest style sheet format used for adding style to web pages in different markup languages. Here is our list of Great Tools, Resources and Guides for HTML5 and CSS3 that can help you master the new features of these new technologies. font_dragr Modernizr
Search results for website widgets "Students who ask better questions, are independent learners, deep thinkers and ethical leaders of the future" - NTU's Greatest Achievement The main objective of this hands-on practical workshop was to develop an understanding of the implementation and application of e-learning technologies within an institution of higher education. Also, it explored several web 2.0 technologies that participants could use to develop a collaborative online learning space. The hands-on workshop was held at a nice computer lab (24 participants) at Universiti Putra Malaysia (UPM). The first 1/2 day, Assoc. The remaining 1 1/2 days was allocated for Lance Larkin to explore the web 2.0 world for educational purposes. This workshop was actually more intended for academics new to e-learning, rather than learning freaks like me. To make a web 2.0 point, I actually used Twitter throughout the workshop to share relevant or interesting resources discussed during the learning sessions. What NTU Did Not Do: Here we go:
blockquote (HTML element) Description The blockquote element is a mechanism for marking up a block of text quoted from a person or another document or source. It may be just a few lines, or it may contain several paragraphs (which you’d mark up using nested p elements). The W3C recommendation states that web page authors should not type quotation marks in the text when they’re using blockquote—we can leave it to the style sheets to take care of this element of presentation (just as it should be when the q element is used for short, inline quotations). By default, most browsers’ basic built-in style sheets render blockquote content with left and right indentations, as shown in Figure 1. Note that XHTML allows the blockquote element to contain only other block-level elements (script element is also allowed). Figure 1. Example The example below is a quote from an as yet unidentified source who despairs about the stupidity of stock photography: Use This For … Compatibility
Your horoscope on light background Your horoscope 720 x 85 px: ...and the code for 720 x 85 px: Back to Free horoscopes for webmasters Your horoscope 360 x 170 px: ...and the code for 360 x 170 px: Your horoscope 240 x 255 px: ...and the code for 240 x 255 px: Your horoscope 180 x 340 px: ...and the code for 180 x 340 px: Your horoscope 120 x 510 px: ...and the code for 120 x 510 px: Your horoscope 60 x 1020 px: ...and the code for 60 x 1020 px: