My oldest drawings are from when I was about six years. A year or so later, I made a test for a correspondence art course I saw advertised on TV. Curiously, this announcement still airs today. After the test, I waited for the accolades raining. But the occupants of that throne lofty artistic sadly informed me that my work was not good enough: I had the makings of an artist. I suppose that, at the age of seven years, my dreams were bigger than my ability, but the result spurred me to prove them wrong.

My family is a family of artists, both professional and amateur, “and I was pretty lucky to be surrounded by people who supported my creativity. For them it was evident that in the future was going to pursue a creative profession. My first official job as an illustrator was to produce a series of images in pen for a relative who had a printing press. That experience it was priceless. I work directly with a client while she was studying art yet. Eventually, I came to compile a good portfolio and got my first job without the help of family or friends, designing booths for exhibitors in shops and malls.

How to make a living as an artist?

Full-time job in a studio that designs and develops gaming machines and on my own animation and video games. In short, I have time to sleep. But I’m not complaining, it’s a job that I enjoy. During the past 19 years has allowed me to participate in almost every imaginable type of creative activity, although what I dedicate it to the entertainment industry.

I have now put the spotlight on the child market. I hope someday to become an illustrator-author with published works. Until then, I have to go without sleep.

Where do you find inspiration?

My daughter is a great source of inspiration and motivation. It allows me to behave like a child and that makes my ideas are endlessly renewed and revitalized.

Other artists have always been a source of inspiration. That said, I firmly believe that if I “inspire” too much on other artist, your work may take involuntary nature of their work. In this sense, try not to pigeonhole, so to quote someone in particular is difficult. I have a strong propensity to the art of animation and lately I’ve been posting a lot of new artists to emerge in France.

Is it important to copyright for you? Why?

Of course. I think it’s important because it recognizes and protects the artists. The Copyright Act 1976 provided the artists a semblance of job security. Later, the reintroduction of the law defining orphan works * stressed the importance of copyright to protect my work, it became a necessity. The artists are struggling hard to make a living from their craft. I can not go into a furniture store and take a couch so willingly, simply because no one pretends that it is yours. What saint of why someone should be able to do that with my artwork?

The council asked to see what can be done because not think you have much outlet for this type of freelance illustration and well being I would like you who are all day with these issues to give me any advice for someone who starts in the more commercial side no more artistic. I mean something like books, web and all that.

Keep in mind that comes from paper and pencil and now will begin testing a pill that I have here a wacom A4.

For example do not know whether to start in photoshop or painter … stuff.

I know they are very general questions but hey who think peude bring something that I say who does not … as you know

Makes you look professional
The other designers will see your work and know that you’re a watch for updated changes and technological issues.

It makes your customers feel good
Your customers will thank you. Adding to web standards and best practices for accessibility are concerned, get your customers to discover how easy and convenient it is to find your information. Also avoid the complaints of people with disabilities, users accessing your Mac through your mobile …

Maximizes the number of visitors
You never know how they will get visitors to websites that you design. There are multiple ways to do and there are a variety of browsers and screen resolutions. Putting things easy for your visitors get everyone to have access without any problem and not restrict access to those using a particular browser or a particular screen resolution.

Page load faster and reduce bandwidth
If your code correctly structures separating the content of the presentation will get that document sizes are smaller and therefore can be downloaded faster using less bandwidth. Note that most web hosting plan contract with a limit of use of monthly bandwidth so if consuming less is possible to have more visits to the same price.

It provides a basis for accessibility
Using just do not have web standards because getting a web site accessible. Anyway, web standards make it easy to make a site accessible. Making sure your web documents are valid, well structured and semantic is the first step in making your site accessible.

Improve your search engine rankings
Well-written content with a clear structure, well-structured and semantics is a very important step to be well located in the major search engines. Pónselo easy, they will thank you. This will get an increased number of visits that, after all, is what the customer want.

It makes your code easily maintainable
Separating content from presentation and creating a structured code that modifications to get it more enjoyable and you do not have to fight with files where everything is mixed and does not understand anything.

Guarantee the content in the future
No one knows if the code you write today may be interpreted here 50 or 100 years. However, using web standards provided by you that the code is being interpreted in a future with later versions of browsers, technology …

