background preloader

Css en general

Facebook Twitter

Web Developer's Handbook | CSS, Web Development, Color Tools, SEO, Usability etc. Vitaly Friedman's The Web Developer's Handbook creativity | css galleries & showcases | color tools | color schemes, palettes | color patterns | fashion: colors selection | color theory | royalty free photos | css daily reading | web design daily reading | css layouts | css navigation menus | css techniques | css: software & Firefox Extensions | css-web-tools & services | html-web-tools & services | accessibility checkers | miscellaneous tools | ajax | javascript | DOM | fonts | typography | RSS | CMS | blogging | specifications | usability & accessibility | add a link (free) | seo tools | seo references | howtogetthingsdone | freelancers resources | web2.0 | 2read Advertise here!

Creativity css: selected showcases css galleries & showcases color tools color schemes, palettes color patterns fashion: colors selection color theory royalty free photos specifications usability & accessibility add a link (free) seo tools seo references howtogetthingsdone freelancers web 2.0 2read: this week. CSS Creator Tools. CSS Layout Generator Choose column numbers, width and colours for your site then generates the valid html and css files to be used as a template for each page. Updated to support HTML5, November 2010. Social Share Toolbar Instructions on how to make a jQuery and CSS3 social site share links toolbar as used on this site. Multi Level Menu A simple multi level drop down menu which uses only CSS for most browsers and minimalist JavaScript with CSS for browsers that require an extra hand.

Containing Floats A CSS technique for fully containing floated elements without adding extra markup. CSS Generator A simple CSS generator that dynamically applies styles as you select them. CSS Beauty | CSS Design Showcase. Dynamic Drive CSS Library- Practical CSS codes and examples. ZK, the leading open-source Ajax framework for Enterprise Java - ZK vs GWT Productivity Matters. Diseño web: usuarios, contenidos y experiencias. La idea sobre diseño web ha ido cambiando estos últimos años. Hace unos años, las restricciones y dificultades técnicas eran tan elevadas que gran parte del esfuerzo se ponía en la tecnología. Existían también limitaciones esenciales en el marco conceptual. Podríamos resumir una página web era que “funcionase”. Una década después, ese objetivo, sin ser más sencillo, se asume como logrado. El reto ahora es que cumpla su función comunicativa de forma coherente respetando los estándares. Y sobre función comunicativa y estándares… tenemos ya al nuestro alcance mucha literatura.

El usuario, el protagonista La aparición de la web 2.0, la llamada web social, donde el usuario es el protagonista ha sido quizás el factor más novedoso y de ineludible referencia en el momento en que decidimos comunicar un mensaje en esta vasta red que nos tiene atrapados. ¿Por dónde empezar? Lo primero que debemos hacer es pensar y hacer pensar. El esqueleto de la web Diseño y maquetación ¿Lo estamos haciendo bien?

InShare9 One of our goals at Web Design from Scratch is "Everyone's website works". We're working towards a world where all websites are pleasant, easy, and appealing to use. Ben Hunt has been sharing his particular insights into what makes websites work here since 2004. Announcing Ben’s New Course… Facebook Marketing Made EasyWith Ben's new course, you can get all the insights you need to start earning good fees simply by promoting clients' businesses on facebook! Important changes to AdWords conversion trackingAs of March 2014, '1 per click' and 'many per click' conversions have gone forever.

Hurray! Instead, we have flexible conversion tracking. CSS. Advertisement Today we are glad to release two useful cheat sheets that will help you quickly look up the right CSS 2.1-property or an obscure CSS 3 property. The style sheets contain most important properties, explanations and keywords for each property. The help sheets were created by GoSquared and released for Smashing Magazine and its readers. Download the cheat sheets for free! The CSS 2.1 Help Sheet covers Syntax, Font, Text, Margins, Padding, Border, Position, Background, List, Media Types and Keywords. The CSS 3 Help Sheet contains code snippets for Rounded Corners, Box Shadow, Multiple Columns, Text Shadow, RGBa, Font Face (actually, not the CSS3 property, but still include for the sake of usefulness), Box Sizing, Box Resize, Outline and Gradients. Behind the design As always, here are some insights from the designers: “We created the original CSS Help Sheet because we spent ages staring at ugly cheat sheets while designing beautiful sites.

Thank you, guys. Related Posts It's done. A List Apart: Articles: Faux Absolute Positioning. There are two popular approaches to positioning with CSS: float and absolute positioning. Both approaches have their pros and cons. My teammates and I have developed a new positioning approach that gives us the best of both worlds. After quite a bit of experimenting and testing, it’s time to share the technique with the rest of the world and see how we can work together to improve it.

I’m calling it “faux absolute positioning” after the faux columns technique that simulates the presence of a column. Why do we need another CSS layout technique? Article Continues Below Many website designs are based on a columnar layout with a header and footer. Our use case was even more complex: my team was developing a web-based WYSIWYG form generator that allows the user to drag items to arbitrary locations on a canvas. For example, let’s assume we want a form that puts the postal code and city fields on the same line because they are semantically connected.

Next, we tried using absolute positioning. Wwwhat's new? - Aplicaciones web gratuitas. You Web Land. Cssplay. 28th November 2009 Absolutely NO javascript, just HTML and CSS Winter branches Followed by some descriptive text and maybe a link. Wading birds Another piece of descriptive text and again a link.

Bird on a post Yet more descriptive text and maybe a link. Early bloomers And another line of descriptive text and maybe a link. Green lizard With descriptive text and maybe a link. Feeding the birds A description of the picture can go here with a link. A group of butterflies Descriptive text and maybe a link. Ladybirds The text can be over as many lines as you want, but you may need to adjust the size of the containing div to make sure that it can all be seen.

Butterfly Trees in the mist Another piece of descriptive text and maybe a link. copyright © stu nicholls - CSS play Information Probably the last in this series of photo galleries where the clicked image will stay on screen no matter what else you do. It would be nice if Opera could get this working in their next release especially as IE5.5 can manage it. Web Developer's Field Guide - Your Ultimate Resource.