Pure CSS3 Post TagsThis is a rather simple pure CSS trick you can use to style your blog post tags, usually placed at the bottom of the posts. Pure CSS post tags uses at least 2 CSS tricks such as CSS triangles and CSS circles. Take a look at the demo For CSS triangles you need to manipulate borders of an element that has zero height and width. CSS circle is simpler. I usually markup tags with unordered list. <ul class="tags"><li><a href="#">tag</a></li><li><a href="#">tag name</a></li></ul> I will add :before and :after pseudo elements and style them to achieve the styling I wanted I am placing the tags list at the bottom of the post element with adjusting ULs absolute position Height (and line-height) of the list item LI and anchor A is set. Next to style is the anchor element. To achieve the pointed edge we are adding a :before pseudo-element. The last element to add is the :after pseudo-element. We’re also adding a :hover state for the anchor: That is it! Enjoyed the article?
Hues Hub: HTML Color Codes in Hexadecimal at intervals of hue, saturation, and light; Hue each 6 degreesWelcome to the Hues Hub (Nameless Hexadecimal Color Codes for HTML) This chart helps you pick from among 4,800 hexadecimal color codes in charts with six degrees of hue separation. Click on the swatch set closest to the hue that you want, and you'll see a table of swatch charts with hex codes. You can use a quick reference table to see the other charts and information available. To make your own color chart based on hue, use the Hue Stepper. These pages are part of The Color Spot at HTML Station of december.com.
Multiple Backgrounds and Borders with CSS 2.1 – Nicolas Gallagher – Blog & EphemeraUsing CSS 2.1 pseudo-elements to provide up to 3 background canvases, 2 fixed-size presentational images, and multiple complex borders for a single HTML element. This method of progressive enhancement works for all browsers that support CSS 2.1 pseudo-elements and their positioning. No CSS3 support required. Support: Firefox 3.5+, Safari 4+, Chrome 4+, Opera 10+, IE8+. How does it work? Essentially, you create pseudo-elements using CSS (:before and :after) and treat them similarly to how you would treat HTML elements nested within your target element. To provide multiple backgrounds and/or borders, the pseudo-elements are pushed behind the content layer and pinned to the desired points of the HTML element using absolute positioning. The pseudo-elements contain no true content and are absolutely positioned. What effects can be achieved? Most structural elements will contain child elements. Example code: multiple background images Each pseudo-element then has a repeated background-image set.
A simple tutorial« Que peut faire PHP ? Le nécessaire » Edit Report a Bug Une introduction à PHP ¶ Sommaire ¶ Dans cette section, nous voulons illustrer les principes de base de PHP dans une courte introduction. Les pages web qui exploitent PHP sont traitées comme des pages HTML standards, et vous pouvez les créer, éditer et effacer tout comme vous le faites normalement avec des pages HTML classiques. add a note User Contributed Notes There are no user contributed notes for this page.CSS3 PIE: CSS3 decorations for IESix Revisions - Web Design Articles, News, TutorialsLooking for the best way to stay ahead of trends in the web design and web development industry? You’ve come to the right place. With our web design and web development blog, it’s easy to remain up-to-date on the market, plus learn new tips and tricks for web design and web development. Browse our latest posts now or subscribe to our exclusive newsletter and get updates right in your inbox! Web Design No matter your experience level, our web design blog posts offer something for everyone. Whether you’re looking for a new go-to site for design inspiration or searching for innovative design tricks, our web design blog provides a range of content for every web designer’s need. Even better, we feature an award-winning team of professional web designers. With their extensive experience (they’ve created more than 1000 websites), we’re able to develop and share content that answers the common and not-so-common questions asked by web designers worldwide. Not to mention, we’re hiring! Web Development