background preloader

Tripoli - a CSS standard for HTML rendering

Tripoli - a CSS standard for HTML rendering

Creativity Spark From Masters Of Graphic Design | Design Showcas Advertisement Creative thinking is an essential part of design workflow. Whatever sketch you are working on, at some point you find yourself in the situation where you simply need some fresh ideas to find your path around the creativity block. Going away may help. In this post we’d like to present you an ultimate breakthrough for your creativity blocks; over the last weeks we’ve been searching for the most popular graphic designers, illustrators and artists around the world. So what do we have as result? Once you’ve selected the artist whose works you like, click on the image to get to his/her portfolio and explore his/her work in more depth. Please be patient, it may take a while until the images are loaded. Further suggestions and ideas? Creativity Spark From Masters Of Illustration (Graphic Design) 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. mcfaul (Emsworth, Hampshire, UK) 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 31. 32.

Round corners in pure css for liquid design and transparent scro There's a Liquid Corners Playgarden with examples (and more examples on the home page). See you later! Introduction You can have different wishes for a box with rounded (or other not-rectangular) corners of the border. the boxes have to be collapsible, and working in a liquid / fluid design (regardless of the resolution or the measures of the window of the visitor). the boxes have to be scrollable over a not unicolored background (lines, an image, watermark), that means: transparent corners. no tables! A glance at internet learned that a lot of solutions are traveling around the world. Example: try it by turning on a (history-)sidebar and varying it's width, or by de-maximizing the window and doing the same. Liquid everything! all kinds of liquid and transparent edges (round or not), and even collapsible and transparent parts of images. You will find some other applications among the examples in the playgarden. Step by step Step 1: upper left First the left corner at the top of a box. html

My DebugBar | IETester / HomePage IETester is free.To support the projectyou can make a donation : or you can translate it. IETester is a free (both for personal and professional usage) WebBrowser that allows you to have the rendering and javascript engines of IE11, IE10, IE9, IE8, IE7 IE 6 and IE5.5 on Windows 8 desktop, Windows 7, Vista and XP, as well as the installed IE in the same process. This is an alpha release, so feel free to post comments/bugs on the IETester forum. (IETester v0.5.4 zipped installer for people unable to download .exe files due to proxy limitations)(You can download previous versions from the ChangeLog page) Known problems and limitations : External ressources : This article is translated to Serbo-Croatian language by Jovana Milutinovich.

i love typography 10+ jQuery photo gallery and slider plugins Introduction A picture is worth a thousand words. No doubt about it. Most of the information based website such as CNN, ESPN, they are all using a massive photo slide show on its front page. So, here you go. 15 jQuery based photo gallery and sliders. Advertisement TN3 Gallery TN3 Gallery | Demo TN3 Gallery is a full fledged HTML based customizable jQuery image gallery with slideshow, transitions and multiple album options. jQuery Cycle Official Website | Demo The jQuery Cycle Plugin is a lightweight slideshow plugin. Pikachoose Official Website | Demo Pikachoose is a lightweight Jquery plugin that allows easy presentation of photos with options for slideshows, navigation buttons, and auto play. s3Slider Official Website | Demo The s3Slider jQuery plugin is made by example of jd's smooth slide show script. Galleria Official Website | Demo Galleria is a javascript image gallery written in jQuery. slideViewer Official Website | Demo Image Flow Official Website | Demo jQuery Gallery Scroller Spacegallery

Top 40 Logo Inspiration Resources | E Logo Design After the great success of the Complete Logo Design Guide, released in 2007, which is currently unpublished because lots of links/resources are dead now ..., I decided to update it with new resources and reissue it. Date of this release: September 2011. Last update: February 2012. This is not a brief Photoshop tutorial on how to make your own logo. I'll do my best to keep this guide constantly updated (although it may be hard with more than 400 links and resources), so you can go ahead and (social) bookmark this guide and save it for your future references. Definition of Logo by Wikipedia: "A logo is a graphic element, symbol, or icon of a trademark or brand and together with its logotype, which is set in a unique typeface or arranged in a particular way. A good logo is distinctive, appropriate, practical, graphic and simple in form, and it conveys the owner’s intended message. Logos should be made in a vector graphic software, such as Adobe Illustrator, CorelDRAW, Xara Xtreme, ...

Glimmer - Lab - MIX Online Glimmer: a jQuery Interactive Design Tool is a prototype from the Mix Online Labs which makes jQuery accessible through a visual tool. The objective for Glimmer is pretty simple: to enable the power of jQuery through an interactive design surface. If jQuery is the "write less, do more” JavaScript library, then Glimmer is the “write none, do more” jQuery design tool. The Genesis of Glimmer Like many software projects, Glimmer was born during a conversation. In building Oomph, we used jQuery extensively, which was a new experience for both of us. While we had a good workflow, it wasn’t perfect because, if Tim wanted to make a change to the look or feel, he would have to either (1) modify the JavaScript himself or (2) have me make the change. This is when we had the following realization: what if there were a tool for designers to create amazing web experiences in HTML, CSS and JavaScript without having to write code? Here’s a screenshot of the Glimmer Welcome Page: The Goals of Glimmer

Microsoft launches Tafiti - Search and Silverlight experiment - Tafiti, an experimental demonstration site that combines Live Search with Silverlight has just been launched. It’s described as follows: Tafiti, which means “do research” in Swahili, is an experimental search front-end from Microsoft, designed to help people use the Web for research projects that span multiple search queries and sessions by helping visualize, store, and share research results. Search results are presented in the central column, with the right hand “shelf” available to save result you are interested in via drag and drop. Tafiti also features a tree view, allowing users to visualise the search results in a more “Web 2.0 / tags” kind of way. Go give Tafiti a try and let us know what you think. Tafiti Homepage | On10 video

CSSREMIX How To Mix Fonts: Typeface Cheat Sheet ~ The Thinking Blog ~ Pow Typography is the art and techniques of type design and arranging type. In traditional typography, text is composed to create a readable, coherent, and visually satisfying whole that works invisibly, without the awareness of the reader. Even distribution with a minimum of distractions and anomalies are aimed at producing clarity and transparency. The arrangement of type is the selection of typefaces, point size, line length, leading (line spacing) and letter spacing. Readability and legibility are also often confused. Readability is most often and more properly used to describe the ease with which written language is read and understood – it concerns the difficulty of the language itself, not its appearance. PDF cheat sheet on Mixing Typefaces can help you decide on which combination of typefaces to use. 1. Alessandro also adds a note at the end of his sheet noting that "there are no typographic absolute. Looking to purchase printer ink and ink cartridges at great prices?

» Web Typography - 40 sources for inspiration and instruction - CSS, javascript, and flash has brought the web design community a long way in what we are capable of doing when it comes to typography. However simply being ABLE to take advantage of rich typography doesn’t mean that we all know how. So below are some resources to make it easier to find typographic inspiration and instruction. inspiration Need some ideas on how to layout your text? Typography How-to’s Want to know how to do some accessible image replacement? Theory and Information Sites that will help you better understand typography Baselines and Vertical Rhythm One very important aspect of Typography and typesetting is to produce a baseline rhythm. Social Media White Paper “Tracking the Influence” (Factiva of Do I’m pleased to share a white paper I was hired to co-write with Matt Toll of Factiva of Dow Jones. The topic? Social Media Measurement. Download our White Paper: “Tracking the Influence” (PDF) Traditional Web Analytics are not sufficient to measure what’s changing on the web, marketing is distributed across the world wide web, rendering server logs as only one small portion of what needs to be tracked. If you wanted to read the post-thoughts of some of the attendees, they’ve documented their thoughts: • Chris Kenton: Social Media Metrics • Jeremy Pepper: Factiva Roundtable and Social Media • Daniela Barbosa (Dow Jones): Wrapup Post • Glenn Fannick (Dow Jones): The Day After – My Head’s Still Spinning • Jeremiah Owyang: Factiva Social Media Roundtable helps to answer “What should we measure” • Images on Flickr of event (over 100) • Stowe Boyd, Blue Whale Labs • Jory Des Jardins, Co- Founder, BlogHer, LLC; • Nicki Dugan, Editor, Yahoo!'

Cover | Just Ask: Integrating Accessibility Throughout Design The entire contents of the book is online here, and also available in a print version. Improve your websites, software, hardware, and consumer products to make them more useful to more people in more situations. Develop effective accessibility solutions efficiently. Accessibility is designing products so that people with disabilities can use them. Accessibility makes user interfaces perceivable, operable, and understandable by people with a wide range of abilities, and people in a wide range of circumstances, environments, and conditions. Overview Just Ask: Integrating Accessibility Throughout Design provides: About the Author Shawn Henry leads worldwide education and outreach activities promoting web accessibility for people with disabilities at the W3C Web Accessibility Initiative (WAI). What People are Saying About the Book Shawn Henry lives and breathes accessibility.

Related: