background preloader

Geradores & Códigos

Facebook Twitter

Download Free WORDPRESS Themes & Templates, Scripts & Graphics ! Category pagination fix. PageSpeed Insights. Articles about jQuery, WordPress, jQuery & WordPress plugins. Essential Grid. WooCommerce. Revolution Slider. Visual Composer. Theme - Minimaze.

Theme - Be. CSS3 Generator. CSS3 Generator - By Peter Funk & Eric Hoffman. Selectable. CSS3 Tools and Snippets. CSS3.0 Generator. CSS Opacity Generator. CSS Reference. Color Hex - ColorHexa.com.

Ultimate CSS Gradient Generator - ColorZilla.com. Adicione um mapa (sitemap) no Blogger/Blogspot - André Felipe.net. Para estar bem posicionado nos resultados do Google, é fundamental ter um sitemap (mapa do site).

Adicione um mapa (sitemap) no Blogger/Blogspot - André Felipe.net

Os donos de blogs ficam chateados quando percebem que o Blogger.com não tem funções assim e perdem a esperança. Mas não há motivo para lágrimas, pois neste guia apresento como simular um mapa para seu blog. BookBlock: A Content Flip Plugin. A jQuery plugin that will create a booklet-like component that let's you navigate through its items by flipping the pages.

BookBlock: A Content Flip Plugin

View demo Download source BookBlock is a plugin that can be used for creating booklet-like components that allow a “page flip” navigation. Design Responsivo: Entenda o que é a técnica e como ela funciona. O conceito de design responsivo não é uma grande novidade, mas tem chamado bastante atenção nos últimos tempos com o crescimento do mercado de dispositivos móveis, principalmente por conta dos tablets e celulares de tamanhos e resoluções cada vez mais variadas.

Design Responsivo: Entenda o que é a técnica e como ela funciona.

Só para você saber, o layout do Midiatismo é um exemplo de design responsivo. Neste novo contexto dos navegadores e várias resoluções, o design responsivo surge como uma evolução lógica do design de sites, também conhecido como web design. Antes grande parte da internet era acessada por resoluções e navegadores muito semelhantes. Até pouco tempo atrás bastava fazer um site que funcionava em Internet Explorer com resolução máxima de 1024×768 pixels que tudo estava resolvido, claro existiam outras características, mas a grande maioria estava nesse mesmo grupo – no máximo havia os usuários de Mozilla Firefox. Tudo o que você precisa saber sobre Sitemaps. Free Website Templates - TemplateGarden. For Websites. Urang Kurai. Free & Premium Wordpress themes, Blogger templates. jQuery for Designers - Tutorials and screencasts. Devoth‘s HEX 2 RGBA Color Calculator.

Free Blogger Templates. Free CSS Templates - Download free CSS templates. How to Create a Modern Ribbon Banner Navigation Bar with Pure HTML/CSS3. As CSS3 becomes more robust and is more widely supported, the options for fun modern design elements that can be created without graphics are virtually limitless!

How to Create a Modern Ribbon Banner Navigation Bar with Pure HTML/CSS3

For a recent project, I decided to see if I could create a centered ribbon banner with pure CSS3. This tutorial will walk you through how it was done. As it turns out, it’s actually quite easy, using only simple, semantic HTML and some CSS3 trickery thanks to the magic of the the border-width property. Ultimate Designer Toolkit - Ultimate Designer Toolkit. Add a Touch of Realism to Your Google Maps. Using the Google Maps API is one of the most popular (if not the most popular) way to show geo-locations on today's websites.

Add a Touch of Realism to Your Google Maps

MX Masters - Conhecimento a um clique. Animated Buttons with CSS3. Still hyped by the possibilities of CSS3, I want to share some CSS3 button experiments with you.

Animated Buttons with CSS3

The idea is to create some animated link elements with different styles, hover effects and active states. View demo Download source The icons used in some of the examples are by webiconset.com and the symbol font is by Just Be Nice We’ll go through every example and see how the HTML structure looks and what the styles for the normal, the hover and the active states are. Image scroller,image gallery,vertical navigation menu.

Tech Laboratory - Resolve URL. Dailymarkup.com - Plugin Repository. Dailymarkup Development Blog Key Features: Keyboard Navigation (arrowkeys + ESC) Highly Customizable Autoplay Todo Accessible Todo Cross Browser Compatibility Demos: Simple Demo [description: true] Autoload Demo [description: true, autoload: true] Breed Template from Templateworld.com | smashingmagazine.com Autoplay Demo [description: true, autoplay: true] Design by Dellustrations.com for Smashing Magazine. The Wall - A Javascript plugin for Mootools. Depth And Nice 3D Ribbons Only Using CSS3. We learned how to realize a nice 3D ribbon and how to play with the drop shadow in Photoshop to simulate depth in a web design layout.

Depth And Nice 3D Ribbons Only Using CSS3

This is a widespread trends in recent web design: creating a 3D perception in a website and simulating a “world” in three dimensions are two great ways for the designers to play with their skills. Sure? Yes, it’s possible to create a simple and nice (3D) layout playing with some CSS3 properties, only using code and without the help of Photoshop. First of all we set up our files.

We create a new folder with index.html and style.css. Multiple Backgrounds with CSS3. Home / CSS3 Previews / Multiple Backgrounds with CSS3 CSS3 allows web designers to specify multiple background images for box elements, using nothing more than a simple comma-separated list.

Multiple Backgrounds with CSS3

Browser support for multiple backgrounds is relatively widespread with Mozilla Firefox (3.6+), Safari/Chrome (1.0/1.3+), Opera (10.5+) and even Internet Explorer (9.0+) all implementing the feature. 300+ Jquery, CSS, MooTools and JS navigation menus. If You are web developer great navigation menus always comes handy.

300+ Jquery, CSS, MooTools and JS navigation menus

I united this list for people like me, who sometimes wants to do job fast and choose from already prepared examples, which are easy to use. So here are many resources starting from very simple HTML and CSS navigation menus, until very complicated and advanced jQuery, JavaScript and MooTools techniques used to get maximal control with fading, sliding, dragging etc. effects. Be sure to bookmark this site for later use! 1.Fancy menu – very cool navigation menu: 2. You are being redirected... Expanding Image Menu with jQuery. In today’s tutorial we will create an expanding image menu with jQuery.

Expanding Image Menu with jQuery

The idea is to have some columns with black and white image slices that will make a content area slide out when we click on them. We will also slide in the colored version of the image, creating a neat […] Portfolio Zoom Slider with jQuery. In this tutorial we are going to create some nice effects for a portfolio or similar website with jQuery. We will create a tiny slider and integrate it with the amazing Cloud Zoom plugin and the elegant Fancybox plugin.

The idea is to give the user the option to view details of […] View demoDownload source In this tutorial we are going to create some nice effects for a portfolio or similar website with jQuery. We will create a tiny slider and integrate it with the amazing Cloud Zoom plugin and the elegant Fancybox plugin. Show. Fresh Sliding Thumbnails Gallery with jQuery and PHP. In this tutorial we are going to create another full page image gallery with a nice thumbnail area that scrolls automatically when moving the mouse. The idea is to allow the user to slightly zoom into the picture by clicking on it. The thumbnails bar slides down and the image resizes according […] View demoDownload source In this tutorial we are going to create another full page image gallery with a nice thumbnail area that scrolls automatically when moving the mouse.

The idea is to allow the user to slightly zoom into the picture by clicking on it. The scrolling functionality of the thumbnails bar is based on the great tutorial by Andrew Valums: Horizontal Scrolling Menu made with CSS and jQuery. HtmlDrive - Free Dhtml scripts,Jquery plugins,Javascript,CSS,CSS3,Html5 Library. Pupunzi: For a better web. CSS-Tricks. Box-shadow, one of CSS3′s best new features.

Home / CSS3 Previews / Box-shadow, one of CSS3’s best new features The box-shadow property allows designers to easily implement multiple drop shadows (outer or inner) on box elements, specifying values for color, size, blur and offset. Browser support is growing of late with Mozilla (Firefox), Webkit (Safari/Chrome/Konqueror), Opera and the IE9 Platform Preview all offering a decent implementation of the spec, although Mozilla and Webkit still require their respective -moz- and -webkit- prefixes (note Mozilla Firefox 4.0+ no longer requires the -moz- prefix).

Here’s a basic example: Firefox, Safari/Chrome, Opera and IE9 users should see a grey fading shadow under this box. In theory, the code for this is straightforward: But for the moment, as with many other ‘experimental’ CSS3 properties, you’ll need to use the following prefixes to support Mozilla and Webkit: How it Works The Syntax: CSS3 . Info - All you ever needed to know about CSS3. Jquery.mb.bgndGallery. With this jQuery plugin you can make suggestive slide show of images as background of your page; the images will adapt their size to the window size fitting always at the best. You can either navigate the gallery with your keyboard or with a control panel displayed where you whant in the page. Help Pupunzi‘s development! Share this page using one of the buttons below to unlock the download. see the demoread the doc What’s new in 1.9.0 : Coda Slider 3: A jQuery HTML Content Slider. You heard that right. The Coda Slider has been a great, reliable plugin for thousands of websites since way back in 2007.

However, the web has changed a lot since back then. Most drastically how we access it. With the variety of mobile devices of varying screen resolutions now commonly used by many, the way we previously approached web design is no longer good enough. Introducing the Liquid Slider A fully responsive, powerful content slider with swipe functionality. 40 Super-Neat JavaScript Plugins - Tuts+ Code Article. The right combination of JavaScript plugins can turn a simple website into a fantastic one - all while requiring minimal work on your behalf. Today, we'll review forty of the most popular plugins available. If we missed some, let us know in the comments! Form Validation jQuery Validate. Professional horizontal menus. Information A series of professional horizontal menus. All using the sliding doors technique so that the menu items will fit the text.

Note that one of the links has been styled as 'current' to show how this will look. Barras De Rolagem Estilizadas Com jScrollBar. MyFlashXml.com, Dynamic XML flash templates, Advanced flash templates. Web Design Blog » HTML CSS. O Maior Buscador de Tutoriais na Web. Image Gallery. You can easily put the scroller any position you like (top, bottom, left, right) and set the images to any dimensions. Customizable scroller movement. jQuery Tutorials for Designers. Ver Tópico - [Script] Video Aula Query String. Caros davidchc e hurry,primeiramente, parabéns pelo script. Web Developer Resources - Scriptiny.com- Scriptiny.com.

Download JavaScript Code Examples, Tutorials, Reference. 25 Menu Espetaculares Com jQuery. Hospedagem de Sites Grátis e Ilimitada. Como criar loja virtual grátis na BPG loja virtual gratis. Joomla! The CMS Trusted By Millions for their Websites. Ecommerce Software & Ecommerce Platform Solutions. Warby Parker Eye wear, innovation, strong results, strong brand, great story. Drupal - Open Source CMS. x10Hosting. O maior registrador de nomes de domínio do mundo - GoDaddy br.