background preloader

SimpleCart(js) - Javascript Shopping Cart by The Wojo Group

SimpleCart(js) - Javascript Shopping Cart by The Wojo Group

Linha de Código - Pagamentos online via PayPal utilizando PHP Iremos conhecer uma forma de efetuar pagamentos online utilizando o PHP. O site PayPal, oferece uma ferramenta em PHP para fazer integração com sistemas, dando a possibilidade ao desenvolvedor adicionar o recurso de pagamentos online ao seu projeto. Para a instalação é necessário estar rodando PHP 4.1.0 ou superior. O arquivo com o toolkit tem apenas 12 kB e pode ser encontrado em: Os arquivos que constituem o pacote são: includes/ ipn/ cancelled.php orderform.php payment.php process.php readme.txt (seu melhor amigo :) ) success.php Uma breve descrição dos arquivos segue abaixo: config.inc.php Arquivo de configuração do script global_config.inc.php Contém funções globais que serão usadas no script payment.php Um botão de pagamento pré-configurado orderform.php Um formulário pré-configurado para testes process.php Envia as informações de transação para o PayPal cancelled.php Mensagem de Erro quando a transação falha. <?

6 JavaScript Animation Libraries to Save Time and WOW Clients JavaScript and CSS libraries help web designers and developers be better at their jobs, while alleviating common pain points encountered when manually coding elements. Saving time, creating more while doing less, and building upon previously successful frameworks are just a few of the benefits of using these libraries. Best of all, they’re built to help with all areas of web design and development — including animations, which can be a powerful part of your next client project. As outlined in Pasquale D’Silva’s theory of transitional interfaces, animations are important to websites because they help users understand changes. Take the effect loading icons have on wait times: if a loading animation stops moving, users assume their task is no longer being performed. This is why web designers and developers should not only “delight” users with animations, but also create them to serve a functional purpose. You might also like: How to Upload and Animate SVG Icons in 3 Simple Steps 1. 2. 3. 4.

miguel-perez/jquery.smoothState.js Knowledge Base / Google Sites How to add your Ecwid store to Google Sites. Google Sites is a free and easy way to create sites. If you want to host your store for free with them, perfrom the following steps: 3. 4. Press the "Create site" button. 5. Create a new page using "+Create page" button if you want to have a separate page for your Ecwid store. Then press "Edit page". 6. 7. 8. 9. Increase the value of the "Height" option. 10. That's all. Also please refer to this thread: www.ecwid.com/forums/showthread.php? GSAP, the standard for JavaScript HTML5 animation | GreenSock

Justified.js About Justified.js jQuery Plugin to Create Justified Images Grid Justified.js is a jQuery plugin that creates a justified image grid of supplied images. Ideally, Justified.js tries to show images without modifying its aspect ratio and without cropping them. How to Use Lets see some code To get started you'll have to include jquery.justified.images.js and jquery.justified.images.css files in your html file. After this you'll have to intialize this plugin for and container. Options See configuration options Options can also be set programatically, by passing an options hash to the justifiedImages method.

Introduction to How PayPal Works - Introdução Como Funciona o PayPal A basic PayPal account is free. You can send funds to anyone with an e-mail address,whether or not they have a PayPal account. They'll get a message from PayPal aboutthe funds, and then they just have to sign up for their own account.Os fundos transferidos via PayPal ficam na conta até que a pessoa que está recebendoretire ou gaste. Se o usuário entrar e receber as informações sobre a conta, poderátransferir o dinheiro diretamente para sua conta. Outras maneiras de retira-lo estãolistadas a seguir.Funds transferred via PayPal reside in a PayPal account until the holder of the fundsretrieves them or spends them. Métodos para fazer retiradas de uma conta PayPalMethods of withdrawing funds from a PayPal account Inscrever-se no PayPal é rápido e não é necessário nem mesmo dar informações sobrecontas bancárias, mas uma conta ou cartões de crédito são necessários para fazer usodos recursos.

Bringing Pages to Life with the Web Animations API This article is by guest author Dudley Storey. SitePoint guest posts aim to bring you engaging content from prominent writers and speakers of the JavaScript community. One API to Rule Them All Animation on the web has long been divided into four disparate camps: CSS transitions and animations are very performant and provide keyframing, but are also time-consuming to build, and provide only basic start-and-end control in CSS and JavaScript. This has tended to relegate them to simple UI response animations, loops, and page load animations.SMIL (Synchronized Multimedia Integration Language) is very powerful, but it’s also syntax-heavy and has incomplete browser support. The Web Animations API seeks to integrate the best features of all of these into a single, unified specification, while eliminating the drawbacks, creating a native understanding of keyframes, easing, and element control in JavaScript, with the same on-screen performance as CSS. Keyframes in JavaScript As will the initial CSS:

15 jQuery Plugins for Creating Dynamic Layouts Over the last couple of years, with the advancements in web technologies, we have seen a rapid rise in the number of sites that have broken away from using typical and boring layouts. No longer is choosing the number of columns your only option. Nowadays you can easily have a dynamic layout that cleverly and seamlessly arranges content into a grid (masonry), or a parallax scrolling layout, or even a layout that allows you to define a custom path for users as they scroll through pages. At first glance a site with fancy animation effects may seem tricky to build. jQuery Plugins for Dynamic Layouts jQuery Scroll Path jQuery Scroll Path is a plugin that, as its name states, lets you define your own custom scroll path. Scrolling with Scroll Path can be done with either the mouse-wheel, up & down arrow keys or the spacebar. jQuery Scroll PathGitHub SuperScrollorama SuperScrolloramaGitHub fullContent.js fullContent.jsGitHub PageSlide PageSlideGitHub Stellar.js Stellar.jsGitHub scrolldeck.js Packery

Usando PayPal: recebimento de pagamentos Empresas que querem usar o PayPal para receber seus pagamentos contam com uma lista de opções disponíveis. Para pagamentos simples, como nos leilões online ou compras pela Internet, a empresa pode fornecer endereços de e-mail e os compradores farão pagamentos através da conta PayPal. Os vendedores do eBay colocam botões em seus sites de leilão e enviam mensagens aos vencedores que incluem um link para pagamento via PayPal. O PayPal também fornece vários serviços online para comerciantes. Um botão "compre agora", permite que a empresa cole um código de HTML em seu site, criando um botão para ser usado pelo comprador quando quiser adquirir um item. O cartão de compras PayPal é mais atraente, mas tem o mesmo resultado. Os dois principais tipos de conta comercial do PayPal, a Standard e a Pro, oferecem pacotes com pequenas diferenças. O PayPal também modernizou as transações para quem vende a consumidores internacionais. A seguir, vamos descobrir por que algumas pessoas recusam o PayPal

Testing. Heading Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Modal » Card » Donec sed odio dui. Whys and hows: Flippant is tiny. Flippant is easily customized. Flippant exports a single function: flip. var front = document.getElementByID('flipthis') , back_content = "<h1>I'm the back! Two modes: card (the default), and modal. back = flippant.flip(front, back_content, 'modal') The back gets the default class of flippant-modal-dark for modal flips and flippant-modal-light for cards. back = flippant.flip(front, back_content, 'modal', 'my-modal-classname') The full API: flip(element_to_flip, content_for_back, type(modal/card), classname_for_back) -> back_element 74.3% of the magic is in the css file.

Related: