background preloader

Web-Dev

Facebook Twitter

CodeIgniter Library: 77 Free Scripts, Addons, Tutorials and Videos | RLM. CodeIgniter is the brainchild of Ellis Labs and one of the more popular PHP frameworks available. It's gained a reputation as a lean, mean, easy-to-learn framework that anyone comfortable with PHP can get up and running with in a few days. CodeIgniter is fixin' to blow up even more with the release of ExpressionEngine 2.0, currently in Beta, which is built on top of the CodeIgniter framework. Sounds great and all, but ExpressionEngine ain't cheap…$299 for the commercial version…so while you sit around wondering if ExpressionEngine is a CMS you want to get in to, why not get familiar with it's CodeIgniter foundation using these 802 77 totally free scripts, addons and tutorials? Free/Open Source CodeIgniter Scripts CodeIgniter is a great, open source, PHP framework for building web applicationsBackEndProBackEndPro is a control panel for developers written in PHP for the CodeIgniter framework.

Plugins, Modules & Libraries Text Tutorials Video Tutorials. Symfony | Web PHP Framework.

Tools

Installer Cygwin - Astuces. Cygwin, configurer cygwin, commande cygwin windows, comment installer cygwin, comment cygwin windows, comment utiliser cygwin windows, sigwin, repertoire installation ouvrir, arret du telechargement cygwin, installer cygwin Il était grand temps que je mette un peu de libre dans mon Windows Seven, pour cela j'ai décidé d'installer cygwin pour retrouver tous les beaux utilitaires que j'adore sous Linux. Téléchargement La première chose à faire avant de configurer cygwin est de télécharger le fichiersetup.exe. Une fois ce fichier sur votre disque dur il suffit de l’exécuter pour lancer l'installation de cygwin. Installation de cygwin Pour le processus d'installation je vous donne une série de screenshot pour voir les paramètres que j'utilise.L'écran de démarrage de l'installation qui donne la version de cygwin à installer. On choisit d'installer les packages via Internet J'installe Cygwin dans le répertoire C:\Cygwin Je choisi le site cygwin.cict.fr qui est le seul miroir français.

C:\Cygwin\bin. À propos.

Code couleur

Fonts. Web Developer Checklist. Moderate talismeas - DISQUS. Sencha Docs. Tutorial - Integrate Sencha Touch with PhoneGap for Android. Effet de coin de page en CSS 3 / Benjamin PREVOT. De nombreux sites ont mis en place un effet de coin de page (Peel effect en anglais) pour des publicité, donner des informations complémentaires... Vous pouvez en voir des exemples ici : Comme vous l'aurez remarqué, cet effet est mis en place en utilisant une animation Flash ou du JavaScript.

Nous allons voir dans cet article comment réaliser le même effet en CSS 3 sans script complémentaire. Démo Arborescence du site Avant toute chose, voici comment sont ordonnés les fichiers. img : répertoire contenant les imagesindex.php : fichier principal contenant la structure HTMLstyle.css : feuille de style Mise en place de la structure HTML Dans un premier temps, nous allons mettre en place notre page HTML afin de définir les différents composant dont nous avons besoin. index.php <! Cette page contient un lien (id="peel") représentant notre coin de page cliquable ; il aura comme arrière-plan l'information que nous souhaitons mettre en place. L'image qu'il contient est en fait le coin de page plié. style.css.

Developer Portal. Getting started with PhoneGap in Eclipse for Android. Note: Be sure to change the version number of the Cordova JavaScript file to match the version of PhoneGap/Cordova that you are using. Eclipse is an open source integrated development environment (IDE) that supports many technologies, but this article is focused on its support of Java, the native language for Android applications. Android is Google's open source mobile operating system.

Android is the operating system for many smartphone and tablet devices, including the Samsung Galaxy line of phones and tablets, the Amazon Kindle Fire tablet, and the Barnes and Noble Nook tablet, as well as many other devices from numerous manufacturers. PhoneGap is an open source application platform that enables you to create natively-installed mobile applications using HTML and JavaScript. The first step in setting up your development environment for PhoneGap applications on Android is to download and install the Eclipse IDE. Android development with PhoneGap can be done in Windows, OS X, or Linux. <! Parallax. Responsive Slideshows. If your website relies heavily on images, then having an image gallery is a great way to showcase your content on your website. Having said that, this idea may also backfire if visitors are coming from a mobile or touch device. Mobile users deserve some love too, hence the purpose of today’s post.

There are a variety of responsive image galleries, slideshows and sliders to better manage your photos, screenshots and other forms of images on your site. Some incorporate transition effects, fade-in, fade-out and other effects, as well as thumbnail views of the gallery for faster access, flexibility and ease-of-use to view your site in full all-out browser mode and palm-sized smartphone screens. To make it easier for you to find the right pick for your website’s needs, we have put together a showcase of the best 10 galleries, slideshows and sliders we know of. FlexSlider – [demo | download] Elastislide – [demo | download] Responsive Image Gallery – [demo | download] wmuSlider – [demo | download]

20+ fresh jQuery Animation Tutorials. jQuery is a lightweight JavaScript library that makes interaction between JavaScript and HTML. In older days when people see something animated on website they will categorized the website as a flash website. But now because of jquery animations many people think that there is no need of flash when jQuery contains such an amazing animation effect which are very light in weight in comparison of flash. However if you are a begginer designer and want to learn new techniques of jquery then this post is for you because it contains 20+ fresh and awesome jquery animation tutorials. 1- How to Make an Impressive Animated Landscape Header with jQuery It’s a cartoon themed landscape with elements which slide out to reveal additional content.

View Tutorial 2- Puffing Smoke Effect in jQuery Gaya Kessler features a beautiful animation effect of puffing smoke in this tutorial. View Tutorial 3- Animated Drop Down Menu with jQuery View Tutorial 4- BBC Radio 1 Zoom Tabs View Tutorial View Tutorial View Tutorial. Web Designing. jQuery.parallax. Download git clone github.com/stephband/jparallax Instantiation jQuery( '.parallax-layer' ).parallax( options ); What does jquery.parallax do? jParallax turns nodes into absolutely positioned layers that move in response to the mouse. With a bit of CSS you can either set up windows to see these layers through, or leave them free to roam about.

The diagram on the right illustrates what jParallax does to the html: and here's a demonstration with some images: More demos demos/index.html demos/stalkbuttons.html - multiple parallax. demos/remotecontrol.html - parallax by remote control. demos/thumbnails.html - beautiful interactive thumbnails. demos/target.html - demonstrates how smoothly jParallax handles window resizing. Using jParallax The default behaviour of jParallax is to show the whole width of a layer in response to the mouse travelling the whole width of the mouseport. There are various ways to style jParallax effectively. Options Layer Options Events.