Archive for the ‘Accesibilidad’ Category

Presentaciones en Power Point efectivas para mostrar la empresa

Monday, June 23rd, 2008

En estos tiempos que corren, parece que todo el mundo ha aprendido a hacer presentaciones con el mismo profesor. Por lo que se ve, en esa escuela de presentaciones lo primero que enseñan es que para dar una charla lo más importante es el PowerPoint. Sin un buen montón de transparencias detrás poca gente es capaz de hablar en público.

Por supuesto, un programa como PowerPoint (o su equivalente libre y gratuito OpenOffice Impress) puede ayudarte. Pero también puede ser letal para tu objetivo de conmover a la audiencia. Y es que el PowerPoint mal manejado puede ser más peligroso que una ametralladora en manos de un chimpancé espídico.

Afortunadamente, hay muchos recursos en Internet para aprender a crear transparencias que apoyen tu mensaje en lugar de destruirlo.

Además, tampoco es tan difícil crear presentaciones impactantes, que refuercen la idea que quieres transmitir y que dejen al auditorio con ganas de saber más acerca de lo que les has contado. Basta seguir unas reglas básicas y unos pocos consejos.

Reglas

  • Usa un tipo de letra de al menos 30 puntos. Nunca menos. ¿Que te cabe poco texto? Pues de eso se trata. Porque eso facilita cumplir la siguiente regla.
  • No leas. Nunca uses tus transparencias como “teleprompter”. Es la manera más segura de perder a la audiencia: ellos leen más rápido de lo que tú puedes hablar, así que han terminado cuando a ti todavía te falta media transparencia. En ese momento se aburren, se distraen, y se impacientan, pensando en el tiempo que están perdiendo.
  • Usa muchas transparencias. Son gratis, así que usa todas las que necesites. No intentes “comprimir” una idea compleja en una sola transparencia. Dedica toda una secuencia de ellas, si hace falta, a explicar una sola idea.
  • Usa imágenes, pero que sean de calidad. Ni se te ocurra usar el clipart de Office, como todo el mundo, o peor aún, cliparts baratos de los que pululan por Internet. Usa fotografías, que puedes encontrar gratis o muy baratas en sitios como Flickr o Dreamstime.
  • No uses efectos de transición. Que las transparencias entren haciendo tirabuzones o revoloteando por la pantalla no añade información, solo distrae. Y no te convierte en un experto en PowerPoint, más bien al contrario.

Consejos

  • Tipos de letra. Los tipos de letra sin serif (como el Arial) son más legibles que los tipos con serif (como el Times New Roman). Está bien usar tipos de letra originales, pero recuerda que el ordenador en el que vayas a hacer la presentación no tiene por qué tenerlos instalados. Y usa el mismo en toda la presentación, no uno en cada transparencia. Y por supuesto, nunca varios en una misma transparencia.
  • Mejor en tu portátil. Si puedes, es preferible hacer la presentación en tu portátil. Así sabes exactamente cómo va a quedar y evitas problemas de compatibilidad entre versiones, de tipos de letra desaparecidos, de vídeos o sonidos embebidos que no aparecen, de gráficos descuadrados…
  • Ten a mano tu presentación. Muchas veces te la pedirán por adelantado, pero no te fíes pensando que por haberla enviado estará preparada cuando des la charla. Lleva una memoria USB, y cuélgala además en Internet, en un sitio que sea fácilmente accesible (puedes enviártela a tu cuenta de Gmail, por ejemplo. Cualquier cosa que te evite encontrarte a cinco minutos de la presentación sin el apoyo de las transparencias.
  • Lleva una copia en PDF. Si todo falla, si las versiones de los programas son incompatibles, si las imágenes se descuadran, si las letras salen de los cuadros de texto, en lugar de tirarte de los pelos siempre podrás usar la versión en PDF. Y tampoco sería mala idea llevar un lector ligero de PDF, como el Foxit.
  • Limpia las transparencias. Demasiada información en una transparencia solo confunde al público. Deja solo lo más relevante y usa las notas para aportar datos, enlaces, tablas, información adicional, etc. Luego puedes entregar esa versión a los asistentes, para que la tengan disponible y comprueben que tu mensaje está basado en hechos.

Hacer copias de seguridad Backup para Blogs de Wordpress

Monday, June 16th, 2008

¿Tienes un blog en Wordpress.com y quieres hacer un backup del blog?

Quizás no sea buena idea, el hosting de Wordpress.com no se va a caer nunca, pero puedes hacerlo, de todos modos.

En realidad cuando exportas los posts, también puede servir para importarlos desde otro.

Wordpress utiliza el conocido formato XML para el intercambio de los post.

De la palabra de sus creadores:

Este formato, que nosotros llamamos WordPress eXtended RSS o WXR, contendra tus post, comentarios, campos personalizados y categorías.

También es posible exportar los posts de un autor, puede ser el caso de un blog colaborativo, donde uno de los bloggers pide todo su material para importarlo en un nuevo blog, las posibilidades son infinitas.

Para guardar una copia de los posts, hay que ingresar al panel de Administrador.

Y nos dirigimos a Administrar, exportar.

1

Luego elegimos, si queremos exportar todo el blog, o por usuarios.

2

Clickeamos sobre Descargar fichero de exportación.

Listo, el navegador nos pedirá el destino del archivo XML, backup exitoso.

3

Chicas Stripers y Boys stripers en España!! a que esperas las mejores fotos en www.stripersygogos.com

Wednesday, June 11th, 2008

alicante (1) barcelona (1) boys (2) chica (1) chico (1) contrataciones (1) contratar (3) despedida (3) despedidas (2) drag (1) eroticos (1) girls (1) gogos (4) lesbicos (1) madrid (1) porno (1) precios (1) queens (1) soltera (3) soltero (3) streaper (2) streapers (2) streappers (2) striper (2) stripers (6) stripersygogos (1) strippers (2) tarifas (1) toledo (1) tu (1) valencia (1) www (1) zaragoza (1)

Mas en

25 codigos para diseño web (parte 2)

Tuesday, May 27th, 2008

Part 2 of our code snippets series takes a look at more handy pieces of html, ajax and css that you can incorporate into your web designs. If you missed part 1 you can see it here.


Tables with style - It might not seem like it but styling tabular data can be a lot of fun. From a semantic point of view, there are plenty of elements to tie some style into. You have cells, rows, row groups and, of course, the table element itself. Adding CSS to a paragraph just isn’t as exciting.

203.jpg


CSS Shadows - So for a couple of years now, folks have been trying to find ways to work around the fact that the box-shadow property from CSS3 seems to perpetually be just a few months away from actually appearing in Web browsers everywhere. Box shadows are a very common design element, and not being able to use them on the Web is a real pain in the ass.

126.jpg


Airtight Corners - Here’s a quick number on how to produce a box with rounded corners using only one image, and off-setting that image for each corner.

218.jpg


Collapsing Tables With DOM and CSS - Each of the tables below has a class called “footcollapse” which makes the script add the arrow images in the footer allowing the table to be collapsed and expanded.

312.jpg


3D Box Model Diagram - Here’s a thing. I’ve seen umpteen diagrams showing CSS beginners how padding, border and margin work together, but not the order in which elements such as background colour and image are stacked. To try and fill this hole, I’ve drawn a diagram.

412.jpg


Docking Boxes - Docking boxes (dbx) adds animated drag ‘n’ drop, snap-to-grid, and show/hide-contents functionality to any group of elements.

512.jpg


CSS Submit Button - For some time now we have all known about how you can treat a submit button as you would any tag when it comes to styling it with CSS, we can change its background colour, border and font styles using our trusty CSS.

610.jpg


PHP Style Switcher - For your style-sheet-switching pleasure, A List Apart offers the Switcher, a piece of JavaScript that dynamically changes page styles. Functional as it is, it quite unfortunately relies on the user to have both JavaScript and cookies enabled. There’s not much we can do about the cookies, but we can sidestep client-side processing with a little help from PHP.

77.jpg


Two Color sIFR - How to implement two color sIFR

810.jpg


Styled images with caption - The problem is a simple one. A client wants to add an image to their site via the content management system. They want it to look attractive, not appear too boxy (let us say they want a nice rounded corner, as this is all the rage) and have a nice caption underneath it. However, they do not know how to use an image editor (beyond basic resizing) or how to edit HTML.

96.jpg


Simple CSS Image Switcher - This is a pure CSS image switcher that is lightweight and standards-compliant. It could be used for a gallery or any similar function.

105.jpg


Dynamic Pie Chart with CSS - This is an example of creating a semi-dynamic pie chart without the use of server-side imaging libraries

233.jpg


Replicating a Tree Table - The aim is to replicate a graphic table tree using HTML

1112.jpg


Listamatic - Can you take a simple list and use CSS to create radically different list options? The Listamatic shows the power of CSS when applied to a simple list.

127.jpg


Simple accessible external links - How to identify external links

134.jpg


CSS Element Hover Effect - Using css and html only

145.jpg


CSS Going to Print - You’ve seen them before: links that say “click here for printer-friendly version” or words to that effect. Every time you follow one of those links, you load a separate document that presents exactly the same information with a different layout, and probably different markup.

154.jpg


Drop Caps with CSS - The code for the dropcap is simple, but we can fancy it up a bit. We use the inline CSS for fiddling with the look.

163.jpg


CSS: Unordered List Calendar - This is a list boxes calendar. It isn’t the most semantic method, but it does seem to be faily stable and it resizes perfectly. A monospace font like Courier New must be used to ensure proper proportions and two characters must be used. Prepared with dynamic generation in mind.

173.jpg


Visited Links - Everyone does visited links differently. Jakob Neilson flunkies use the old school blue-and-purple combo to help show visitors where they’ve been. People with actual design taste use more palatable colors, or perhaps a font-weight variation instead.

183.jpg


Smart Back to top link - Back to top link’s purpose is to quickly position the viewport back to a beginning of a web page. Sometimes you have a variable height of the content and this link is unnecessary if a particular page is shorter than viewport height

193.jpg


Displaying percentages with CSS - In turning this part of the design into something flexible on the website I saw two options; clever CSS, or ‘Lots of Images’. I decided that ‘Lots of Images’ was a bad idea

219.jpg


Unobtrusive Sidenotes - Unobtrusive Sidenotes is a simple mix of Javascript and CSS that makes it ridiculously easy to incorporate sidenotes into your web pages or blogs.

224.jpg


CSS Cheatsheet - The CSS cheat sheet is designed to act as a reminder and reference sheet, listing all selectors (as of CSS 2.1) and properties. It includes a visual example of the box model, unit reference for CSS units and the various media types CSS makes allowance for.

243.jpg


CSS Navigation Techniques - A roundup of 37 different nav bars

252.jpg

50 herramientas web

Tuesday, May 27th, 2008

BEGINNER RESOURCES

    sitekreator

SiteKreator - You can instantly design, build and host a fully-branded website for personal or business use.

Leafletter - Allows you to create a “little web site” that you can then distribute anywhere (social networks, blogs, other websites).

SynthaSite - Browser-based website creation tool that allows you to collaborate with friends or colleagues. Also has lots of widgets, templates and other components you can use.

Weebly - With Weebly you can create a fully branded website using a drag and drop interface, and change your design any time.

FolioNow - A web-based tool that makes creating websites affordable and requires little effort.

Zinadoo - Lets you create and share a mobile website.

mobispirit - An online platform for creating mobile applications.

siteMighty - Web based platform for creating affiliate websites in minutes.

CreataPlace - Create a professional portfolio website without programming. And it’s affordable.

weebox - Flash-based website creator with a drag-and-drop interface. You do have to host through them.

freewebs - Fast and easy website creator with hundreds of available templates and customizable widgets.

Built Smarter - Tons of templates available, depending on the price you’re willing to pay, built-in modules and customization also available.

sampa - Free website creation and hosting. There is an ad bar that runs across the top of your site.

Wufoo - Online form builder with full CSS and XHTML integration.

formspring - Another online form builder. This one lets you get all of the form submissions through an RSS feed or single spreadsheet instead of hundreds of emails.

RESOURCES FOR MORE ADVANCED USERS

    inserit

inserit - A codeless CMS that lets you freely design your pages and integrate live content anywhere. Host your website anywhere (Linux or Windows).

BrowserShots - Test your site in different browsers.

tweak - Tweak is a CMS that allows you to design your way, and make it conform. You can also save pages in just about any format (HTML, PHP, ASP, JSP, etc.).

formatpixel - Create an online magazine, fanzine or catalog that you can then share on your website.

RoundedCornr - Generates HTML/CSS code and images for rounded corners.

GRAPHICS AND DESIGN TOOLS

    colorschemer

ColorSchemer - I use the color scheme gallery on this site all the time for inspiration when creating just about anything.

COLOURlovers - Tons of color theory inspiration and color schemes as well as color trends.

Color Mixers - Color Mixers creates color schemes for you, and has an easy-to-use slider interface.

ColorBlender - A free online tool for color matching and palette design. You just choose a color using the color picker and a 6-color matching palette will be automatically created.

Kuler - Make color schemes that are compatible with Adobe Creative Suite products.

colr - Another color scheme generator.

Color Tool 2.0.8 Alpha - This is a pretty cool color scheme generator that allows you to save and then link to your color scheme.

Vecteezy - Get free vector graphics from top artists around the world.

BlogFlux Button Maker - The Button Maker allows you to make 80×15 and 88×13 buttons with a few clicks and without needing to know how to use a graphics program.

Button Browser - Button gallery and button maker.

Brilliant Button Maker - Another 80×15 button maker.

Background Image Maker - You can make slash, strip, dot or gradation backgrounds with this free online tool.

Brusheezy - Very cool Photoshop brushes available for download.

Tartan Maker - Create your own tartans with this easy-to-use web-based tool. Use for backgrounds or other images.

iconfinder - An icon search engine.

Stripe Generator 2.0 - Create striped backgrounds for your site.

FamFamFam - Silk icons, 1000 to choose from. There are report icons, picture icons, XHTML/CSS buttons, hardware drive icons, feed icons, and more.

IconBuffet - Professional icon collections.

Web 2.0 Badges - Create Web 2.0 badges for your site.

The Icon Factory - They offer freeware icons as well as a shareware IconBuilder.

Colr Pickr - Pick a color and Colr Pickr will show you a bunch of images that consist primarily of that color from flickr.

terra IMS mapicons Dynamic Generator - Create PNG format images to use as icons on Google Maps or Yahoo Maps.

pic2color - Create color palettes from images, and recolor your graphics.

TypeTester - TypeTester allows you to try out different web fonts to see how they’ll look side-by-side.

INSPIRATION/COLLABORATION/OTHER RESOURCES

    designsnack

DesignSnack - A user-controlled web design showcase that can serve as great inspiration. Users get to vote on sites showcased.

Web Creme - A gallery of beautiful web designs for inspiration.

CSS Collection - A collection of real websites built with CSS to serve as inspiration.

cssBeauty - Check out their gallery for tons of inspiration.

ConceptShare - Share your work with clients and coworkers with a very clear interface that is unlikely to confuse clients.

A List Apart - The must-read blog/online magazine focused on web development and design.

Web Design from Scratch - Tons of resources for design, including articles on design process, goal-oriented design, site architecture and usability.

Css ForSale - Purchase an established CSS-based website or just go here for inspiration.