background preloader

Diseño web

Facebook Twitter

7 plugins jQuery que te harán el trabajo más simple. Sin duda alguna, jQuery cambió por completo la forma en que usamos -y aprovechamos- JavaScript, llevando a otro nivel la forma en que los usuarios interactuan con sitios y aplicaciones web. Si eres desarrollador web, seguramente ya te has aventurado a escribir código para dotar tu proyecto de alguna funcionalidad especial y te habrás dado cuenta que lograr algo realmente asombroso con jQuery no siempre es una tarea simple. Muchas veces queremos resolver por nosotros mismos todos los problemas, y que todo el código en el proyecto sea de nuestra propia cosecha, sin embargo, hay ocasiones en las que no contamos con el tiempo suficiente y se hace necesario recurrir a código de terceros, y así, evitar reinventar la rueda. Aunque existen miles de plugins de este tipo regados en Internet, he recogido estos 6 por su gran calidad y sus particulares características que, además de darle un toque extra de genialidad a tu proyecto, te harán el trabajo mucho más simple.

Adipoli blur.js Hammer.js. Introduction to Flash MX. Veerle's blog 3.0 - Webdesign - XHTML CSS. Web Design: 5 Tips That Will Sway Your Customer. Images and design aren’t about specifics, they’re about the subconscious. Font Awesome Icons. Animated SVG Icons with Snap.svg.

Using SVGs on websites is becoming more and more easy with great libraries like Snap.svg.

Animated SVG Icons with Snap.svg

Today we want to explore what we can do with it and animate some SVG icons as a practical example. View demo Download source SVG has been one of the most underused technologies when it comes to web development. Despite it’s usefulness and powerful possibilities it’s still a mystery to many and when it comes to integrating it and using animations, many developers don’t know where to start. With great libraries like Snap.svg the use of SVG assets becomes more easy and today we’d like to explore how to animate SVG icons.

Free SEO Tools - Try Free Search Engine Optimization Tools Now - SaaS (No Download) You'll find all sorts of free SEO tools to test, analyze and boost your SEO strategy here.

Free SEO Tools - Try Free Search Engine Optimization Tools Now - SaaS (No Download)

To gain access to more powerful reports, try our SEOToolSet® in a 30-day trial period -- cancel or upgrade your subscription at any time. Enjoy! Search Engine Optimization/KSP Tool The Search Engine Optimization/KSP Tool provides keyword statistics that assist with search engine marketing decisions. This tool measures a keyword's popularity by showing daily approximations of how often each keyword is searched in the major search engines, derived from monthly statistics.

It's best to consider these numbers as proportionate, rather than exact; for example, a keyword with 10,000 total queries will be roughly twice as popular as a keyword with 5,000 searches. Each keyword's top three search engine categories are also viewable.

Blogs

How to Make a Web Site: The Complete Beginner's Guide. 20 Super Useful Browser Apps For Designers. Today I would like to share with you a collection of super useful browser apps that I find very handy and use pretty often, these browser based design apps are perfect for designers or front-end developers who are are in the process of taking the design build from sketch concepts all the way through to the final coded product.

20 Super Useful Browser Apps For Designers

I hope you find some new and useful browser apps from this collection and hopefully these will help you to speed up your work-flow from concept to delivery. Connect A Sketch. Lightbox 2. Picture Zoom Script. Demo Overview This script is used to enlarge images on your website.

Picture Zoom Script

Licensing This script is licensed under LGPL. Un formulario de contacto gratuito para su sitio web - Foxyform.com. 10 Useful Web Apps for Designers. DesignWoop welcomes this guest post by Tomas Laurinavicius.

10 Useful Web Apps for Designers

Since the iPhone and iPad entered the market you can hear lots of news about apps for these devices. Tons of apps available today and you can find everything you want. 15 sites web developers and designers should know. Creating a good website isn't an easy task, but there's a few tools that can definitely make your developer or designer life easier.

15 sites web developers and designers should know

In this article, I have compiled 15 extremely useful website that any web developer or web designer should have bookmarked. ColorCombos When designing a website, one of the firsts (and most important) steps of the process is to choose a color scheme. Color Combos allow you to browse thousand of different colors combinations for getting inspired for your upcomming design. Color schemes can be browsed by colors.Visit colorcombos.com. 15 Must-Know Facts on How People View Websites. Do you know what is the first thing that your eye is drawn to on a website?

15 Must-Know Facts on How People View Websites

And in what pattern do people scan your website? There have been many eyetracking tests on this subject and I’ll give you 15 most useful facts you should know. The picture below shows 3 different websites and where people look on them. Red indicates the area, where people looked the most, yellow areas got a bit less eye-action, blue areas got the least views and the gray areas, well, people didn’t focus on them at all. As you can see, the more people scroll down, the more they lose focus and start mainly scanning your website. Here are the 15 facts you should know on how people view websites. Text attracts more attention than pictures. How to Jump Content from Your Facebook Page to Your Profile.

50 Totally Free Lessons in Graphic Design Theory. 31 Practical Website Interface Design Tutorials. Designing a website has never been easier.

31 Practical Website Interface Design Tutorials

If you asked a web designer who been long enough in the industry, they could tell you there’s actually not much resources, articles nor communication channels regarding web design/develop in the older days, let alone high quality free tutorials. If you intend to create your own personal websites or perhaps redesign your blog theme, it’s not something too hard already. Thanks to generous designers and contributors, the net is full of great tutorials with step by step guides helping you building web interfaces and navigation.

And with this blog post, we’ve probably just scratched the surface of what’s out there. 30 Beautifully Simple Websites - Web Design Blog – DesignM.ag. Get the FlatPix UI Kit for only $7 - Learn More or Buy Now Did you have a long weekend?

30 Beautifully Simple Websites - Web Design Blog – DesignM.ag

Looking for a little design inspiration after a long night? Look no further than our latest collection of beautifully simple websites. 9 Inspirational Website Effects Deconstructed. As you may know, there are lots of great tutorials out there which can definitely help you practice, learn and achieve amazing results.

9 Inspirational Website Effects Deconstructed

The good thing about having so many tutorials to learn from is precisely that – you have a large variety of sources to choose from. Sometimes though, the tutorials aren’t clear, or difficult to understand or you just can’t apply it in the real world. Web and Graphic Design Inspiration and Photoshop Tutorials. 40 Beautiful Web Page Templates in Photoshop PSD. Thanks to all the help and references like Photoshop tutorials, icons, graphics and other design elements we can scoop from the Internet, designing websites has changed quite significantly over the pass few years. With the help of all these resources, designing a website can’t be too hard and the layout can’t go too wrong. Today, we want to show you that now only your website can’t go too wrong, it can be eye-catching, even if you a novice Photoshop user.

Here’s a list of 40 beautiful and professionally looking web layout in Photoshop PSD file. Hope this cuts your journey to your ideal websites, to a nearer distance. Here are more Photoshop and template related post we’ve published: 25 Excellent Photoshop Web Design Layout Tutorials. By Marcell Purham. 30 Creative Website Footers.

Website Layouts on the Behance Network. Tutorial: how-to code your PSD into a HTML-CSS layout. Whether you’re working for a firm or freelancing on your own, the most efficient way to develop a site is with a layered Photoshop mockup. This allows designers to easily manipulate the design and adjust the color palettes without having to spend lengthy amounts of time coding. Designers show the mockups to their client, gather any feedback the client might have, allow the client to pick which design they have best, and then turn the mockups over to the developer(s). The good news for developers is that the design is already there for them all they have to do is convert it from the Photoshop mockup file, or PSD file, to a coded version that can be read by internet browsers.

In this tutorial we will be focusing on taking a PSD and “slicing” it with CSS and XHTML to develop the front-end of the site. For this tutorial we will need to download two files. We’ll start by opening our PSD file in Photoshop, Fireworks, or whatever your image-editing program of choice is. Creating beautiful web designs: 9 details that matter. There are many good web designers out there, thousands of them, but there aren’t so many great designers. The difference between a good and a great designer?

Details! The Anatomy of a Perfect Landing Page. How to Create Your First Web Page. Note: If you know anything at all about HTML and CSS, don’t bother reading this, it’s a guide for the uninitiated, technophobes, luddites, computer-illiterates, anyone who is more comfortable with a pen and paper than a keyboard and mouse. JavaScript Best Codes. Javascript slideshow script html image slide show. 10 funciones imprescindibles en Javascript. En la era de la información y en la denominada Web 2.0 no es posible sobrevivir sin tener un buen nivel de Javascript.

En estos pequeños 10 puntos trataré de enriquecer un poco más la capacidad del lector, detallando algunos de las funciones/métodos más importantes de Javascript, junto con ejemplos prácticos. Javascript es un leguaje de scripting interpretado orientado a pseudo-objetos, esto es, que no existe herencia, aunque se puede conseguir clonando una clase y añadiendo más métodos o propiedades. Html - How to dynamically change the color of the selected menu item of a web page.

HTML - PHP Form Example. Use this example as a form walkthrough. We will briefly build an HTML form, and call the form data using PHP. PHP offers several methods for achieving this goal, so feel free to substitute alternative methods as you follow along. Our example will show you a method using a single .php file, combining both PHP and HTML in one simple text file, to retrieve the data and display the results.

Below is a quick review of bullets, check boxes, text fields, and input fields and using them to build a form to retrieve some personal information about our user. PHP examples. PHP Learn It! Introduction to PHP. Learning How to Code Has Never Been Easier. Programming isn’t just a niche specialization anymore, rather a necessity for tech-professionals regardless of the industry in which they work. Thankfully for them, it couldn’t be any easier.As such, there’s a big push lately to make coding literacy more widespread among the general populace.

Relevant Tips for Good Web Usability. Helpful Tips for Better Website Navigation. Why every website should have Keyboard Navigation. After reviewing nearly 2000 portfolios this year, I came to the conclusion that there was one thing missing on most of them——keyboard navigation. Codigos y Recursos para Paginas Web. Recursos Webmaster. Email me, la forma más fácil de hacer un forumario de Contacto ~ Codigos y Ayuda para Paginas Web. Recursos Webmaster. Web Design Tutorials. Open Web Design - Download Free Web Design Templates.

Kentucky Web Design : Web Hosting : eCommerce : VPN Networks : Social Media Solutions : Kentucky SEO. Premium WordPress Themes & Plugins. Digital Publishing to iPad, iPhone, Kindle Fire & Android. Concepto.