background preloader

Tutorials – Tutorialzine - Namoroka

Tutorials – Tutorialzine - Namoroka
Realtime Chat with Node.js By Nick Anastasov | In this tutorial, we are going to build a realtime chat system with Node.js, Express and the socket.io library. Read more My New Favorite Technique ForHiding Overflowing Text By Martin Angelov | In this short tutorial, I will show you my new favorite technique which fades overflowing text gracefully into the background – a perfect addition to your new design.

AviaSlider - a unique jQuery Image slideshow plugin Features of the Avia Image Slider 8 unique transition effects Lots of easy to set options to create your own effects Included Image preloader Autoplay that stops on user interaction Valid HTML5 and CSS 3 Markup Packed version only weights 8kb Supports linked images already prepared to work with prettyPhoto Lightbox works with jQuery 1.32 and higher Browser Support Internet Explorer 6 and higher Safari 3 and higher Firefox 2 and higher Opera 10 and higher Google Chrome 3 and higher Checks for last 3 Browsers performed on Mac & Win Download & Docs

Timeline Portfolio Timeline is a jQuery plugin specialized in showing a chronological series of events. You can embed all kinds of media including tweets, videos and maps, and associate them with a date. With some design tweaks, this will make it perfect for a portfolio in which you showcase your work and interests. The HTML Timeline comes with a light colored theme by default. First, let's look at the basic layout of the page: index.html <! In the head section, we have the plugin's stylesheet - timeline.css, and styles.css, which will hold our customizations. When we call the plugin, it will search for a div on your page with the ID of timeline. <div class="container main" id="timeline"><div class="feature slider" style="overflow-y: hidden;"><div class="slider-container-mask slider-container slider-item-container"><! As we will be modifying the CSS of the timeline, the fragment above will give you a better idea of the customizations. The jQuery The init method takes single argument - the data source. The CSS

6 Plugin for Impressive HTML Slideshow And Presentation - Javascript Making a presentation with HTML, CSS and Javascript is no longer an impossible task. With the development of CSS3 and support on most modern browsers, the slide transition no longer limited to fading, sliding, blinding. It allows us to achieve cool effects such as rotation, 3D transform and transition. The following is 6 javascript plugins that allow you to do that. You will need latest browsers that support CSS3 3D transform. impress.js It’s a presentation tool inspired by the idea behind prezi.com and based on the power of CSS3 transform and transition in modern browsers. About Kevin Kevin Liew is a web designer and developer and keen on contributing to the web development industry. CSS4 Sneak Peak

I Didn't Know Fireworks Could Do That! | MAX 2011 Design Community Translation Your transcript request has been submitted. Adobe TV does its best to accommodate transcript requests. It can take a few weeks for the transcript to become available in the Community Translation Project, so keep checking back. Join the Community Translation Project Thanks for your interest in translating this episode! Please Confirm Your Interest Thanks for your interest in adding translations to this episode! An error occurred while processing your request. Another translator has already started to translate this episode. Thanks for Participating! This episode has been assigned to you and you can expect an e-mail shortly containing all the information you need to get started. About This Episode Explore some of the lesser known yet powerful features of Adobe Fireworks, an essential design tool that operates with both vectors and bitmaps and can span the design process from wireframe to comp.

PHP , 256 Formation Php en vidéo sur TUTO Retour En savoir plus sur Php A quoi sert PHP? PHP est un langage Open Source (libre) de script HTML spécialement conçu pour le développement d'applications Internet et exécuté côté serveur, de syntaxe inspirée par C, Java et Perl. Historique Php PHP/FI, l'ancêtre de PHP, a été créé en 1995 par Rasmus Ledorf. C'est en novembre 1997 que PHP/FI 2.0, seconde version en langage C, est officiellement publié, suivi de près par une version alpha de PHP 3.0; cette dernière versions a été créée par Andi Gutmans et Zeev Suraski en 1997, sous forme de réécriture complète de PHP/FI. L'hiver 1998 voit Gutmans et Suraski débuter la réécriture du moteur interne de PHP, afin d'améliorer ses performances. Description de PHP PHP est un langage de script (X)HTML côté serveur, qui permet au serveur d'interpréter le code PHP pour générer du code (généralement XHTML, HTML, CSS ou JavaScript) qui sera à son tour interprété par le navigateur. PHP s'illustre dans trois domaines différents: Logiciels proches de Php

