Group items tagged

« This Wiki is dedicated to real-world (and ideally, browser-neutral) application of CSS. (Cascading Style Sheets) Topics include: techniques for page-layout and special display-effects, testing and validation, workarounds for limitations and bugs, CSS code-editors, beginner and advanced tutorials, and to a lesser extent pure CSS theory, and pure CSS power-demonstrations. Discourse on (X)HTML, DOM, and other webpage-technology areas is not forbidden, but keeping it associated with CSS is encouraged. »

CSS frameworks have been gaining popularity in recent years due to their ability to simplify website development. They provide a pre-built set of CSS styles and components that can be used to quickly create a website's design, layout, and functionality. However, there are many CSS frameworks to choose from, each with its own advantages and disadvantages. In this article, we will discuss some of the most popular CSS frameworks and their pros and cons.

What is CSS? CSS Stands for Cascading Style Sheet. CSS usually use to decorate HTML or XHTML codes in generally.Simply we can say CSS define how HTML codes should display. Clear beginner tutorial with great practice examples

Today's front-end developers don't just need to understand how to write CSS, we need to know how to write it efficiently. And what "efficiently" means can depend on your project and environment. Perhaps you have a team with several members working in the CSS and you need an efficient way to work together. Or maybe you have a huge enterprise site and you need your CSS optimized for speed. You could even be working with a legacy system that restricts access to HTML, which means you need efficient selectors to effectively style elements without ids or classes. You might even face all these situations and more.

With so many new trends advancing every year it can be difficult keeping up with the industry. Website designers and frontend developers have been deeply ingrained into the newer CSS3 properties, determining the ultimate browser support and quirky hacks. But there are also brilliant CSS2 code snippets which have been ...

Transitions (basic animations) are one of the most popular additions in CSS3, and one of the easiest to implement for big gains on your site. A transition is simply an animation from one set of CSS properties to another. So for example; whilst before you may have had links with blue text, which suddenly turned orange when you hovered on them, you would now replace that sudden jump with a more graceful animation.

A CSS Framework giving you a solid framework of css classes to build websites with, giving an interesting layout grid, good-looking typography defaults, and built in print stylesheets, etc.

A CSS 2.1 cheat sheet, listing all selectors and properties, plus a visual reference of the box model, as well as references for CSS units, media types, etc.

CSSTidy is an open source CSS parser and optimizer with full CSS2 support. It is available as executable file (available for Windows, Linux and OSX) which can be controlled per command line and as PHP script (both with almost the same functionality).

PhoneGap is a mobile app development framework that is based upon the open source Apache Cordova project. By using Phonegap, developers can develop native mobile applications for any mobile devices by using CSS, Java Script and HTML without losing the features of a native app. PhoneGap Build offers cloud based service that is built on top of the PhoneGap framework.

Using LESS to Create Twenty Twelve Child Theme We are going to be creating a child theme for the default Twenty Twelve theme. For those of you who are unfamiliar with creating child themes, the only thing we need to create a child theme is a style.css file. For more info, visit the WordPress Codex...............

I want to share a fantastic little tool that I've only recently come across; Live.js, written by Martin Kool. This JavaScript file automatically checks for changes to your CSS and JavaScript files, and refreshes them. That means you can have your text editor in one half of the screen, and a web browser in the other. When you save changes in the editor, the updates are reflected immediately in your browser. It really helps to speed up your development time. A lot of text editors offer HTML previews and such, but they only work for plain .html pages. The great thing about Live.js is that it works on any webpage, including a working WordPress theme...............(.read more.)

Since CSS shapes are becoming more important to website development, I thought that a simple list of how to create the most common shapes was in order. You'll find that most of these shapes are very simple to achieve and that they are not that complicated at all. However, at the same time they will save you a lot of trouble.

Companion site for the "Ultimate CSS/HTML Reference" books. Comprehensive documentation.

 Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS)

Pastebin++ for web technologies: paste javascript, css and html and get a rendering of them all at once. Create packages and version them, publish to your blog, etc. MooTools, jQuery, Prototype, YUI, Glow and Dojo all supported.

Phone Gap is an open source frame work that enablesdevelopers to create cross platform mobile apps withusing HTML5, JAVA Script, CSS3 technologies. It is aperfect solution for those developers who do not wantto write code again for multiple platforms.What is PhoneGap apps development?

Fries by Jaune Sarmiento just reached version number 1.0. The project offers a framework for the development of web apps in the look and feel of native Android apps. If you are familiar with Android's UI from version 4 on, you will definitely know your ways around, once you get a hold of Fries. In its current iteration, Fries is optimized to cooperate with PhoneGap, thus letting you build native Android experiences.

In the first part of this series I gave a quick overview of the popular CSS preprocessors LESS and SASS. I also shared a few of the frameworks in which they are used. I plan on taking a deeper dive into LESS and talking about the parts of the language I use most often. I also plan on showing you how to get started using it with CodeKit. Let's dig in!

Making Microformats more accessible for users, developers and designers: * An Internet Explorer Add-in that lights up Microformats on pages * A cross-browser DHTML overlay built using JQuery that aggregates Microformats * A set of beautiful CSS styles for Microformats * A Windows Live Writer Plug-in written in WinForms for inserting hCards