background preloader

Inspiration for Text Styles and Hover Effects

Inspiration for Text Styles and Hover Effects

http://tympanus.net/Development/TextStylesHoverEffects/

Related:  baby shopHTML/CSSWorkaholicscssweb design

Animated Letters ashin bogyoke nang maung tekkatho sawbwa binnya In the following effects we also use mo.js for additional animations: thakin zeya sanda duwa sao If you enjoyed this demo you might also like: Good CSS Editors for Linux (Ubuntu) There are many good CSS editors for Linux. Basically, all you really need is a text editor that will perform syntax highlighting on CSS files. Some of the programs below are just simple text editors, while some offer additional features. Cream / Vim for Editing CSS Cream is a version of Vim that makes Vim easy to use. I highly recommend Cream if you are looking for a simple text editor, or want to learn Vim the easy way. Hamburgers by Jonathan Suh Table of Contents Usage Using Hamburgers for your site is easy (well, that was my intention anyway). Sass

CSS Tooltips - CSSPortal CSS Tooltips Have you ever wanted to create toolips with just CSS code? Like many people the answer is yes. In this tutorial we will go through the process and show you exactly how this can be done without using any javascript or images, only pure CSS code. Firstly let’s explain what a tooltip is: A tooltip is a brief message that will appear when you hover over a link, this message might be a simple sentence explaining where the link will take us or just stating some relevant information about the link.

8 simple CSS3 transitions that will wow your users CSS3 has introduced countless possibilities for UX designers, and the best thing about them is that the coolest parts are really simple to implement. Just a couple of lines of code will give you an awesome transition effect that will excite your users, increase engagement and ultimately, when used well, increase your conversions. What’s more, these effects are hardware accelerated, and a progressive enhancement that you can use right now. Completely CSS: Custom checkboxes, radio buttons and select boxes Typically, forms are the most uninteresting, uninviting and inaccessible parts of the web. This is mainly due to the complexities that come with styling form elements, and overriding browser defaults. With a little extra markup, our form elements can be styled in almost any way, and be as accessible as we choose to make them - no JavaScript required. Note: The following tutorial is intended for beginners; if you want to get straight to the point, head to the demo and check out my codepen. Checkboxes and radio buttons First of all, let’s lay out our HTML.

The 10 Commandments of Good Form Design on the Web – Mono 1. Thou shalt provide clear, always visible labels for each field There is a trend in web design to show form labels only when a field is focussed. This can be cool on a simple form like a username/password form, but for anything longer it is probably a bad idea. When you have the space to show labels, do so. CSS Fixed Background Effect A simple template that takes advantage of the background-attachment CSS property to create a fixed background effect. Browser support ie Chrome Firefox Safari Opera 9+ Sometimes you don’t need crazy javascript code to come up with creative and nice looking effects. Today’s snippet is all about a single CSS property: background-attachment. You can set the background to be fixed within the viewport (background-attachment: fixed;). We’ve used this already in our alternate fixed & scroll backgrounds template.

Inspiration for Article Intro Effects We may define a food to be any substance which will repair the functional waste of the body, increase its growth, or maintain the heat, muscular, and nervous energy. In its most comprehensive sense, the oxygen of the air is a food; as although it is admitted by the lungs, it passes into the blood, and there re-acts upon the other food which has passed through the stomach. It is usual, however, to restrict the term food to such nutriment as enters the body by the intestinal canal. Water is often spoken of as being distinct from food, but for this there is no sufficient reason. Many popular writers have divided foods into flesh-formers, heat-givers, and bone-formers. Although attractive from its simplicity, this classification will not bear criticism.

Create an Art Brush in Illustrator ~ Creative Market Blog If you've ever used art brushes in Adobe Illustrator, you know first-hand how they can be used to easily transform vector artwork into something that looks charmingly handmade. In this display shot of my product, The Brush Studio, handmade chalk brushes are applied to borders, ornaments, and stroke-editable text. An art brush applies vector artwork to a path or shape in Illustrator. Adobe Illustrator comes with many different libraries of art brushes, including pencil, ink, and chalk.

Big list of CSS hacks. Why i preffer hacks over separate css files for IE: there are hacks for every browser not only IE. And even newest browsers are rendering some things differently, eg. input fields, checkboxes or table captions; everything in one file is easier to maitenance; smaller number of requests to server; not every hack is "hack". Very often hack is just smart use selectors (not) supported only by specific browser; Fonts and TeX - TeX Users Group In principle, TeX can use any font for which it has metrics (character widths, kerning, etc.), and shapes (these days, generally PostScript Type 1 or TrueType or OpenType). A couple notable articles on basic font concepts and usage in LaTeX: For additional information of all kinds: Font licensing is a perennial and troublesome topic.

Related:  ressources