"Which CSS preprocessor language should I choose?" is a hot topic lately. I've been asked in person several times and an online debate has been popping up every few days it seems. It's nice that the conversation has largely turned from whether or not… - 3 days ago, 16 May 12, 8:23pm -
Mat Marquis keeping us up to date on the responsive images hot drama. Good reminder at the end about not picking sides. Direct Link to Article — Permalink…Responsive Images and Web Standards at the Turning Point is a post from CSS-Tricks - 4 days ago, 15 May 12, 9:04pm -
With ol' Mean Gene Crawford! We talk about crazy clients, responsive images, health, and all kinds of other shoptalk. Thanks to Mijingo for sponsoring this episode.Direct Link to Article — Permalink…ShopTalk Episode 18 is a post from CSS-Tricks - 4 days ago, 15 May 12, 5:11pm -
There are a bunch of techniques going around for dealing with responsive images lately. That is, solutions to help us serve the right image for the occasion (e.g. size of screen and bandwidth available). They all do things a bit differently. To keep… - 9 days ago, 11 May 12, 7:39am -
I recently heard Chris Eppstein give a talk (slides) about creating better stylesheets and using SASS to do it. There were a couple of surprising bits in there, one of which was about "opt-in typography." The idea was that instead of setting global s… - 12 days ago, 7 May 12, 8:19am -
Another RAPIDFIRE show where Dave and I answer as many listener questions as we possibly can. Direct Link to Article — Permalink…ShopTalk Episode 17 is a post from CSS-Tricks - 13 days ago, 6 May 12, 8:01am -
Most address fields on web forms ask for city, state, and zip code (or city and post code, outside of the US). But as us nerds often lament, city and state are redundant with zip code. Or at least they can be inferred from a correctly entered zip cod… - 16 days ago, 3 May 12, 10:42am -
CSS3 has some new values for sizing things relative to the current viewport size: vw, vh, and vmin. It is relevant to bring up now, because it's shipping in Chrome 20 (canary at the time of this writing). And not behind a flag, it just works. Product… - 19 days ago, 30 Apr 12, 5:15pm -
Dave and I were joined by Ian Stewart, a Theme Wrangler at Automattic for WordPress.com (he's probably thinking about WordPress themes right this very minute). We talked about WordPress multisite, training clients in WordPress, database syncing, team… - 20 days ago, 29 Apr 12, 5:06pm -
Jeremy Keith has a great article on his journey to allowing JavaScript to load in content based on the currently active media query. This allows you to keep media queries only in the CSS (DRY!). The article was sans-demo, so I made one.Direct Link… - 20 days ago, 29 Apr 12, 12:48pm -
Spotlight Menu takes advantage of CSS3's border-radius property and transitions to add a circular background to its menu items when the mouse rolls over each one. The result is a Flash-like, sleek spotlight menu! - 1 day ago, 18 May 12, 8:17am -
This CSS Menu harnesses CSS3's ability to define multiple/ inset shadows (so the shadow grows inwards) on an element to create menu items with bevelled edges and a growing inner glow when the mouse rolls over them. CSS3 animation is enabled to gradua… - 47 days ago, 2 Apr 12, 8:35am -
This CSS example shows how to add an animated description panel to images that slides open when the mouse rolls over the image using CSS3 transitions. - 99 days ago, 11 Feb 12, 1:41am -
An effect that seems to be popping up with increased frequency is the spinning image, or more precisely, icons. Move the mouse over an icon, and it spins (rotates) on its axis to draw attention to itself. This is realized using CSS3's transform: rota… - , 28 Dec 11, 2:13pm -
This is a vertical list menu that uses CSS3 animation to gradually expand the selected menu item horizontally so to highlight it. It also employs the CSS border trick to create a cross browser slanted left edge. The final result is a sleek vertical l… - , 13 Dec 11, 3:19pm -
CSS3 animation can be fine tuned and broken up into "frames", thanks to the @keyframes rule. Currently supported in FF5+, Safari, Chome, and possibly IE10, the following uses CSS3 keyframes to create a pull out image that is revealed when the mouse r… - , 15 Nov 11, 1:08pm -
This menu takes advantage of CSS3 gradient background to produce a menu with a semi opaque rollover effect. Whatever the solid background color of the main UL behind it, the menu item's background peeks through. Peek-a-boo! - , 7 Nov 11, 9:57am -
This rustic looking horizontal CSS menu utilizes CSS3 gradient backgrounds and box shadows to add progressive visual appeal while still maintaining its minimalist look. The menu uses no CSS floats and hence can be easily left, center, or right aligne… - , 27 Oct 11, 2:55am -
CSS3 makes it possible to specify an image as an element's border, instead of just a solid color. It takes a single image and then slices and dices it before using the end pieces to make up the border. Very cool! - , 8 Jul 11, 6:08pm -
This menu uses the nifty "CSS Triangles technique" to create a clean horizontal UL menu with a thick arrow border applied to the currently active menu item. It uses no images nor any extranous markup to accomplish the effect, - , 20 Apr 11, 6:54pm -
A second version of the marquee demo using CSS3 and keyframes to produce an interactive marquee for any length of text. - 6 days ago, 13 May 12, 5:00pm -
Using :before/:after and content: together with the general sibling selector to produce a CSS only gallery with minimal code for the iPad etc.. - 20 days ago, 29 Apr 12, 5:00pm -
A simpler version of the Anywidth v5 menu, using the latest techniques and discoveries for the iPhone, iPad and iPod Touch. NO need for a special 'close' button or tab. - 31 days ago, 18 Apr 12, 5:00pm -
Learn HTML and CSS Tutorial. Howto make website from scratch Learn HTML and CSS Tutorial. Howto make website from scratchYou can put your site on the web using a free host blog.jimmyr.com Yeah, it's long. #1 requested tutorial on my page is how to make your own site though. I guess it beats those "learn ht… - 8 hours ago, 19 May 12, 12:00pm -
XHTML and CSS Tutorial - 24 - Width & Height XHTML and CSS Tutorial - 24 - Width & HeightFor all of my tutorials, go to www.thenewboston.comFrom:thenewbostonViews:22618 243ratingsTime:05:34More inEducation - 11 hours ago, 19 May 12, 8:10am -
XHTML and CSS Tutorial - 23 - Margin XHTML and CSS Tutorial - 23 - MarginFor all of my tutorials, go to www.thenewboston.comFrom:thenewbostonViews:24618 268ratingsTime:04:13More inEducation - 12 hours ago, 19 May 12, 8:04am -
XHTML and CSS Tutorial - 20 - Background Images XHTML and CSS Tutorial - 20 - Background ImagesFor all of my tutorials, go to www.thenewboston.comFrom:thenewbostonViews:37183 329ratingsTime:07:28More inHowto & Style - 14 hours ago, 19 May 12, 5:48am -
XHTML and CSS Tutorial - 19 - text-align and Changing Background Color XHTML and CSS Tutorial - 19 - text-align and Changing Background ColorFor all of my tutorials, go to www.thenewboston.comFrom:thenewbostonViews:31486 273ratingsTime:06:14More inHowto & Style - 14 hours ago, 19 May 12, 5:37am -
Filed in CSS Showcase Sites: Be sure to check out minimalsites | minimal design css gallery for lots of simple, elegant and beautiful sites. - , 20 Jan 09, 5:00pm -
Filed in Web Reference: 101 CSS Techniques Of All Time- Part 1 is slow as hell right now but be sure to visit when they aren't flooded with traffic for a huge list of really useful CSS techniques. - , 24 Jan 08, 5:00pm -
Filed in Web-Related Articles: Digital Web Magazine - Better Web Forms: Redesigning eBay's Registration is a detailed walkthrough of simple changes that have a dramatic positive impact.via CSS Beauty - , 8 Dec 07, 5:00pm -
Filed in Simple Tips & How To: Vitamin Features: Creating Sexy Stylesheets is a great run through of simple tips that help tame your CSS from the outset. - , 8 Dec 07, 5:00pm -
Filed in Simple Tips & How To: Button styling is all the rage these days and Styling the Button Element with Sliding Doors builds on Particletree's excellent Rediscovering the Button Element to create another great use of the button element. - , 25 May 07, 5:00pm -
Filed in Assorted Goodness: CSS Hacks and Issues has some interesting suggestions for when you're in a pinch. The reason I'm posting it here is for tip number 4 -- removing dotted links in Firefox. - , 14 May 07, 5:00pm -
Filed in Simple Tips & How To: How to make sexy buttons with CSS is a great little technique for making attractive buttons. It uses a simple and straightforward approach, too. - , 6 May 07, 5:00pm -
Filed in Simple Tips & How To: Form field hints with CSS and JavaScript is a great way to guide your users while filling out forms of any type. I love the behavior of this technique and think it would be especially great for long forms. - , 16 Apr 07, 5:00pm -
Filed in Simple Tips & How To: 10 Quick Tips for an Easier CSS Life nails it with some of the best tips that every standards-based designer should know when working on his or her sites. - , 26 Mar 07, 5:00pm -
Seit vielen Jahren ist es unvorstellbar, dass Webseiten ohne Css erstellt werden. Diese Webseite präsentiert Produkte aus dem Bereich der Computer-Technik nebst Zubehör.Dazu gehören auch Produkte, wie Beamer und Zubehör. So auch Notebooks, welch… - , 28 Aug 10, 4:08am -
Bei einem optimalen Internetauftritt werden Inhalt (HTML) und Design (CSS) getrennt. Formatveränderungen sind mit CSS-Dateien unkompliziert realisierbar und wirken sich unmittelbar auf alle Webseiten aus, bei denen Stylesheets in der HTML-Programmie… - , 16 Feb 10, 11:04pm -
Dieses Jahr feiert CSS sein zehnjähriges Jubiläum. Viele Eigenschaften von CSS drehen sich um die Gestaltung von Text: Farbe, Position, Stil, Laufrichtung. So muss es auch sein, denn Text nimmt noch immer den größten Teil aller Bildschirme ein. W… - , 3 Feb 10, 2:03am -
Für eine individuelle Internetpräsenz ist es vorteilhaft, die Grundlagen der Webseiten-Gestaltung zu beherrschen. Nur so kann auf professionelle Hilfe verzichtet werden. Bei den Grundlagen wird zwischen der Auszeichnungssprache HTML und der gängig… - , 15 Jan 10, 10:36pm -
Jeder Internetauftritt verdient ein professionelles Aussehen und sollte den Besucher mit kurzen Ladezeiten schnellen Zugriff auf alle Informationen ermöglichen. Es reicht eine reine HTML-Programmierung nicht mehr aus. Wachsende Anforderungen an das… - , 11 Jan 10, 7:36am -
Nach den vom W3C (World Wide Web Consortium) festgelegten Webstandards, sind Seiteninhalte und deren Formatierung strikt zu trennen. Das HTML-Dokument enthält die Inhalte, während die Stylesheets die Gestaltung übernehmen. Im Idealfall werden die… - , 3 Jan 10, 8:10am -
Die Detektei S.E.S www.ermittlungenallerart.de hat einen kleinen Service der nicht so ganz alltäglichen Art. Per Karte wird das Servicenetz angezeigt. Klickt man auf einen der Punkte innerhalb der Karte kommt man zu der entsprechenden Stadt, so wie… - , 26 Oct 09, 8:30am -
Die Firma Garagen Verkauf bietet Fertiggaragen in verschiedenen Variationen an. Ob als Einzelgarage, Doppelgarage, Garage mit Satteldach, oder auch Reihengaragen. Auch Garagen mit anhängendem Geräteraum gehören zum Sortiment. Auch werden Garagen g… - , 22 Oct 09, 8:49am -
Web grid systems help front end coders to layout a document faster. In this article I am presenting a percentage based grid system that is included in the Easy framework's CSS. The main characteristics of this grid system is that all the columns hav… - , 22 Mar 11, 2:04am -
Today I am presenting a simple jQuery plugin I made. This plugin allows you to browse easily through the list of items with pagination controls. It is very easy to implement and very lightweight so it might come in handy to use in your own projects.… - , 9 Mar 11, 3:16am -
I have been working on a little script for a client of mine, that required product image magnification. The task was to create a script that will allow users to see large details of the product while moving cursor over medium sized image. During the… - , 21 Feb 11, 3:29am -
In this article I am going to analyze what a perfect login page or login form should have. Also you are able to download the pure CSS3 login form for free. Login forms are very simple in terms of the required elements. When it comes to forms, it doe… - , 16 Feb 11, 2:07am -
In this article I am going to use some of the CSS tricks to create a calendar icon you can use for your blog posts or something similar. It is important to notify that there are no images used here and the markup couldn't be simpler than it is.The f… - , 7 Feb 11, 8:48am -
The CSS3 Selectors module introduces three new attribute selectors, which are grouped together under the heading “Substring Matching Attribute Selectors”. These new selectors are as follows: [att^=val] – the “begins with” selector [att$=val… - 6 days ago, 14 May 12, 5:20am -
Our competition has now closed and it’s time to announce the winners, each winning a digital copy of SitePoint’s latest book – The CSS3 Anthology: Take Your Sites to New Heights by Rachel Andrew. We asked you to answer the following question: A… - 43 days ago, 7 Apr 12, 3:17am -
We’ve teamed up with SitePoint to give you the chance to win one of five free digital copies of their latest book – The CSS3 Anthology: Take Your Sites to New Heights by Rachel Andrew. This competition has now closed! About the Book The CSS3 Anth… - 48 days ago, 2 Apr 12, 12:28am -
CSS3 Transitions are a presentational effect which allow property changes in CSS values, such as those that may be defined to occur on :hover or :focus, to occur smoothly over a specified duration – rather than happening instantaneously as is the n… - 59 days ago, 21 Mar 12, 9:50am -
Released on the 2nd February, the CSS3 Test, created by web standards aficionado Lea Verou, offers a quick and easy way to test and compare browser support for CSS3. In a blog post accompanying the release of the test, Lea Verou outlines her motivati… - , 6 Feb 12, 8:32am -
Tab Atkins and I published an updated Working Draft of CSS Image Values and Replaced Content Level 3 this month. We anticipate that this will be the last draft before Last Call, which we aim to publish in January. If you have an interest in this draf… - , 28 Dec 11, 10:48am -
We’ve got a bit of a tricky question on expected behavior of multi-column layout for you folks. First, I want you to imagine a multi-column element. Like this one: Now suppose that you want to use a column-spanning element. Column-spanning elements… - , 29 Nov 11, 3:36pm -
This is cross-posted from the CSSWG Blog. At the CSSWG F2F last week, I raised the issue that the radial gradients we were discussing were unreadable to me, and probably therefore to much of the intended audience. It was not at all obvious by looking… - , 10 Nov 11, 2:22pm -
The CSS3 Selectors module and CSS3 Namespaces module have both been released as official W3C recommendations, becoming the second and third CSS3 modules, respectively, to reach the end of the development cycle, following on from the release of the CS… - , 26 Oct 11, 5:52am -
Another new property introduced by the CSS3 Backgrounds and Borders module is background-size. The property adds new functionality to CSS allowing designers to specify the size of background images using either lengths, percentages, or by using one o… - , 5 Sep 11, 7:53am -
One of the more popular things to do with CSS is to have elements with rounded corners. Some designers have even called this the holy grail of CSS. It is also one of those design elements that give your site a sophisticated and professional look. Mos… - , 21 Sep 11, 1:08am -
* This post is regularly updated. * Rounded corners is one of the most popular and frequently requested CSS techniques even the father of internet Google also launch the rounded corners style markup with her Google Adsense and let users to custom the… - , 20 Sep 11, 1:03am -
Any programmer today knows how crucial .NET technologies are to their development careers. In particular, ASP.NET has caught the eyes of so many development companies that applications are being coded with this language every week. The ASP.NET Contro… - , 19 Sep 11, 2:36am -
Website showcase is popular nowadays. As i know, there are more than 100 website showcases in the internet, some of them have quality content and are well-design, so today i select some of the most strongest sites for you to have a better choice. Don… - , 18 Sep 11, 2:36am -
* This post is regularly updated. * Well, a new list of popular CSS online tools and generators is launched today. All these tools are selected due to the design and popularity. And there are some tools are out of the list as the poor site design or… - , 18 Dec 09, 7:36am -
* This post is regularly updated. * Approximately 60-70% of CSS Juice visitors are Firefox users, so i had an idea to create a complete list of Firefox Extensions / add-ons for web designers and developers. After a pain searched and tested, here is s… - , 18 Dec 09, 7:36am -
* This post is regularly updated. * After 20 Popular CSS Online Tools and Generators, this is a new full list of CSS based navigation menus collection, it includes 30 various styles of navigation menus, vertical menus, Javascript powered menus and ta… - , 18 Dec 09, 7:36am -
I got some positive feedback from 25 Cool Portfolios with Minimalism Design, today i attempt to roundup the minimalist style WordPress themes, actually there are lot of choices from the database, and it is impossible to have the accurate list. As the… - , 18 Dec 09, 7:36am -
* This post is regularly updated. * This is another roundup for online color scheme and palette generators. I categorize these useful tools by scheme, palette and miscellaneous. Choosing a suitable color at a suitable place is extremely important whe… - , 18 Dec 09, 7:36am -
It turns out that converting random numbers into formatted currency (with dollar signs, commas, and periods) is more difficult in JavaScript than I would have expected. There's no built-in function for it, and it's something I run into a lot. The fun… - , 28 Nov 11, 3:28pm -
One of my favorite new additions to forms in HTML5 is the placeholder attribute. I love placeholder text because it can help make large, complex forms easier to navigate. Unfortunately, not every modern browser supports it yet. But I say, let’s use… - , 29 Nov 10, 10:06am -
These select boxes all contain the exact same security question. However, each question can only be selected once — we're using jQuery to remove selected questions from all the other dropdowns. - , 16 Jul 10, 2:56pm -
I was tasked with replacing several dozen Photoshop-generated rounded buttons on a large site with a flexible HTML/CSS/JS equivalent. I wanted it to be simple and leave the code as clean as possible. It also needed to work in all modern browsers. Thi… - , 22 Apr 10, 2:35pm -
Rounded corners with border-radius are nice... when they work. Unfortunately, not all browsers support border-radius yet. Here's a simple script that will let you test for border-radius support using jQuery. - , 15 Apr 10, 3:11pm -
Once I'm done stuffing myself with Easter-related goodies this Sunday, I'll be catching a plane to Seattle to attend the An Event Apart conference. An Event Apart is two days of presentations on web design and the evolution and mastery thereof.… - , 2 Apr 10, 2:20pm -
If you're a typical blog owner, one of your biggest goals is to keep visitors browsing your site. One good way to do that is by showing off your most popular posts. Here's a way to show your Top Content from Google Analytics on your WordPress blog by… - , 25 Mar 10, 3:05pm -
Floated elements are a different beast than anything else in CSS. And many people don't know how they work and interact with your document. Let's remedy that. - , 18 Mar 10, 5:03pm -
Buttons don't behave like normal elements when it comes to the standard CSS Box Model. In fact, they seem to ignore the box model altogether in favor of an IE6-style model. Strangely, this seems to be true across all modern browsers! - , 2 Mar 10, 2:00pm -
I recently ran into a bug in Firefox and Opera when I tried to set the line height of text inside a button (which affects input "submit" buttons as well as the HTML button tag). The bug? The line height can't be changed! - , 25 Feb 10, 3:21pm -
An Introduction to CSS 3-D Transforms. An in-depth look at CSS 3-D transforms and the new opportunities they offer to web designers. - , 14 Dec 10, 8:34am -
America By Rail is a new site in our CSS website gallery. Please take the time to rate it by clicking on the title.. - 10 days ago, 10 May 12, 7:35am -
Virginia Quiroga is a new site in our CSS website gallery. Please take the time to rate it by clicking on the title.. - 35 days ago, 14 Apr 12, 7:43am -
Jack’s Design Lab is a new site in our CSS website gallery. Please take the time to rate it by clicking on the title.. - 43 days ago, 7 Apr 12, 6:31am -
Speed up your site with Gzip Compression Website loading time matters a lot for every big website or blog. Gzip compression allows you to fasten up your website with just a few lines of code in your htaccess file. When you are on a shared... read mo… - 13 days ago, 7 May 12, 7:10am -
A web page always start with specifying size of an element, that’s why its always been a most anticipated feature to calculate size of an element with ease. Well here is a new addition to CSS3 Values as a new function calc() allows you to... read… - 41 days ago, 9 Apr 12, 6:35am -
Google has just released the native support for input type color in Chrome Canary and Chromium as well. Chrome Canary 20 brings native color picker support to web pages, which was the most awaited features for web developers as it reduces the use of… - 42 days ago, 8 Apr 12, 5:06am -
There are several vendor specific prefixes and features depending on your browser. Webkit properties allows you to enhance the look of your web pages where possible. These properties change according to the browser where it is same in case of Safari… - 45 days ago, 5 Apr 12, 5:51am -
CSS3 allows you to add multiple background images to any box element. It is so simple to use multiple background images in your stylesheet by using nothing more than comma separated values. You can write the code in two ways; individual property or s… - 46 days ago, 4 Apr 12, 5:14am -
CSS3 level selectors has made it way too easy to select attributes of your HTML elements with no use of JavaScript. Let’s have a quick look at some CSS3 attribute selectors. Begins-with Attribute Value Selector As the name ‘Begins-with’ explain… - 47 days ago, 3 Apr 12, 12:15am -
After finding Google Chrome more reliable and faster than Mozilla Firefox for Web Development and browsing needs I came across with some very useful extensions for Google Chrome. 1. Web Developer Web Developer is the one very useful extension for Chr… - 48 days ago, 2 Apr 12, 5:47am -
As a developer, I have been using Mozilla Firefox for a long time due to its wide range of extension of development friendly environment. But there is not a single day, when I didn’t see Firefox crashing, those long waiting cursors and slow start u… - 49 days ago, 1 Apr 12, 3:30am -
A pseudo class in CSS is an information about the element which not available through any specific attribute in HTML. For example. HTML5 and CSS3 brings a plenty of new features which makes it easier to reduce the user of JavaScript for form validati… - 50 days ago, 31 Mar 12, 12:06am -
MAGAZine is a Highly Customizable & Totally Widgetized Premium WordPress Theme and comes with a bundle of features that were never even seen before. You can drag and drop almost all elements to have a customized look for your website and more over th… - , 18 Jan 11, 12:26pm -
AAZnewz was created by Adonis AZ (AAZ) Founder of AAZ Graphics, AAZdesignlabs, AAZhosting, AAZjobs, Twitsmag and other websites. AAZnewz was created in order to collect all the latest design news in one easy place, instead of scouring each site individually.