background preloader

Geradores & Códigos

Facebook Twitter

Download Free WORDPRESS Themes & Templates, Scripts & Graphics ! Category pagination fix. PageSpeed Insights. PageSpeed Insights Make your web pages fast on all devices.

PageSpeed Insights

Is your site mobile-friendly? Try the Mobile-Friendly Test. Dismiss Web Performance Learn more about web performance tools at Google, including browser extensions and APIs for Insights, PageSpeed Service, and our optimization libraries. 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. Any content can be used, such as images or text. The plugin transforms the structure only when needed (i.e. when flipping a page) and uses some overlays as shadow for the pages to create more realism. Design Responsivo: Entenda o que é a técnica e como ela funciona. 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

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

In this tutorial I'll demonstrate how I give my google maps a more realistic look and I'll give you some tips on how to make your own maps really shine! Step 1: Warming Up Our aim is to give the map a realistic look, while still allowing the user to zoom and pan it. We're going to obtain this effect by creating a semi-transparent .png image that will mask the map, then we'll use some CSS to position it on top of the map. 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. Please note that the animations/transitions will only work in browsers that support those CSS3 properties. In order not to bloat the tutorial, I will not be using any CSS vendor prefixes. 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:

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. Here’s a basic example: This box has two background images, the first a sheep (aligned to the bottom and center) and the second a grass and sky background (aligned to the top-left corner). 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 […] View demoDownload source In today’s tutorial we will create an 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. The photography is by talented Robert Bejil, check out his awesome photos on his Flickr photostream.

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. The idea is to give the user the option to view details of a portfolio item by zooming it on hover, and to allow a full view by clicking. 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. 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. 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. 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. 40 Super-Neat JavaScript Plugins - Tuts+ Code Article.

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. These menus use professional quality graphics and if you wish to use them then I would ask that a donation is made to support CSSplay. 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. Se gosta de jQuery, leia também estes artigos: Elastic Thumbnail Menu Usa HTML, CSS e jQuery. Quando você passa o rato por cima duma imagem, essa imagem é redimensionada, torna-se maior, como você pode ver na imagem. jQuery OS X Dock. 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. Drupal - Open Source CMS. x10Hosting. O maior registrador de nomes de domínio do mundo - GoDaddy br.