As a quick digest of this article by Jonathan. You can literally rotate any HTML element by a certain degree with CSS, be it text or image or something else. After testing across a few modern browsers, the only one that’s not supporting this rotation technique is Opera. The CSS rules you need for a …
CSS: Rotate Text / Image Elements by 90, 180 or 270 Degrees Read More »
Web pages are made up of HTML code, so if you post or write some HTML code in a web pages, a browser would generally consider them normal code. Instead of showing them as they are literally, they have become part of the underlying HTML structure of that page. Now how to address this problem …
Blinking texts are so 1999. Please by all means if you are still looking for the way to make text blink in HTML web pages, stop. Otherwise, you may want to try these 2 outdated methods that only work partially across modern browsers, but not in IE: The <blink> tag <blink>I’m blinking!/<blink> The blink text-decoration …
While HTML is the concrete of all web pages and websites, CSS is the spirit. It specifies the aesthetic aspect of all the web pages by design through presentation, conveying the ideas and sensations by visual languages. The first class of all web designers start with CSS. These are some of the best CSS books …
HTML is the language of the Web and all websites are written in HTML (XHTML). To learn creating website, the first thing you will need to learn is HTML. Period. Some of the selected books below are for beginners and some are for intermediary coders to consolidate your knowledge of HTML and CSS and practice …
Best Books of HTML and XHTML to Learn How to Create Web Pages / Sites with HTML and CSS Read More »
HTML is the abbreviation of Hyper Text Markup Language invented by Tim Berners-Lee, who’s also been called the father of the Web. HTML is what websites are written in. All websites on the Web are written in HTML that your browsers and email software recognize. It’s a way of representing, organizing and containing information as …
HTML Definition: What is HTML Defined – What does HTML stand for? Read More »
While many still rely on HTML to center things or make page elements centered in the middle of the page, it’s actually the job of CSS. In HTML, you can center things such as texts or images by using the CENTER tag: <center>This is in the center of the page.</center> You can center not only …
As more and more social sites enable their users to make out custom HTML codes for their homepages, many want to learn about HTML and how to write and modify web pages by HTML. One of the most common questions for a HTML newbie is to change the color of some text or font in …
CSS standards for Cascading Style Sheets. It’s a descriptive programming language that specifies how web pages look like in appearance and style. Take a book for example. The texts in the book are content, just like the texts you are reading right now in a web page or HTML page. The publishers of the book …
CSS Definition: What is CSS Defined and Explained Read More »
2 functions exist in PHP to convert special characters to HTML entities (a kind of representations defined as in XML for web client such as browsers to recognize and render as special characters such as a spade: â™ , which can be represented as ♠ in HTML), namely htmlspecialchars() and htmlentities(). But what’s the difference? The …
PHP: Difference between htmlspecialchars() and htmlentities() Functions Read More »
WordPress does a great job in smoothing the user experience of the blog administration control panel. Ever wonder how they have styled all those buttons with such touchy appearance? Well the originator is the man in blue: button { border-left: 3px double #CCCCCC; border-right: 3px double #999999; border-top: 3px double #CCCCCC; border-bottom: 3px double #999999; …
CSS: Styling WordPress Administration Control Panel Buttons Read More »
If you are determined to make your site comply with the latest provisions in the accessibility code, you may find it’s a pain in the ass to check point by point against the checklist of WAI (Web Accessibility Initiative) and Section 508. Yep, it sure is with so many check points for your web page …
Validate and Check Your Site’s Accessibility against WAI (WCAG) and Section 508 Read More »
Semantics is the study and practice of introducing meaning to markups, enabling computers to better understand human language. In real world, it is much more than just academics and web standards. Google crawlers and ranking calculators are just the sort of computers dealing with large chunks of text data everyday, reading and analyzing millions of …
Semantic HTML Table Checklist – For The Sake of SEO! Read More »
Just for the sake of code separation and software development paradigms, a lot of web designers and front end developers are tempted to break the CSS styling into a group of separated files based on function. Yours might look like: layout.css typography.css colors.css widget.css While this might look professional at the first glance and generally …
As we all know, HTML tables have a way to distinguish between columns and groups of them to do things about them and that is the COL tag and the COLGROUP tag. They pretty much have exactly the same set of available attributes – they are almost identical except for the names they are born …
As a result of the failure of IE (IE6 and IE7) browsers to implement the border-spacing CSS property for HTML tables. The mere CSS rules below: border-spacing:2px; border-collapse:separate; /* border-spacing will be ignored should border-collapse:collapse;*/ Have no effect of widening the cells distance on IE. To enable border spacing and cells gap, you will not …
Cross browser compatible HTML table cellspacing and CSS border-spacing property Read More »
What does an alphabet have for us to style? It’s no more than a list of 26 single-letter items! Yep. But wait until you have seen this alphabet of 26 letters author index. Now do you want to know how to achieve that? I coded it quite a while back and it just occurred to …
Styling an Alphabet of 26 Letters in HTML and CSS Read More »
In HTML 4.01, you can directly change the size of table via HTML properties width and height instead of controlling them by CSS styles. Table Size The overall size of a table is determined by the width and height of it. For example, to set table width as 400 pixels and table height as 150 …
HTML Table Size — Control and Change the Size of Table and Table Cells Read More »
Web Content Accessibility Guidelines (WCAG) 2.0 is the Bible of web developers who are responsible for HTML templating and independent content authors who are eager to reach the biggest audience possible. However, if you think that’s just for the sake of that, accessibility, think again. WCAG is way more than just accessibility, it’s also the …
There used to be an HTML way to center align things such as texts, images or other contained elements. For the sake of semantic markup, let’s forget about it from here. CSS is the only correct way to align things such as texts and images center now. To center align a paragraph or an image, …
CSS: Align Center — Center Align Texts or Images in HTML and CSS Read More »
