background preloader

Outils-backrounds

Facebook Twitter

Grid Designer 2. If you're familiar with the grid, a bit of design and basic typography, using this script should be pretty easy - most of the functions are pretty self-explanatory. If you're unfamiliar with grids in general, you could start by reading an excellent series of articles by web designer Mark Boulton. For those who want a real understanding of the theory of grids in relation to design and typography, I strongly recommend this book.

On the Columns tab, you can start your design in two ways: Fill in the number of columns, total width, gutters and margin widths, all specified in pixels - then press the design button. Recalculate the settings in various ways by clicking the row of buttons located next to each setting. The grid preview on the Columns tab will display the widths of each area, in pixels. Below it, the widths of spanning columns is displayed. Use the Typography tab to adjust and calculate basic typographic settings for your design. Grid Designer 2. #e62972 hex color. In a RGB color space, hex #e62972 is composed of 90.2% red, 16.1% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.2% magenta, 50.4% yellow and 9.8% black. It has a hue angle of 336.8 degrees, a saturation of 79.1% and a lightness of 53.1%.

#e62972 color hex could be obtained by blending #ff52e4 with #cd0000. Closest websafe color is: #ff3366. #e62972 color description : Bright pink. The hexadecimal color #e62972 has RGB values of R:230, G:41, B:114 and CMYK values of C:0, M:0.82, Y:0.5, K:0.1. Its decimal value is 15083890. #e62972 #e62972 rgb(230,41,114) #29e69d #29e69d rgb(41,230,157) Complementary Color #e629d1 #e629d1 rgb(230,41,209) #e62972 #e62972 rgb(230,41,114) #e63f29 #e63f29 rgb(230,63,41) Analogous Color #29d1e6 #29d1e6 rgb(41,209,230) #e62972 #e62972 rgb(230,41,114) #29e63f #29e63f rgb(41,230,63) Split Complementary Color Below, you can see some colors close to #e62972.

Text with hexadecimal color #e62972 #e62972 background color. Color Scheme Designer 3. Web-Based Color Tools. One of the most important things designers work with is color. Every element they draw, type, or generate with a computer, gets a color. It is impossible to create anything visual without making color decisions. And to make things harder, estimates of the total number of discernable colors range from one hundred thousand to ten million. That’s a lot to choose from. Add issues of human perception and color vision deficiency, and you could get a headache doing anything with colors, let alone building a color scale for data. Luckily, you have some great tools at your disposal to help with color decisions. There are two main classes of tools for dealing with color. Design Color Scheme Designer’s interface encourages good choices between color relationships and exports colors to many different formats.

MudCube’s Sphere is very similar to Color Scheme Designer, but its interface for changing brightness is more accessible. Colrd has a whole suite of tools for dealing with colors. Data. Flat UI Colors. Gridulator: Make pixel grids, lickety-split. How to improve your writing in WordPress. WordPress is a powerful and popular CMS for nearly all types of websites. But what about content creation? Writing is one of the most important aspects of a website especially for freelancers, small business owners and individuals. WordPress is actively criticised for this part of the experience. Users frequently find themselves using other software to write and then somehow transferring it into WordPress (very often by copying and pasting).

This practice isn’t productive. Let’s see how the situation can be improved. Markdown syntax Markdown syntax — a kind of plain text markup language — is easy to write and increases productivity enormously. First, you have to get rid of the visual editor. In the case of multi-author sites you may want to remove it for all users at the same time. Add_filter('user_can_richedit', '__return_false'); Then you have to install a plugin that adds the markdown functionality to the core.

Another great option to consider is WP-Markdown by Stephen Harris. 17 Web-based Painting and Sketching Tools. Most business owners need a graphic design tool from time to time. From sketching out a new logo, animation for a slide presentation, or to create caricatures of your crew to increase morale, these tools can help you without the added cost of traditional art software. This post highlights 17 tools to help you draw out your ideas. Most of these are free unless otherwise noted. Most run within your web browser with just one click or two and allow you to save an image file.

Skitch from Evernote is one of my favorite tools for drawing. Skitch for iPad is the one I use and it makes a lot of sense from a tablet or smartphone. They do have versions for Windows and Mac. FlashPAINT v2 lets you draw and paint online with a Flash paint tool. Gliffy allows you to create technical drawings but has the added diversity of creating flowcharts, diagrams, floor plans, Venn diagrams, and SWOT analyses. Myoats offers an interesting drawing tool because you can create multisided figures. Tartan Designer - Tartan Maker - Tartan Background pattern generator.

Navigation Tab Menu Generator CSS - Tabs Generator. Ultimate CSS Gradient Generator - ColorZilla.com. Background: #1e5799; /* Old browsers */ background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 28%, #207cca 71%, #7db9e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(28%,#2989d8), color-stop(71%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 28%,#207cca 71%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1e5799 0%,#2989d8 28%,#207cca 71%,#7db9e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 28%,#207cca 71%,#7db9e8 100%); /* IE10+ */ background: linear-gradient(to bottom, #1e5799 0%,#2989d8 28%,#207cca 71%,#7db9e8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */