background preloader

Enkoder

Enkoder
Posting your email address on a website is a sure-fire way to get an inbox full of Spam. The Enkoder helps protect email addresses by converting them into encrypted JavaScript code so only real people using real browsers will see them. The Enkoder Form will encrypt your Email address and convert the result to a self evaluating JavaScript, hiding it from Email-harvesting robots which crawl the web looking for exposed addresses. Although the Enkoder should help to reduce Spam, no solution is perfect. The Basic Form Enter the information for your link in the form below. The Advanced Form If you're comfortable creating your own HTML, just paste your code into the box below. Notes We do not store or save any of the information gathered here. This tool is only useful for protecting an email address on a web page you've designed in HTML. We do not support our free tools.

Pure CSS3 Post Tags This 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 degrees Welcome 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 & Ephemera Using 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 IE Six Revisions - Web Design Articles, News, Tutorials Looking 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

Understanding CSS3 Transitions It was 1997 and I was sitting in a terribly run-down apartment in beautiful Allston, Massachusetts. A typical late night of viewing source and teaching myself HTML followed a day of packing CDs at a local record label for peanuts (hence the run-down apartment). I’m sure you can relate. Article Continues Below One triumphant night, I pumped my fist in sweet victory. I still remember the amazement of seeing a crudely designed button graphic I’d cobbled together “swap” to a different one when hovered over by the mouse. We’ve come a long way over the past decade in regard to interaction and visual experience on the web. My first JavaScript rollover back in 1997 took me several nights of head scratching, many lines of code that seemed alien to me at the time, and multiple images. We can start to use CSS3 transitions right now as long as we carefully choose the situations in which to use them. Tail wagging the dog#section1 Let’s take a look at how transitions work, shall we?

HTML Goodies: The Ultimate HTML Resource

Related: