design
An open-source GUI prototyping tool that's available for ALL platforms.
Pencil is built for the purpose of providing a free and open-source GUI prototyping tool that people can easily install and use to create mockups in popular desktop platforms.
Le Kit de survie du créatif, initiative de l’association « Métiers graphiques », est un ensemble d’articles originaux rédigés par des professionnels du graphisme, destinés à orienter et informer tous ceux qui abordent ce secteur ou y évoluent déjà. En marge et en complément de l’ensemble des textes administratifs ou légaux déjà disponibles sur la toile, ce kit aborde le métier d’un point-de-vue concret, pratique, et éprouvé : chaque information que vous y trouverez est le résultat de l’expérience de son rédacteur, de ses tentatives, retours et conclusions.
The super fast color schemes generator!
Similar to Hail Pixel, Coolors makes color picking more fluid by helping you mix and match colors until you find the perfect combination. Hit the space button until a color combo appears that you like – then move selections around, adjust color components and export your palette when it’s ready.
Related contents:
A Color Palette Generator (courtesy of MailChimp). Building out a website or brochure based heavily on an image? With Pictaculous, you can simply upload that picture and the app will spit out a color palette that pairs perfectly with it.
SVG-edit is a fast, web-based, JavaScript-driven SVG drawing editor that works in any modern browser.
Remember the good old 2D games and their beautiful sprites ? With Piskel you can create your own in a few clicks.
Free Icon Maker.
Iconion allows you to convert any icon font into fantastic-looking png icons by adding color, shadow, background, gradient, stroke and many other fancy elements.
Easily Remove Image Backgrounds Online
Instantly create masks, cutouts, and clipping paths online with ClippingMagic.com
Mozilla Japan furnitures and workspace organisation using recycled and low cost furnitures.
add ... based on block height
Jarallax is an open-source javascript library which makes adjusting css based on interaction easy. With Jarallax it's easy to create a parallax scrolling website.
Moqups is a nifty HTML5 App used to create wireframes, mockups or UI concepts, prototypes depending on how you like to call them.
HorizontalNav is a jQuery plugin that spans a horizontal navigation to fit the full width of it's container. If you've ever had to create this effect on a project, you'll know it's pretty annoying to do. But this plugin makes it easy and adds support for IE7.
Design, collaborate user interface concepts for your software and websites.
The NEW Responsive 960 Grid CSS Framework That You’re Already Familiar With.
Creating rich interactive wireframes to define web and mobile apps allows you reduce rework and avoid misunderstandings.
Create easily your own ajax loader icon :
When designing websites, you may not have the images you need at first. But you already know the sizes and inserting some placeholders can help you better seeing the layout. Don’t waste your time making dummy images for your mockup or wireframe. Fakeimg.pl is a little tool that generates images with an URL. Choose the size, the colors, even the text. It’s free and open-source.
0to255 is a simple tool that helps web designers find variations of any color.
beautifull css designs
Ingrid is a lightweight and fluid CSS layout system, whose main goal is to reduce the use of classes on individual units. Making it feel a bit less obtrusive and bit more fun to reflow for responsive layouts.
A JavaScript library to make MSIE behave like a standards-compliant browser. IE7.js is a JavaScript library to make Microsoft Internet Explorer behave like a standards-compliant browser. It fixes many HTML and CSS issues and makes transparent PNG work correctly under IE5 and IE6.
Today we are glad to release a yet another freebie: a Twitter GUI PSD for the recently released Twitter UI update, designed by Jon Darke of Every Interaction and released exclusively for Smashing Magazine and its readers. The PSD provides the full mockup with all layers in vectors, allowing you to scale up the design elements without loss of quality. The set includes two versions: one for personal accounts and also the new Twitter Enhanced profile page with 835×90 header image for brands and advertisers. The set is compatible with Adobe Photoshop CS4+.
A good starting point for design that takes device resolution out of the equation
You’ve probably used CSS’s border property often, and in almost all cases you’ve probably set the border-style value to “solid”, which looks exactly the same in every browser.
This is the easiest way to test or design with web fonts from WebINK. Just open FontDropper 1000 on any web page and start dropping fonts. See your changes instantly. Adjust font size, color, spacing and more.
FreeUIKits.com is a resource dedicated to providing free UI and GUI PSD files for download.
Hola. Tinyproj connects talented developers, designers, illustrators, and copywriters with folks who need a hand with paid, short-term* projects.
With CSS animation now supported in both Firefox and Webkit browsers, there is no better time to give it a try. Regardless of its technical form, whether traditional, computer-generated 3-D, Flash or CSS, animation always follows the same basic principles. In this article, we will take our first steps with CSS animation and consider the main guidelines for creating animation with CSS. We’ll be working through an example, building up the animation using the principles of traditional animation. Finally, we’ll see some real-world usages.
Internet user always wait for free stuffs that can be related to category like – development, design, entertainment, news, technology, etc. We are very thankful to our readers for appreciate our previous article was providing freebies. Its our pleasure to share free stuff on our blog and get the best comments. Today we are going to share best collection of sites where you can find free and awesome website templates for you next project.
Today we continue HTML5 canvas examples, I hope you enjoy this series of articles. Even for me, working with graphics, images brings pleasure. Sure that and for you too. Today we will be adding two new filters – Noise and Invert.
Typography is everyone’s favorite toy in web design. The CSS3 text-shadow property is commonly used to recreate Photoshop’s Drop Shadow type shading to add subtle shadows which help add depth, dimension and to lift an element from the page. But this isn’t all the text-shadow property is capable of. With a little ingenuity and creativity text-shadow can create some remarkable effects.
This is a simple trick to overlay a grid or a mock-up over a page you're styling. It will also allow you to edit content directly in the browser to see how your layout behaves depending on various lines of text.
A revolutionary way to test custom fonts in the browser. No coding, no uploading, just drag and drop.
Free fonts have met their match. We know how hard it is to find quality freeware that is licensed for commercial work. We've done the hard work, hand-selecting these typefaces and presenting them in an easy-to-use format. Here are some of our favorites:
L'Agence Web Performance vous accompagne via des prestations d'audit, d'optimisation et de consulting en web performance. Plus d'infos !
Inkscape is professional vector graphics software which runs on Linux, macOS and Windows desktop computers.
Web Design, Web Development and Graphic Design Resources
Pinta is a free, open-source painting and image editing program designed for simplicity and power. Available on Linux, Mac, Windows, and *BSD, it offers an intuitive interface, unlimited undo, real-time effects, and essential tools to enhance creativity effortlessly.