It leaves you feeling of good work done
Who is going to say you want a website that no more visitors, that does not improve its position in search engines, not faster. What we provide web standards is frowned upon.

It is the right thing
Create websites using standards is what should have been done from the beginning. This has not happened, but now may be time to do so.

My opinion on these 10 tips is that they are true. More and more pages that proliferate following web standards thing is fine but there is still a long way to go. Do not forget there are still many bugs in browsers that do not follow it completely the standards and we must adapt the code to each of them.

It seems however that these problems are slowly fixing and I hope that someday develop with web standards is something that we all see as a necessity and not a whim.

The truth is that there are many pages that teach you how to make a menu with CSS but I actually kind of this page that shows you many ways to make different types of menus. Most others will show it but only one way. Also, do not show highly complicated menus, but begins with simple menus and is improving.

You can get flashy effects as with other technologies like Flash just with a little CSS, and best of all, so you are following web standards.

For those who speak little English, say that the page is in this language although it is very difficult to understand. The page you teaching how to make menus in two types: those who do not have submenus (Listomatic) and those who do (Listomatic2)

• Hide the layers before saving make invisible layers. Savings: 25%.
• No Support: When you save the Photoshop asks if you want to “maximize compatibility” of the file. This option is not much and that makes it compatible with version 2.5, except that we are interested in a timely manner, we can lower the weight considerably. We can even configure it to not ask us more. Save 20%.
  Winrar Compression: Compression with the best we can have a lighter file with the same
• quality. Save up to 20%.

Engadget’s example is a file picture of 3008 x 2000 a 240 dpi:

• DSP with 5 layers visible and maximized compatibility: 57.8 Mb
• 5-layer PSD with and without compatibility invisible maximized: 44 Mb
• Winrar compressed file that contains the PSD with 5 layers invisible without maximized compatibility: 26 Mb

So we’ll have backups lighter and faster shipping.

The examples are focused on web design:

1. Visibility

The user should be able to recognize your senses the interface components. An example: Diff is a link and what is not, without the need to explore the screen with the mouse.

2. Redundancy

It consists in repeating the same information in different forms, changing its formulation with the objective of ensuring the correct understanding of the receiver. The tag “ALT” html is a good example of redundancy to make clear the message from a photograph.

3. Consistency

There must be similarity in the patterns:
- Operations to be performed by the user,
- Provision of information and
- The processes running the system.

An example: The menu should be located always in the same place and behave the same way in the beginning and in the internal pages.

4. Compatibility

Is that the system model that makes the designer matches the user’s mental model. The user interface must be on what we expect, both as regards the image as the operation of the system.

5. Adaptability

Principle which recommended that it is the system that suits the user and not vice versa, taking into account for this:

- The level of user knowledge,
- His speed of work and
- Your level of expertise.

Aims to reduce the user’s job, reducing the effort and / or the time spent on task, increased the quality of the final result, etc. Provide instant feedback when you are completing a search field is a good example.

7. Guide rather than just control

Is to prevent or anticipate errors . This principle is implemented in response to:

- Predictability: that is, the consideration of the user, from a system state may involve what to do.
- Reversibility: the user can turn back when you get an undesired result.

8. Structure

Organize information to reduce complexity. A hierarchy so that the user receives only that which is relevant at all times and should not overwhelm their ability to memorize. For example, the menu must be between 5 and 7 items because users are not able to remember.

That is why we want to share with you what we feel are good practices to the programming code of the JavaScript library jQuery helping us.

The aim of this compendium of good practices is to get a javascript code as clean, clear and efficient manner.

The tips that included here are taken from our own experience and interesting conclusions we have been finding the net and we have attached to our repertoire.

As many of the points and not to overload the post with too much information going to divide this compendium in two parts.

In this first part we will discuss general rules to follow that will help you create a more clear and efficient code. In a second post will talk about how efficiently solving specific problems that we usually find in our developments.

And having said that, we’re going to mess …

General Considerations

Learned well the library. To always use the most optimized solution possible. It is worth having on hand a jQuery chop as we said in another post a few weeks or go directly to the official jQuery documentation

Consolidated libraries use, versatile, with support and future project. For example jQuery as main library Tools jQuery and jQuery UI additional effects such as Liberia
Working in separate files. Best to create JS’s different for each separable functionality of our site and then use any system that JS’s gather all these in one end (compressed and obfuscated)

Javascript is not intrusive. Never rely on JS as far as possible. If javascript is disabled or fails, the page displays a normal appearance. Javascript is an enhancement, not a security system.

Optimize the code by benchmarking. With Firebug can measure the time it takes a function (or piece of code) to run:
console.time(‘native’); var l = array.length; for (var i=0;i

Zip code at the end. By compressing the JS file code that the user will need to download will be smaller, although we appreciate the final performance and on the contrary, the browser will have to perform additional processing to decompress the code before ejecutarlo.Para zip code tools available, such YUI Compressor although there are many more

The semantic and accessible markup comes first. Do not adjust the dial to facilitate the JS, but JS is the one that suits marking. With ID’s, inheritance, and classes can access any element and assign functionality.

However, the cache can also play against us in certain situations: If we made changes to a static file in a short interval of time, and also have made these changes vary little from our file size is very likely that your browser does not detect that a new version, and instead of downloading the latest file, please use the copy stored in the disk to mount the page.

As we noted at the outset, the consequences of this are often disastrous: Websites Racked javascript errors because of functions that “should be”, but the browser has not loaded. And, of course, the Ctrl-F5 is used to display the page the table companion or to reassure the boss that has struck a boat in the chair to see the result, but the user has no idea … Racked will see all the cache until it expires or give to force the recharge (which is unlikely).

The solution to this problem is to simply add a parameter to the call to do the static file. There are those who choose to use a date, and others simply a numerical value. I am from the latter: as I use Subversion for version control, what I do is update the value with the corresponding version number. This way I can also know when the last modification was made “sensitive” to the style sheet, having a look at showlog.

?id=393 href=”/css/estilos.css Each time we change the parameter that we added to the call to the CSS (or Javascript, or image …), what we are doing is to force the browser to download again the file, thus retaking control over when to cache and when not.

Identity the other styles that inherit from the style and type in “father” but do not contain information so you can easily differentiate the general definitions of the rest.

An example

#main_side {
width: 392px;
padding: 0;
float: right; }

# # Featured_articles (main_side
background: # fff;)

# # Frontpageads (main_side
background: # fff;
margin: 8px 0;)

Personal opinion: The truth is that I never had raised but now I see it is quite logical. When the style sheet contains a few styles may not seem necessary, but if you have many, believe me, it can become a must if you want to go crazy.

Use abbreviations in the definition of the properties so you can write the same in one line.
An example:

margin:5px 0 4px 10px;

is much better than:

margin-top:5px;
margin-right:0;
margin-bottom:4px;
margin-left:10px;

Personal opinion: The advice I got over it long ago. Initially, he rolled me always when I put all the pixels on the same line about which referred to the upper to the lower … After a while I read a little trick: Just to remember that the former is superior and the rest follows the order of clockwise.

Divide the style sheet into sections. Thus, it will be easier to find the style you’re looking at a particular time. The sections include: global styles, page structure, headings, menus, main content, footer, forms, …
Example:

/*****************************/
/******** CABECERA *********/
/****************************/

Personal opinion: When I was looking for a theme for UnBlogMas saw that many of those who had organized their CSS thus indicating that it is a good technique.

Write the common properties of elements in the general definitions and not go doubling in particular definitions.
An example: If you know all h2 elements will not have no padding or margin, definelo in the h2 element itself rather than generic definitions, for example, the h2 of the menus and content h2. Ie generalized.

Personal opinion: From experience, I understand that this is the best way to do it in theory but in practice is complicated by the large number of estates that may exist in a CSS style sheet. It’s something I’d like to resolve with time.

Use a tool that allows you to compress the contents of your CSS so that it takes minimal space on disk and, therefore, can be downloaded more easily.
An example: You could try CSS Compressor or Online CSS Optimizer

Personal opinion: I have never used such a tool but do not rule out the possibility of doing when I get the chance.

And here’s 5 tips that I hope you are useful and provide you the trouble of writing your CSS style sheets.

At the end you’re the one who decides how you will develop the application. Think well with that technology going to work. Do not use the flash on, think about where you could use it best to give an attraction to your project.