Home

Stefano Mallozzi Sviluppo web professionaleStefano Mallozzi Sviluppo web professionale

Condividi contenuti
  • Chi sono
  • Preferiti
  • Suggerimenti utili
  • Tutorial
  • Contattami
  • Feed aggregator
Home

Lingue

  • Italiano
  • English

Contattami

Tag

connessione drupal foto gaeta ics immagini internet lan node images php rete seo
Tutti i tag

Foto gallery

  • Foto di Gaeta
  • Le meraviglie del Golfo di Gaeta

iTunes 10 y Ping

Tecnologia 21 - 19 ore 30 min fa


Hace poco, vimos el evento de Apple en vivo, donde se nos presentó muchas novedades, entre ellas, el nuevo iTunes 10.

Pero no solo iTunes 10 ha tenido protagonismo en el evento de Apple, sino también Ping, la apuesta de Apple en las redes sociales, tipo LastFM, pero adaptada a iTunes 10.

iTunes 10 nos muestra una interfaz simple, además agregó AirPlay, pero ¿qué es AirPlay?.

¿Les suena el AirPort de Mac, que nos permite conexión inalámbrica?, pues por allí va el tema.

Podemos reproducir música de forma inalámbrica con AirPlay a través de altavoces, receptores de cine en casa y accesorios de iPod compatible.

Vemos que el logo de iTunes ha dejado el disco que ha tenido toda la vida, en Apple quieren superar prontamente las ventas de CD en Estados Unidos.

Ping, la nueva red social de Apple, se orientará a la música, sabiendo que están escuchando o descargando nuestros amigos, muchos creen que no tendrá mucho éxito esta red social, personalmente, creo que Apple podría comprar LastFM y unirla a su nuevo Ping, así de simple. Ping, dentro de poco, hará presencia en dispositivos Apple con iOS 4.

Algo que también ha gustado mucho, es que podemos comprar y descargar series, a tan solo 0,99 centavos de dólar y ver canales de TV, entre ellos: ABC, FOX, DISNEY CHANNEL y BBC.

Por cierto, iTunes 10 ya puede ser descargado desde Mac y Windows, en su sitio oficial. A mi me gusta el nuevo iTunes 10, ¿tú ya lo probaste?.Noticias relacionadas

  • Aplicaciones: Symbian, iPhone y Android
  • Safari 5
  • Descargar iconos de Apple gratis
  • Descargar MP3s gratis
  • Bee MP3
  • Colección de iconos de Leopard
  • Iconos de la evolución del iMac de Apple
  • Se cierra y se abre Allofmp3.com
  • Java: 10 juegos gratis
  • Conversor de archivos

iTunes 10 y Ping | Más tecnologia en Tecnología 21.

Categorie: Grafica, Tecnologia, Webmaster

Sponsor: SuperEnalotto Online

HTML.it - Novità quotidiane - 19 ore 40 min fa

Jackpot oltre 120 milioni
Registrati e gioca ora!
Categorie: Webmaster

Añade a tu web un icono para el iPhone y el iPad

Creativos Online - 20 ore 43 min fa

Apple anda por las noticias gracias a que han presentado nuevos iPods y un nuevo Apple TV, pero nosotros vamos a contar un pequeño truco que podemos utilizar para poner un icono personalizado cuando se añade un favorito a la página de inicio de nuestra página.

Para realizarlo necesitaremos añadir esta línea donde tenemos la línea del favicon de toda la vida:

<link rel=”apple-touch-icon” href=”/icono-para-ios.png”>

A partir del momento en el que pongamos la línea en el código y el icono en la raíz de nuestro servidor ya podremos disfrutar de un icono en la pantalla de inicio y no de una mini-captura de pantalla. Apple especifica que el icono creado es de 60×60, pero eso carece de sentido en las nuevas Retina Display, así que yo he hecho la prueba de usar uno de 200×200 en mi iPhone 4 pero se sigue creando de 60×60, así que eso lo tienen que corregir.