Lightbox_me - Stupidly Simple Lightboxing What is it? Have you ever had a DOM element that you wanted lightboxed, but didn't want all the fanciness of all the lightbox-related plug-ins out there? Lightbox_me is for you. Lightbox_me is an essential tool for the jQuery developer's toolbox. Feed it a DOM element wrapped in a jQuery object and it will lightbox it for you, no muss no fuss. Features Lightbox_me handles all of those annoying edge cases that other lightbox solutions do not: Handles overlay resize when the window is resized Handles overlay size in cases where the document is smaller than the window Handles position: fixed in all browsers Position: fixed automatically swaps to position: absolute when the window size is smaller than the modal, so the user can scroll to see the contents In addition it's got these other nice features: Usage Include jQuery and lightbox_me in your web page, then invoke lightbox_me on a jQuery object: $(domobj).lightbox_me(); or $("#id").lightbox_me(); This will lightbox the DOM element immediately.

jStorage - simple JavaScript plugin to store data locally Backgrounds & Gradients - A Beginner's Guide to HTML Backgrounds are an important part to CSS as they allow you to easily change the composition of an element. They can be used for decoration while setting the scene within an element. They can provide visual context for an element’s content, enhancing usability. With use cases large and small, backgrounds have a significant impact on the overall design of a website. Adding a background to an element can be accomplished in a few different ways, most often in the form of a solid color, an image, or a combination of the two. With CSS3, new backgrounds and capabilities were introduced, including the ability to include gradient backgrounds and multiple background images on a single element. Adding a Background Color The quickest way to add a background to an element is to add a single color background using the background or background-color property. When declaring a background color you have a few different options as far as what value to use. Adding a Background Image Background Repeat Demo

Firework's CSS Export Helps You Save Time | Creating Time Share this Episode Adjust your embed size below, then copy and paste the embed code above Community Translation Your transcript request has been submitted. Adobe TV does its best to acommodate transcript requests. Join the Community Translation Project Thanks for your interest in translating this episode! Please Confirm Your Interest Thanks for your interest in adding translations to this episode! An error occurred while processing your request. Another translator has already started to translate this episode. Thanks for Participating! This episode has been assigned to you and you can expect an e-mail shortly containing all the information you need to get started. Runtime : 00:03:47 Added : 11/12/2009 About this show Creating Time Learn how you can produce your best work, faster than ever before, with Adobe Creative Suite 4.

Htaccess : cache control et expire headers Le htaccess est un fichier de configuration de votre serveur, et celui-ci peut vous rendre énormément service pour les performances de votre site, sur l'expérience utilisateur et sur le référencement naturel. Mais c'est un peu le flou sur la manière de le configurer. Voici donc un guide pour coder votre fichier htaccess : Htacces, performances et temps de chargement Avant propos Testez, testez et testez ! Chaque code donné ici permet d'optimiser le fichier htaccess pour accélérer votre site, le sécuriser et réduire la bande passante utilisée. Mais en fonction de la configuration de votre serveur, les codes peuvent ne pas fonctionner : vous devez absolument tester et adapter chaque code en fonction de vos besoins ! Quelques définitions Pour mieux comprendre cet article, voici quelques explications. Compression Compression Gzip via Deflate Premier point à faire, activez la compression Gzip des fichiers en sortie de votre serveur. Compression Gzip via Mod_Gzip Testez la compression de votre site

Related: