background preloader

WebMaster

Facebook Twitter

Favicon.ico Generator. PHP Data Objects (PDO). PHP. Bartolomé Sintes Marco. La extensión PDO (PHP Data Objects) permite acceder a distintas bases de datos utilizando las misma funciones, lo que facilita la portabilidad. En PHP 5 existen drivers para acceder a las bases de datos más populares (MySQL, Oracle, MS SQL Server, PostgreSQL, SQLite, Firebird, DB2, Informix, etc). En esta lección se explica el acceso a MySQL y SQLite mediante PDO. La extensión PDO no evalúa la correción de las consultas SQL. Conexión con la base de datos Para conectar con la base de datos hay que crear una instancia de la clase PDO, que se utiliza en todas las consultas posteriores. Si no se puede establecer la conexión con la base de datos, puede deberse a que la base de datos no esté funcionando, a que los datos de usuario no sean correctos, a que no esté activada la extensión pdo o (en el caso de SQLite) que no exista el camino donde se guarda la base de datos.

Conexión con MySQL Conexión con SQLite 3 Conexión configurable Volver al principio de la página Desconexión con la base de datos. Move_uploaded_file. Crear CAPTCHA con PHP. Captcha es una palabra aleatoria y en ocasiones distorsionada mostrada como imagen que se utiliza para evitar que los robots accedan a determinadas web. Este tipo de verificación es utilizada por los programadores para evitar el spam en lo blogs por ejemplo. La idea básica para crear un Captcha es generar primero un texto aleatorio, luego basado en este texto generamos una imagen la cual se muestra al usuario, finalmente se compara el texto ingresado por el usuario con la palabra aleatorio generada. Generar el Captcha La primero es crear una imagen con un texto aleatorio, para ello un archivo llamado captcha.php el cual creará dinámicamente el texto. Para ello creamos una función llamada randomText que se encarga de generar una cadena de texto aleatorio, acepta un parámetro el cual le indica cuantos caracteres puede tener el texto generado.

Pueden ver el ejemplo funcionando en captchademo.php y también pueden descargar los archivos con las fuentes para que lo descarguen y prueben. 10 places where anyone can learn to code. Teens, tweens and kids are often referred to as “digital natives.” Having grown up with the Internet, smartphones and tablets, they’re often extraordinarily adept at interacting with digital technology. But Mitch Resnick, who spoke at TEDxBeaconStreet, is skeptical of this descriptor.

Sure, young people can text and chat and play games, he says, “but that doesn’t really make you fluent.” Mitch Resnick: Let's teach kids to code Fluency, Resnick proposes in this TED Talk, comes not through interacting with new technologies, but through creating them. The point isn’t to create a generation of programmers, Resnick argues. In his talk, Resnick describes Scratch, the programming software that he and a research group at MIT Media Lab developed to allow people to easily create and share their own interactive games and animations. At Codecademy, you can take lessons on writing simple commands in JavaScript, HTML and CSS, Python and Ruby. While we’re at it: bonus! jQuery Validation Plugin | Form validation with jQuery. Make Your Images Interactive - ThingLink.

The Definitive Guide to Object-Oriented JavaScript. Java/J2ee and SOA Training Online - Edureka. About The Course Edureka's Advanced Java Course is designed for students and professionals who want to be a Java Developer. This is a 42 hour course which will cover both core and advanced Java concepts like Database connectivity, Threads, Exception Handling, Collections, JSP, Servlets, XMLHandling etc.

We will also learn various Java frameworks like Hibernate and Spring. Course Objectives After the completion of the Advance Java Course at Edureka, you should be able to: 1. 2. 3. 4. 9. 10. Who should go for this course? This course is designed for professionals aspiring to become Java Developers. Pre-requisites Attendees should have prior programming experience and be familiar with basic concepts such as variables/scopes, flow-control, and functions. Why learn Java/J2EE & SOA?

Java is a general-purpose, class-based, object-oriented computer programming language that was designed by James Gosling at Sun Microsystems in 1995. Key Highlights of Java: jQuery Examples, Ajax, Mootools Examples, Prototype Examples - Free Javascript html Code | AjaxShake.com | Page-1. Coin Slider: jQuery Image Slider Plugin with Unique Effects. Code.jquery.com/jquery-1.8.1.min.js. Download jQuery | jQuery. Compressed and uncompressed copies of jQuery files are available.

The uncompressed file is best used during development or debugging; the compressed file saves bandwidth and improves performance in production. You can also download a sourcemap file for use when debugging with a compressed file. The map file is not required for users to run jQuery, it just improves the developer's debugger experience. As of jQuery 1.11.0/2.1.0 the //# sourceMappingURL comment is not included in the compressed file. To locally download these files, right-click the link and select "Save as... " from the menu. The jQuery 1.x line had major changes as of jQuery 1.9.0. We strongly recommend that you also use the jQuery Migrate plugin if you are upgrading from pre-1.9 versions of jQuery or need to use plugins that haven't yet been updated. Download the compressed, production jQuery 1.12.3 Download the uncompressed, development jQuery 1.12.3 Download the map file for jQuery 1.12.3 jQuery 1.12.3 release notes.