En la imagen de arriba tenéis como quedaría la de un proyecto en el que estoy trabajando. No es mucho esfuerzo y la gente que navegue con iPhones, iPod e iPads nos lo agradecerá. Os recuerdo que el aspecto glossy del icono lo aplica el iDevice de forma automática.

Posts relacionados
  • HTML5 vs. Flash: Apple y su ‘iPad Ready’ (1)
  • ¿Por qué no funciona YouTube/Vimeo HTML5 en Firefox? (2)
  • VideoTutorial HTML5/CSS3: Div Efecto presión (3)
  • Video JS: Reproductor HTML5 cross-browser (2)
  • de HTML5 (febrero 15, 2010)">Video For Everybody: mejorando de HTML5 (0)
Categorie: Grafica, Tutorial, Webmaster

Rich snippets: testing tool improvements, breadcrumbs, and events

Google Webmaster Central - 21 ore 58 min fa
Webmaster Level: All

Since the initial roll-out of rich snippets in 2009, webmasters have shown a great deal of interest in adding markup to their web pages to improve their listings in search results. When webmasters add markup using microdata, microformats, or RDFa, Google is able to understand the content on web pages and show search result snippets that better convey the information on the page. Thanks to steady adoption by webmasters, we now see more than twice as many searches with rich snippets in the results in the US, and a four-fold increase globally, compared to one year ago. Here are three recent product updates.

Testing tool improvements

Despite the healthy adoption rate by webmasters so far, implementing the rich snippets markup correctly can still be a major challenge. To help address this, we’ve added new error messages to the rich snippets testing tool to help you better identify and fix any problems with the markup.


If you’ve added markup in the past but haven’t seen rich snippets appear for your site, we encourage you to take a few minutes to try testing the markup again on the updated testing tool.

Rich snippets markup for breadcrumbs

Last year, Google announced a modification to search results to begin showing site hierarchies (typically referred to as "breadcrumbs") rather than standard URLs in cases where it helped users to better understand a website:


We are now adding support for a Breadcrumbs markup format that allows webmasters to explicitly identify the breadcrumb hierarchy on their pages.

If the breadcrumbs UI is already showing for your site, we'll continue to show it even if you don't do the markup, so don't worry about any existing UI disappearing. Note that this new format is experimental. Based on feedback and on other available standards, this format may be modified or replaced in the future. As with other rich snippet types, while markup helps us to better understand the content on your site, it does not guarantee that the breadcrumbs UI will be shown for your web pages in search results.

Events

In January, we added support for rich snippets for events. If a web page containing events listings showed up in search results, up to three links to specific events could be shown in the search result snippet.

This works well for general queries like [concerts in seattle], but we also wanted to improve the search experience when searching for a specific event. We will now show rich snippets when pages containing a single event show up in search results. Single event rich snippets now contain the date and location of the event:


For instructions on adding events markup, refer to the events page in the rich snippets documentation.

Posted by Kavi Goel and Pravir Gupta, Search Quality team
Categorie: Webmaster

3 webs donde vender las tipografías que diseñes

Creativos Online - Gio, 02/09/2010 - 23:16

Si diseñas tipografías como afición o de forma profesional, seguro que te interesará saber que puedes vender tus fuentes por internet en páginas especializadas y ganar dinero dependiendo de lo famosas que se hagan y la cantidad de gente que las compre.

De momento, las 3 webs más conocidas donde puedes vender tus fuentes son: My Fonts, ITC (International Typeface Corporation) y Line Type

De MyFonts seguramente conoceréis más su sección “What the Font” un servicio realmente bueno y gratuito que nos ayuda a reconocer tipografías subiendo una imagen con un par de letras de la tipografía que queremos reconocer o escribiendo una url. Pero MyFonts tiene la mayor colección de fuentes para venta al público en su portal, y acepta nuevos diseñadores para su catálogo de tipografías.

ITC (International Typeface Corporation) es una empresa de diseño tipográfico que fue fundada en 1970 para poner a la venta diseños nuevos de fuentes. Si quieres vender tus tipografías en una empresa de tanto prestigio debes leer bien las bases de como debes presentar tus diseños en su página web

Lino Type es una web que da toda clase de servicios sobre el mundo de la tipografía: historia, asesoramiento, servicio técnico, teoría y, como no, un amplio catálogo donde compran clientes de todo el mundo y donde tu puedes vender tus fuentes.

Posts relacionados
  • Motion Graphic – Helvética VS Arial (1)
  • Listado de los 40 mejores blogs sobre tipografía y fuentes (1)
  • 60 tipografías hechas a mano (2)
  • 30 ejemplos de trabajos increíbles de tipografía (0)
  • 3 tipografías para diseño de Navidad gratuitas (1)
Categorie: Grafica, Tutorial, Webmaster

20 Snippets You should be using from Html5 Boilerplate

1stwebdesigner - Love In Design - Gio, 02/09/2010 - 23:00

I recently, as many web designers and developers will have, became aware of a fantastic resource put together by web developer, Paul Irish, and Divya Manian. Html5 Boilerplate, as they have named it, is a powerful starting off point for any website or web application. As Paul Irish describes it; “It’s essentially a good starting template of html and css and a folder structure that works., but baked into it is years of best practices from front-end development professionals.”

It is absolutely packed full of fantastic snippets of code that are still very much worth using even if you don’t want to start using html5 boilerplate as your base template.

Html

We will start off by checking out some of the html snippets used in the resource. All of these are snippets of code that may not necessarily be only html, but will definitely be placed in your html files if used.

Favicon and Apple icons

The favicon is pretty much normality these day. the interesting bit here is the apple-touch-icon which is used if you save a bookmark to your home screen on an apple touch device such as an iPad or iPhone. Interestingly enough, android also supports its usage. As far as I can tell, the apple-touch-icon size is 60px by 60px. As the comment says, if your icons are in the root of your domain, these links aren’t required.

<!-- Place favicon.ico and apple-touch-icon.png in the root of your domain and delete these references --> <link rel="shortcut icon" href="/favicon.ico"> <link rel="apple-touch-icon" href="/apple-touch-icon.png">

Faster page load hack

This empty conditional comment hack is used to basically increase performance of your site. When conditional comments are used on your site, for example, for an ie6 conditional stylesheet, it will block further downloads until the css files are fully downloaded, hence increasing load time. To solve this issue, an empty conditional comment, like below, is used before any css is loaded in the document, and the problem will be solved! For further reading, check out this article.

<!--[if IE]><![endif]-->

X-UA-Compatible

Internet Explorer has many rendering engines ready for use. What this line of code basically does is force IE to use the most up to date rendering engine that it has available, so that your pages will render as well as possible. It then goes on to talk about Chrome Frame. Chrome Frame is a plugin for IE6, 7, and 8 which brings all the rendering, and js power of Google Chrome to IE. If the user has it installed, we render our site using it. For more information on Chrome Frame, and how you can even prompt users without it to install it, check here.

<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame --> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

Conditional body tag

This snippet is a Paul Irish original, and allows you to target IE browsers specifically without having to add in an extra http request with another separate stylesheet. Basically, depending on the IE browser that the user is using, a class is added to the body tag. If the user is not using IE, then a classless body tag is used. This allows you to target specific browsers in your css without having to use css hacks, or further stylesheets. For further reading, check out the original article on this.

<!--[if lt IE 7 ]> <body class="ie6"> <![endif]--> <!--[if IE 7 ]>    <body class="ie7"> <![endif]--> <!--[if IE 8 ]>    <body class="ie8"> <![endif]--> <!--[if IE 9 ]>    <body class="ie9"> <![endif<]--> <!--[if (gt IE 9)|!(IE)]><!--> <!--<![endif]-->

jQuery loading fallback

A vast majority of sites these days make use of the jQuery JavaScript library. A vast majority also make use of Google’s hosted version of the library for faster loading speed’s, and better cross site caching. However, what if there is ever a problem and jQuery is not loaded from Google? Well here is your backup. What it basically does is check if jQuery is loaded from Google. If not, then we load it locally from our own version of jQuery.

<!-- Grab Google CDN's jQuery. fall back to local if necessary --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script>!window.jQuery && document.write('<script src="js/jquery-1.4.2.min.js"><\/script>')</script>

Optimised Google Analytics

Google Analytics is a very popular tool for tracking your website’s user behaviour, and visits. This is simply an optimised version of Google’s asynchronous tracking snippet. To learn what has been optimised, and why it is faster than Google’s own version, read the article here.

<!-- asynchronous google analytics change the UA-XXXXX-X to be your site's ID --> <script> var _gaq = [['_setAccount', 'UA-XXXXX-X'], ['_trackPageview']]; (function(d, t) { var g = d.createElement(t), s = d.getElementsByTagName(t)[0]; g.async = true; g.src = '//www.google-analytics.com/ga.js'; s.parentNode.insertBefore(g, s); })(document, 'script'); </script> Css

Moving on into Css, this is where the vast majority of awesome snippets care to be found. Don’t be put off by some of the one-liners; they are just as useful and awesome as some of the larger snippets to be found.

Html5 ready reset

Plenty of you will have used Eric Meyer’s css reset before now. It is included in many frameworks and so on, like 960.gs. This is a revamped version of that reset, that brings it into the present with full support for html5. It sets all the new structural tags as block level, and resets all their default styling as expected.

/*   html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark  html5doctor.com/html-5-reset-stylesheet/*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } article, aside, figure, footer, header, hgroup, nav, section { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; } /* tables still need cellspacing="0" in the markup */ table { border-collapse:collapse; border-spacing:0; } hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } /* END RESET CSS */

Font normalisation

To get rid of rendering inconsistencies that can occur between browsers and OS’s when rendering fonts in pixels, this snippet allows you to size your fonts in such a way that the size and line-height will remain consistent across these platforms for your website. You will basically be setting your font sizes via percentages that can be found here.

/* fonts.css from the YUI Library: developer.yahoo.com/yui/ Please refer to developer.yahoo.com/yui/fonts/ for font sizing percentages */ body { font:13px sans-serif; *font-size:small; *font:x-small; line-height:1.22; } table { font-size:inherit; font:100%; } select, input, textarea { font:99% sans-serif; }

Webkit font smoothing

This is anti-aliasing for webkit browsers, sadly only in Mac OSX. It basically makes your text render better, and make it more readable, without all the text thinning hacks that we have seen in the past. For further reading check out Tim Van Damme’s article on this.

/* maxvoltar.com/archive/-webkit-font-smoothing */ html { -webkit-font-smoothing: antialiased; }

Force scrollbar

Sometimes, pages can be shorter than the browser view-port, and when you load a page on the same site that has longer content and uses a scrollbar, content can jump side to side. By forcing a scrollbar no matter the height of our content, we stop this small, but annoying issue.

html { overflow-y: scroll; }

Formatting quoted code

This snippet simply makes the text wrap when it reaches the walls of its container, in this case, the pre tag, whilst still preserving line breaks and white space cross browser. To read up on this, have a look at this article.

pre { padding: 15px; white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ }

Aligning Labels

Alignment of labels with their relevant inputs can be a horrible task to achieve in older browsers. This snippets solves that for us by making it consistent across browsers!

/* align checkboxes, radios, text inputs with their label */ input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; }

Clickable inputs

For some reason, most browsers don’t apply a pointer cursor to some clickable input’s by default to let the user now that this item is clickable, so we solve this by doing it ourselves.

/* hand cursor on clickable input elements */ label, input[type=button], input[type=submit], button { cursor: pointer; }

Screenreader access

This snippet basically gives us the best of both worlds, allowing the best usability when it comes to link outlines for both screenreaders tabbing through links, and mouse users. To learn more, read this article.

a:hover, a:active { outline: none; } a, a:active, a:visited { color:#607890; } a:hover { color:#036; }

IE7 image resizing

Ie7 by default uses an image resizing algorithm that means that scaled down images can look far from awesome. To solve this, we simply enable a much better resizing algorithm that is available in Ie7 that produces results similar to what you’d expect from most image editing software. To read more about this, and similar solutions for Ie6, read this insightful article by the Flickr developers.

/* bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ .ie7 img { -ms-interpolation-mode: bicubic; }

Print styles

Any decent site should be print ready, as even though we live in a technology driven time, people still like to have  a hard copy of some information. This snippet firstly uses a css media declaration, allowing you to include this in your main stylesheet, and not having to place another link in the head of your document. This benefits load time, as even when the page inst being printed, a browser will always download that extra css file, generating an extra http request. The snippet then goes on to include some useful print styles such as printing our link urls, and so on.

/* * print styles * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ */ @media print { * { background: transparent !important; color: #444 !important; text-shadow: none; } a, a:visited { color: #444 !important; text-decoration: underline; } a:after { content: " (" attr(href) ")"; } abbr:after { content: " (" attr(title) ")"; }    .ir a:after { content: ""; }  /* Don't show links for images */    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }    img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } }

Device orientation

These are just two css media queries you may want to use for your website development. With lots of smart-phones, and tablets being able to orientate their screens from landscape to portrait, you may want to include different styles for each. This is how you would go about achieving this.

@media all and (orientation:portrait) { /* Style adjustments for portrait mode goes here */ } @media all and (orientation:landscape) { /* Style adjustments for landscape mode goes here */ } .htaccess

One thing that html5 boilerplate does come with that other starting point templates generally don’t is server sided files. Check out these awesome .htaccess snippets that can easily improve your site.

X-UA-Compatible Server sided

This is the same as the html version mentioned above, forcing the latest rendering engine in IE, and Chrome Frame if it exists. The benefit of including this in your .htaccess file is that it saves you having to declare this in the head of each and every html document you produce.

<IfModule mod_headers.c> BrowserMatch MSIE ie Header set X-UA-Compatible "IE=Edge,chrome=1" env=ie IfModule> IfModule>

Gzip compression

Gzip compression allows us to drastically reduce out file sizes. This .htaccess snippet does the gzipping for us.

# gzip compression. <IfModule mod_deflate.c> # html, xml, css, and js: AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css application/x-javascript text/javascript application/javascript application/json # webfonts and svg: <FilesMatch "\.(ttf|otf|eot|svg)$" > SetOutputFilter DEFLATE </FilesMatch> </IfModule>

Expiry date for cache filetypes

When we cache our files on the user’s machine, we may want to specify how long they remain there, depending on how often we change them ourselves. This snippet provides basic times for common file types, some of which you may wish to change for your own site.

# these are pretty far-future expires headers # they assume you control versioning with cachebusting query params like #   <script src="application.js?20100608"> # additionally, consider that outdated proxies may miscache #   www.stevesouders.com/blog/2008/08/23/revving-filenames-dont-use-querystring/ # if you don't use filenames to version, lower the css and js to something like #   "access plus 1 week" or so <IfModule mod_expires.c> Header set cache-control: public ExpiresActive on # Perhaps better to whitelist expires rules? Perhaps. ExpiresDefault                          "access plus 1 month" # cache.manifest needs re-reqeusts in FF 3.6 (thx Remy ~Introducing HTML5) ExpiresByType text/cache-manifest       "access plus 0 seconds" # your document html ExpiresByType text/html                  "access" # rss feed ExpiresByType application/rss+xml       "access plus 1 hour" # favicon (cannot be renamed) ExpiresByType image/vnd.microsoft.icon  "access plus 1 week" # media: images, video, audio ExpiresByType image/png                 "access plus 1 month" ExpiresByType image/jpg                 "access plus 1 month" ExpiresByType image/jpeg                "access plus 1 month" ExpiresByType video/ogg                 "access plus 1 month" ExpiresByType audio/ogg                 "access plus 1 month" ExpiresByType video/mp4                 "access plus 1 month" # webfonts ExpiresByType font/ttf                  "access plus 1 month" ExpiresByType font/woff                 "access plus 1 month" ExpiresByType image/svg+xml             "access plus 1 month" # css and javascript ExpiresByType text/css                  "access plus 1 month" ExpiresByType application/javascript    "access plus 1 month" ExpiresByType text/javascript           "access plus 1 month" </IfModule> # Since we're sending far-future expires, we don't need ETags for # static content. #   developer.yahoo.com/performance/rules.html #etags FileETag None Further thoughts

I strongly suggest you go check out Html5 Boilerplate. It is a fantastic resource that houses all of these snippets and more, that I am sure you will find useful.

Categorie: Grafica, Tutorial, Webmaster

Sweet CSS3 Buttons – BonBon

WebResourcesDepot - Gio, 02/09/2010 - 21:05

Using the new features and flexibility CSS3 offers, designers keep coming with impressive outputs.

One of them is BonBon Buttons: attractive buttons that will possibly attract the Web 2.0-type design fans the most.

A single PNG image is used to give the noise effect and they have a shiny 3D-like look.

There is also a method provided for inserting Unicode Symbols inside buttons with the help of HTML5 custom data attributes.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Tags: CSS3, HTML5
Related posts
  • Test Drive IE9 With The Preview Release
  • Simple Web Application Prototyping: ProtoFluid
  • HTML5Rocks: HTML5-CSS3 Resource By Google
  • HTML5 Reset – A Base For HTML5-CSS3 Projects
  • HTML5 Mobile App. Framework: Sencha Touch
Categorie: Grafica, Webmaster

5 Indirect Ways to Use StumbleUpon to Promote Your Blog

Associated Content - Most recent tutorials - Gio, 02/09/2010 - 20:42

The typical method of using StumbleUpon to promote your blog can have hit-and-miss results. Here are some indirect ways you can use StumbleUpon to promote your blog.

Contributor: Gabriel Gadfly
Published: Sep 02, 2010

Categorie: Tutorial

10 camisetas creadas por diseñadores gráficos

Creativos Online - Gio, 02/09/2010 - 20:37

El trabajo del diseñador gráfico no solo tiene que centrarse en crear para la impresión en papel o en el diseño de interface para webs. Una muy buena salida profesional para un diseñador gráfico o para un ilustrador es trabajar haciendo ilustraciones y diseños para estampar en camisetas, sudaderas, pantalones, pañuelos y todo tipo de prendas textiles.

Aquí os dejo 10 buenos ejemplos de diseño gráfico aplicado a camisetas y sudaderas que he encontrado en DeviantArt…¿os animáis a diseñar vuestras propias camisetas?…Si es así podéis sacaros un dinerillo vendiendo los diseños en varias páginas webs donde comercian con este tipo de artículos como Spreadshirt

Las 10 camisetas después del salto:

Posts relacionados
  • ¿Problemas de inspiración ilustrando? (1)
  • Un regalo para la vista: 50 ‘Pixel Arts’ (3)
  • Tarjetas de visita con ilustraciones personalizadas (0)
  • Más de 188 fotografías y vectores de camisetas y jerseys para aplicar tus diseños (3)
  • Inspirándonos con 33 ilustraciones increíbles (3)
Categorie: Grafica, Tutorial, Webmaster

Iconos para redes sociales con peana

Creativos Online - Gio, 02/09/2010 - 20:10

Son muchos los packs de iconos para redes sociales que os hemos traido a Creativos Online, pero sin duda ninguno con base como si fueran trofeos y con el logotipo en 3D de pie…

Y es que por si eso fuera poco, además, estos iconos tiene una definición increiblemente buena. En total son 8 iconos con los que podremos enlazar a páginas y perfiles como: Twitter, Picassa, Yahoo!, WordPress, Facebook, etc..Están en formato PNG, miden 435×424 píxeles.La licencia para este pack de iconos de redes sociales es libre, tanto para uso personal como para proyectos comerciales y no hace falta citar al autor, así que no tenéis por qué preocuparos si os gusta alguno y queréis usarlo en vuestra web o blog personal o en la de algún cliente.

Han sido diseñados por 3D LB y los podéis descargar desde aquí.

Posts relacionados
  • Set de iconos para redes sociales (0)
  • Iconos de redes sociales de gran calidad en 3D (1)
  • 9 packs de iconos de redes sociales para descargar gratis (2)
  • 22 packs de iconos de redes sociales (0)
  • 18 iconos para redes sociales en blanco y negro transparentes (0)
Categorie: Grafica, Tutorial, Webmaster

The Secrets to Creating Natural Sounding Drums Using a Drum Machine

Associated Content - Most recent tutorials - Gio, 02/09/2010 - 19:59

In many cases drums beats created by a drum machine sound like nothing resembling the real thing. In order to make your drums sound like a real drummer is playing them you need to understand how a drummer plays.

Contributor: Sharon Shytrit
Published: Sep 02, 2010

Categorie: Tutorial

Tutoriales para maquetación de ebooks y revistas digitales

Creativos Online - Gio, 02/09/2010 - 19:29

Hace unos días me pedían en nuestra página de Facebook si podía postear recursos y tutoriales sobre maquetación de ebook y revistas digitales. He estado investigando un poco y he encontrado unos cuantos tutoriales y artículos sobre el tema de la maquetación que espero que os resulten interesantes a todos y que le Yasna Quiroz, que es quién nos pidió estos recursos desde la página de Creativos Online en Facebook.

Programas para maquetación y proyecto de impresión

Tecnicas, cosejos y apuntes sobre maquetación

Tutorial de diseño y maquetación de un libro con Indesign o QuarkXpress: Una vez diseñado nos da la opción exportarlo en formato PDF (Archivo –> Exportar), así que podemos diseñar ebooks con Indesign sin ningún problema.

Videotutorial “De pdf a flash”: Para crear libros electrónicos donde podremos “pasar las hojas” como en un libro real.

Y con estos cuatro enlaces y toda vuestra creatividad podéis crear revistas o libros digitales a vuestro antojo. De todos modos sin necesitáis cualquier recursos sobre maquetación o cualquier otro tema de diseño no tenéis más que poneros en contacto con nosotros y haremos lo posible por ayudaros.

Podéis contactar con nosotros e:

Twitter: http://twitter.com/creativosblog

Facebook: http://www.facebook.com/#!/CreativosOnline?ref=ts

Foro de Creativos Online: http://www.creativosonline.org/foro/

Posts relacionados
  • Plantillas en PDF gratis para diseñar packagings (5)
  • Manual de Photoshop CS5 en español (9)
  • Manual de Illustrator CS5 en español (3)
  • Manual completo en español de Adobe Photoshop CS4 (25)
  • Dictadura del diseño, e-book para descargar gratis (0)
Categorie: Grafica, Tutorial, Webmaster

Starcraft 2: The Basics of Queen Management and Zerg Macro

Associated Content - Most recent tutorials - Gio, 02/09/2010 - 19:20

An article that examines the macro mechanics of the Zerg in Starcraft 2, and recommends how to best utilize the Queen's skills to maximum advantage. Briefly deals offers suggestions applicable to macro in general.

Contributor: b
Published: Sep 02, 2010

Categorie: Tutorial

Social Network Games: Friend or Foe to the Video Game Industry?

Associated Content - Most recent tutorials - Gio, 02/09/2010 - 19:08

Five benefits to Social Network Games, in relation to any potential conflict or competition with traditional console/MMO titles within the gaming industry.

Contributor: Lori May
Published: Sep 02, 2010

Categorie: Tutorial

How to Remove a "No Service" Error on an Unlocked IPhone 3G

Associated Content - Most recent tutorials - Gio, 02/09/2010 - 19:07

It can be a headache after unlocking your iPhone 3G to get an error, particularly the "No Service" error that stops you from using your iPhone 3G. A few simple steps will have your iPhone 3G up and running in no time.

Contributor: Ashli Norton
Published: Sep 02, 2010

Categorie: Tutorial

Tips to Help with a Flickering LCD Monitor

Associated Content - Most recent tutorials - Gio, 02/09/2010 - 18:51

This article shows a few solutions to use to fix a flickering LCD screen.

Contributor: Robert Falden
Published: Sep 02, 2010

Categorie: Tutorial

45 Páginas de agencias de diseño

Creativos Online - Gio, 02/09/2010 - 17:44

¿Estás pensando en montar una agencia de diseño? En ese caso yo creo que una de las cosas básicas que te interesan sí o sí es inspirarte con las páginas web de otras agencias que ya han tenido o tienen éxito en la red de redes.

En muchos casos puedes observar que no son páginas para nada espectaculares, pero es que cuando vamos a captar clientela no necesariamente tenemos que dejar con la boca abierta a la persona que está al otro lado, sino que tenemos que hacerle que capte nuestro mensaje, eso es lo verdaderamente importante.

Tras el salto quedan.

Fuente | WebDesignLedger


nclud

Solid Giant

uber

web://contact

R/GA

Icelab

Hicksdesign

Squarefour

Mooze Design

Bearded Studio

Worry Free Labs

Creative Mash

Baker Associates

zee

Frexy

Creativepayne

Pepperminted

Qube Studio

Cafundó Estúdio Criativo

SoftFacade

Komrade

Collision

Atelier Santaclara

DesignStudio

here design

Stockholm Design Lab

Mash Design

Design is Kinky Studio

The Church of London

Mr B and Friends

xhtml kitchen

Studio Mister

We are Lighthouse

Drexler

Studio Breakfast

Amateur Creative

Leterme Dowling

vgrafiks

Studio Hari

Marah Creative

Justalab

Metaset

Pixel Thread

Birch Studio

Posts relacionados
  • ¿Qué es un pangrama? (6)
  • ¿Cuanto gana un diseñador? (11)
  • ¿Cual será el punto fuerte de Internet Explorer? (3)
  • ¿Cómo se producen las gráficas del New York Times? (0)
  • ¿Cómo se ilustra un cuento? La ilustración infantil contada paso a paso… (3)
Categorie: Grafica, Tutorial, Webmaster

How to Hide or Unhide Folders, Files, and Drives in Windows Explorer

Associated Content - Most recent tutorials - Gio, 02/09/2010 - 17:21

Hiding or unhiding files, folders or drives in Microsoft Windows is a simple task that can be accomplished by following this guide.

Contributor: Kyle Minor
Published: Sep 02, 2010

Categorie: Tutorial

Why the Gaming Industry Needs Social Network Games

Associated Content - Most recent tutorials - Gio, 02/09/2010 - 16:47

It's easy to believe that social gaming is cancerous to the video game industry, but the popularity of social network games is proving to be a gift.

Contributor: Jaime Skelton
Published: Sep 02, 2010

Categorie: Tutorial

DUN Manager 3.7

HTML.it - Novità quotidiane - Gio, 02/09/2010 - 16:00
Semplificare e migliorare la gestione della connessione remota
DUN Manager è un software pensato per migliorare la gestione delle connessioni remote. Si avvia nella barra di sistema dalla quale è possible gestire le opzioni del programma e impostare diverse operazioni pianificate come disconnessione e...

Autore: Giacomo Baioni
Tipo risorsa: software per Windows
Categoria software: ADSL e Dial-up
Categorie: Webmaster
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • …
  • successiva ›
  • ultima »
Condividi contenuti

© Stefano Mallozzi
P.IVA 02155580596
Valid XHTML 1.0 Strict Valid CSS Valid RSS
Powered by Drupal Powered by Apache Powered by MySQL Powered by PHP