FancyBox: Abrir imágenes, páginas web y videos en ventanas tipo Popup con jQuery | Actualidad jQuery. Volvemos a la carga, y otra vez para presentaros una función jQuery desarrollada por Jānis Skarnelis. Se trata de fancyBox, un script con el que podemos abrir imágenes, páginas web, videos, etc. De forma muy elegante, en ventanas tipo Popup, con jQuery. Primeramente, bajamos fancyBox desde aquí o desde su página web oficial: fancyBox-v2.0.4.zip Una vez que lo tengáis descargado, lo primero que tenéis que hacer es incluir la función dentro de nuestro sitio web: Incluimos los Javascript de jQuery y fancyBox y el CSS de fancyBox.

Para hacerlo funcionar solo tenemos que especificarle un "id" o "class" a nuestros enlaces para después ejecutar fancyBox sobre ese "id" o "class". En este caso hemos utilizado el enlace con clase (class="ejemplo_1") sobre una imagen que vamos a ampliar. Ahora vamos a ejecutar la función fancyBox sobre el enlace con este sencillo código: <script type="text/javascript"> $(document).ready(function(){ $(".ejemplo_1").fancybox({ }); }); </script> Get Free "The Guide to Wireframing - For Designers, PMs, Engineers and Anyone Who Touches Product" E-book by UXPin. DatePicker - jQuery plugin. About Date Picker component with a lot of options and easy to fit in your web application. Last update 22.05.2009 - Check Download tab Features Flat mode - as element in page Multiple calendars in the component Allows single, multiple or range selection Mark dates as special, weekends, special days Easy to customize the look by changing CSS Localiation for months' and days' names Custom day to start the week Fits into the viewport License Dual licensed under the MIT and GPL licenses.

Examples Flat mode, single selection, the week start monday. Flat mode, multiple selection, disabled dates, special day, the week start sunday. Clear selection $('#date3').DatePickerClear(); Flat mode, range selection, 3 calendars. Attached to an text field and usign callbacks to update the date selection with the value from the field. Flat mode, inside a custom widget and with custom design. Download datepicker.zip (55 kb): jQuery, Javscript files, CSS files, images, examples and instructions. Changelog The first release. Crazy Egg - Visualize where your visitors click. Over 200,000 businesses Convert Better with Crazy Egg, The Original Heatmapping Technology A heatmap is an easy way to understand what users want, care about and do on your site by visually representing their clicks - which are the strongest indicators of visitor motivation and desire.

A Crazy Egg heatmap lets you collect more than 88% of the data you would using a traditional eye-tracking process. At a fraction of the price. With no hardware. Almost no IT involvement. And no strings attached. Because Google Analytics & Site Catalyst Leave Questions Unanswered, Trust Crazy Egg Visualizations to Help You Understand Your Users.

Wouldn't you like to fill in the gaps left by analytics… without A/B testing every little assumption… and without breaking the bank on in-lab usability studies? Heat Maps: At a glance, see the hotspots on each page - so you know what to change, preserve or delete "Do our users think they can click greyed out buttons? " Click-Tracking Overlays: Find a hot spot? Genfavicon. Free Online Favicon Generator. Icon Generator. Christian Heilmann. CSS Zen Garden: The Beauty of CSS Design. Tutorials · tutorials. Chrome Browser. Text Blocks Over Image. Someone recently asked me about this technique and my first reaction was that it was probably a little too mundane to cover as a tutorial.

But then I got to thinking that there is actually a few interesting things happening here and the style is trendy enough people might be interested. The idea is just to overlay some text over an image, but as blocks that stick out from the left with an even amount of padding all the way around the variable-length text. Here is a screenshot example: View Demo The Schematics The HTML <div class="image"><img src="images/3754004820_91a5c238a0.jpg" alt="" /><h2>A Movie in the Park:<br />Kung Fu Panda</h2></div> Putting the image in as a background image of the wrapping div would be easier, but in this scenario I see the images as content, and thus belongs in the HTML. The CSS This is going to put our text right up on top of the image nicely, but it doesn't accomplish the transparent black box we want to achieve behind the text.

Problem Fixing Semantics Share On. Text Blocks Over Image. Pure CSS3 Overlay. Html - CSS image overlay delay display:none to display:block. Learn HTML5, CSS3, Javascript - video style tutorials. <Code/Racer> - Battle it out and learn the code... Brought to you by Treehouse. Beginners · beginners. Summary So you want to learn to make websites? This page has a list of articles that are perfect to help you understand the basics. It describes the tools of the trade and a set of link to articles explaining the basics. The Beginners section covers the various aspects of web development separated in 9 parts, you can navigate through them using this list. Before you start In this section, you will be writing a lot of code, and testing it out in web browsers. Now roll your sleeves up and get ready to learn. Other useful articles for beginners Web fundamentals HTML — structuring your web content CSS — styling your web content.

HTML5 Rocks - A resource for open web HTML5 developers. HTML Basic.