July 2011
3 posts
Fullscreen Slideshow with HTML5 Audio and jQuery |... →
In today’s tutorial we’ll create a fullscreen photo slideshow to illustrate a New York picture series. We will add sounds with the HTML5 audio element in order to give life to the gallery and try to recreate the ambient of this vibrant city.
Sliding Background Image Menu with jQuery |... →
Today we want to share another jQuery menu with you. This menu will have several panels, each one corresponding to a different background image that will show on all panels when we hover over a panel label. Also, a submenu will slide out from the bottom. This menu comes with some configuration possibilities, such as the size of the image, the hover effect and custom default states.
How To Use Media Queries For Device Targeting |... →
Media queries are a way to serve different css rules to different devices and device characteristics. They’re the final piece in allowing us to create designs that are truly responsive to our audience and how our visitors choose to view our sites.
June 2011
3 posts
15 Powerful jQuery Tips and Tricks for Developers... →
In this article we will take a look at 15 jQuery techniques which will be useful for your effective use of the library. We will start with a few tips about performance and continue with short introductions to some of the library’s more obscure features.
Un arrière-plan extensible intelligent -... →
Certains sites affichent une (grande) image de fond qui s’adapte à toutes les dimensions de la fenêtre du navigateur, proportionnellement, sans la déformer. La réalisation de ce genre de prouesse n’est pas si évidente techniquement, contrairement à ce que l’on pourrait croire de prime abord.
Un nom de domaine par langue avec symfony →
Tout d’abord le mieux est de lire l’excellent tuto sur l’internationalisation de la ferme du web qui vous expliquera comment créer vos templates et vos fichiers de langues. Ensuite il suffit de créer un filtre…
May 2011
12 posts
Créer une extension pour Twig →
Twig est un moteur de templating, utilisé par Symfony2 en parallèle avec des templates en PHP pur. L’avantage principal d’un moteur de templating est de séparer sans ambiguïté la présentation des données et leur traitement. Cet article se destine à des utilisateurs ayant déjà une certaine expérience de Twig, souhaitant l’étendre par la création d’extensions.
Tests unitaires et fonctionnels sur un Bundle en... →
Depuis quelques temps maintenant je travaille à temps complet avec Symfony2. J’ai écrit quelques bundles puisque, à l’heure actuelle, il n’y a pas autant d’outils fournis avec Symfony2 qu’avec symfony 1.4. Ecrire un bundle n’est pas très compliqué mais pour bien le tester, on peut vite rencontrer des problèmes. Jusqu’à présent, j’utilisais une manière naïve d’exécuter mes tests PHPUnit. Mes...
How to Work with PHP and FTP | Nettuts →
NDLR: Attention, c’est du nettuts et certains trucs sont… exotiques.
In this tutorial, our goal is to create an FTP class with PHP that is well written, useful, and expandable. Outlining our Objective It’s always important to first outline exactly what functionality your class should include. In our case: connecting to a server create a folder on the server upload a file change...
The Future Of CSS: Experimental CSS Properties -... →
Despite contemporary browsers supporting a wealth of CSS3 properties, most designers and developers seem to focus on the quite harmless properties such as border-radius, box-shadow or transform. These are well documented, well tested and frequently used, and so it’s almost impossible to not stumble on them these days if you are designing websites.
App Engine Series #5: The Front End | Tutorialzine →
This is the fifth part of our App Engine series, where we are building an uptime dashboard web application using Google’s powerful App Engine platform and tools. Read part four, where we created the controllers, which handle the URL requests to our application. This is the final part of the series, where we will be creating the jQuery / CSS front end. We will be using the Flot jquery plugin to...
Symfony world: tips n'tricks about sf: data... →
This post was inspired by Fizyk’s comment on the outsourcing applications with symfony article. Fizyk suggested that it would be a good idea to wrap all data migration functionalities into a symfony task(s). Basically, migrating data between different versions of the same project is the topic I want to focus on in this article.
• Terminology in Symfony2 and Doctrine2. Record vs... →
I was just asked to write a small summary about the difference between a model and an entity. As I am too lazy to think up another topic for today I will just jump on that. And actually I wrote about this before as it can be quite irritating to see model folders in some bundles and entity folders in others. So what is what?
Open Data : quels enjeux pour la France ? →
Avec la mission Etalab chargée de lancer le portail Data.gouv.fr à la fin 2011, la France rejoint le mouvement des pays engagés dans l’Open Data. Quels sont les enjeux de cette politique publique ? Débat avec deux acteurs de ce nouveau domaine : François Bancilhon, co-fondateur de Data Publica et Bruno Walther co-fondateur de Captain Dash.
Making a CSS3 Animated Menu | Tutorialzine →
In this short tutorial, we will be using the power of CSS3 effects and transitions, to build a JavaScript-free animated navigation menu which you can use to add a polished look to your website or template. We will be using some neat features such as the :target pseudo selector and :after elements.
How to Create Presentation Slides with HTML and... →
As I sifted through the various pieces of software that are designed for creating presentation slides, it occurred to me: why learn yet another program, when I can instead use the tools that I’m already familiar with? With a bit of fiddling, we can easily create beautiful presentations with HTML and CSS. I’ll show you how today!
“This is a small post to explain to you how to simply share objects when you...”
– Symfony2: How to share objects when writing fixtures | Le blog technique de la team ELAO
“Ceci est un tutoriel introductif à la fois au framework de description de...”
– Introduction au RDF et à l’API RDF de Jena
April 2011
11 posts
Photobooth with PHP, jQuery and CSS3 |... →
In this tutorial, we will be building a jQuery and PHP powered photobooth. It will allow your website visitors to take a snapshot with their web camera and upload it from a neat CSS3 interface. As you might know, it is not possible to access web cameras and other peripheral devices directly from JavaScript (and it won’t be for some time). However there is a solution to our problem – we can use a...
Multistage deployment of Symfony applications with... →
Capifony is a collection of Capistrano deployment recipes for both symfony and Symfony2 applications. Multistage is an extension for Capistrano which enables deployments to multiple servers with varying configurations or deployment procedures. Note: If you’re new to capistrano or capifony visit the project webistes to learn more about the automated deployment.
Ruby for Newbies: Working with DataMapper |... →
Ruby is a one of the most popular languages used on the web. We’ve started a new Session here on Nettuts that will introduce you to Ruby, as well as the great frameworks and tools that go along with Ruby development. Today, we’ll look at the DataMapper gems to get up and running with a database in Ruby.
Canvas From Scratch: Transformations and Gradients... →
In this article, I’m going to walk you through transformations in the canvas, as well as shadows and gradients. Transformations are an extremely valuable set of methods that allow you to start being creative with the way you draw objects on the canvas. Let’s get started after the jump!
App Engine Series #4: The Controllers |... →
This is the fourth part of our App Engine series, where we are building an uptime dashboard web application using Google’s powerful App Engine platform and tools. Read part three, where we started working with the webapp framework. Picking up where we left last time, we will take a look at the controllers that comprise our app engine application. The first stop is main.py, our main routing file...
Something you probably don't know about interfaces →
Although I have a good knowledge of the PHP API and object oriented programming concepts, I learned something very interesting about interfaces in PHP. You probably know that an interface can extend another interface like a class does with another class. But, did you know that an interface can extend multiple interfaces in a row unlike classes? I didn’t until today. I just discovered thanks...
CSS3 Gradient Buttons →
Last week I talked about Cross-Browser CSS Gradient. Today I’m going to show you how to put the CSS gradient feature in a good practical use. Check out my demo to see a set of gradient buttons that I have created with just CSS (no image or Javascript). The buttons are scalable based on the font-size. The button size can be easily adjusted by changing the padding and font-size values. The...
How to resume a paused or broken file upload ✩... →
This is a guest post written by Simon Speich. Simon is a web developer, believer in web standards and a lover of Mozilla since Mozilla 0.8 (!). Today, Simon is experimenting with the File API and the new slice() method introduced in Firefox 4. Here is how he implements a resume upload feature in a file uploader.
Managing Cron Jobs with PHP | Nettuts →
The cronTab, or “Cron Table”, is a Linux system process / daemon which facilitates the scheduling of repetitive tasks thereby easing up our day to day routine. In this tutorial, we’ll create a dynamic PHP class that, using a secure connection, provides us with a means to manipulate the cronTab!
Kiwi Party →
Mastering Sass: Lesson 3 | Nettuts →
In this final lesson in our Sass mini-series, we’re going to review the excellent Compass stylesheet framework, why you should be using it, and how it connects to Sass.
March 2011
32 posts
How To Use CSS3 Pseudo-Classes - Smashing Magazine →
CSS3 is a wonderful thing, but it’s easy to be bamboozled by the transforms and animations (many of which are vendor-specific) and forget about the nuts-and-bolts selectors that have also been added to the specification. A number of powerful new pseudo-selectors (16 are listed in the latest W3C spec) enable us to select elements based on a range of new criteria.
On Symfony, PHP, Python, OpenOffice, Excel,... →
Wow! That is one long title! But this is actually all the things that I’m gonna try to put together in this article. On a technical point of view, it is a follow up to my previous article on simple excel exports from within Symfony.
Making a Custom Facebook Wall with jQuery... →
In this tutorial, we are going to create our own version of Facebook’s wall. We will be using Facebook’s Graph API with jQuery, and the template plugin. The jQuery.tmpl plugin will allow us to define templates within our page, and convert the posts we’ve obtained from the API into a real HTML page. You can use today’s example to display a feed of the latest posts on your FB page or profile on your...
Script Junkie | Understanding CSS3 2D Transforms →
Transformations, in their strictest and broadest mathematical sense, are mathematical operations that map a set of items X onto another set, Y. In geometric terms, this means that we can apply a mathematical operation on a set of objects in space to map them onto a new space geometry. In layman’s terms, we can take an object and apply what we call transformation groups. These are ordered...
Symfony, Hudson & co | William DURAND -... →
Depuis quelques temps j’ai repris mes travaux déjà énoncés symfony rencontre Hudson, Mantis et les autres. J’ai mis à disposition un template générique d’un build.xml pour Phing exclusivement, accessible sur mon Github : hudson-phing-symfony. Il permet d’analyser son code symfony 1.x avec à peu près tous les outils en vogue du moment.
Mastering Sass: Lesson 2 | Nettuts →
In lesson one of our quick tip series, we learned how to install Sass, and how to use variables, nesting, and compression in our stylesheets. Today, we’ll review mixins and selector inheritance, which can provide us with a great deal of convenience and flexibility!
Better Check Boxes with jQuery and CSS |... →
In this short tutorial, we will be creating a replacement for the default browser checkboxes in the form of a simple jQuery plugin. It will progressively enhance your forms but at the same time fall back to the default controls if JavaScript is unavailable.
App Engine Series #3: Using the Webapp Framework |... →
In this third part of our App Engine series, we will start writing the python code that drives our uptime dashboard. We will be using Google’s Webapp framework, which is a lightweight tool for building applications on the platform. It also comes bundled with the SDK, so we don’t need downloading or setting up a separate framework. If you are new to the series, the best starting point would be the...
Styling Elements With Glyphs, Sprites and... →
In 2002, Mark Newhouse published the article “Taming Lists”, a very interesting piece in which he explained how to create custom list markers using pseudo-elements. Almost a decade later, Nicolas Gallagher came up with the technique pseudo background-crop which uses pseudo-elements with a sprite. Today, on the shoulders of giants, we’ll try to push the envelope. We’ll discuss how you...
Ruby for Newbies: Working with Gems | Nettuts →
Ruby is a one of the most popular languages used on the web. We’ve started a new Session here on Nettuts that will introduce you to Ruby, as well as the great frameworks and tools that go along with Ruby development. Today, we’ll look at the awesome packaging system that Ruby provides for distributing programs and libraries: Gems.
Générer la documentation Symfony2 →
Symfony2 bouge encore relativement beaucoup, et c’est donc aussi le cas de sa documentation. Si comme moi vous aimez toujours utiliser la dernière version de Symfony encore en développement, et que vous aimeriez disposer de la documentation en local et toujours à jour, voici comment procéder.
Mastering Sass: Lesson 1 | Nettuts →
After numerous requests, we’re launching a 3-part quick tip video mini-series on mastering Sass. To begin, in this introductory eight-minute screencast, I’ll teach you how to install Sass, and then how to get started with the beginning functionality and options.
Les transformations 3D en CSS3 →
Afin de bien visualiser les transformations 3D, utilisez le navigateur Safari qui est le seul à ce jour à fournir le meilleur support CSS3 3D. Au vu de ce que l’on peut en faire, on peut espérer que les autres navigateurs implémenteront rapidement ces nouvelles propriétés. Celles ci sont déjà disponibles sur safari mobile, permettant ainsi de proposer des applications web plus riches...
Better Check Boxes with jQuery and CSS |... →
In this short tutorial, we will be creating a replacement for the default browser checkboxes in the form of a simple jQuery plugin. It will progressively enhance your forms but at the same time fall back to the default controls if JavaScript is unavailable.
Technical Web Typography: Guidelines and... →
The Web is 95% typography, or so they say. I think this is a pretty accurate statement: we visit websites largely with the intention of reading. That’s what you’re doing now — reading. With this in mind, does it not stand to reason that your typography should be one of the most considered aspects of your designs? Unfortunately, for every person who is obsessed with even the tiniest details of...
Masao Maeda's Blog: How to custmize the error page... →
Survol de la GoogleMaps Api v3 Blog Symfony –... →
Beaucoup d’entre vous ont certainement déjà eu l’occasion de jouer avec l’api javascript de GoogleMaps. Elle est performante, bien documentée, et plutôt instinctive à implémenter. De plus il éxiste énormément de ressources sur le web proposant des exemples d’utilisation. On trouve cependant encore peu de ressources mentionnant la dernière mouture de l’api, la v3, qui simplifie et éclaircie encore...
Designing with CSS3 Support and Fallbacks |... →
CSS3 is a hot topic these days. Designers and developers are starting to widely utilize CSS3 and new tutorials are popping up nearly everyday. As a designer it is an exciting time to be at the forefront of it’s development. There are, however, many designers and developers that see browser support for CSS3 as insufficient. In their defense, not all clients are open to letting their websites look...
Getting Started with CouchDB | Nettuts+ →
NoSQL has been one of the most talked about topics over the past couple of months. This tutorial will introduce you to CouchDB, a NoSQL implementation and teach you how to get started with the platform.
Symfony Live 2011 : Compte rendu des 2 jours →
Nous voilà donc rentrés du 3e Symfony Live, toujours à la Cité Universitaire de Paris, et cette année les 2 jours sous le soleil! Bon le froid était quand même là hein, ça reste Paris :D Voici donc un petit compte rendu des 2 jours pour ceux qui n’étaient pas présents. A noter que cette année, on avait le droit à 2 salles, donc 2 interventions en même temps, il a fallut faire des choix!
Ruby for Newbies: Working with Directories and... →
Ruby is a one of the most popular languages used on the web. We’ve recently started a new Session here on Nettuts+ that will introduce you to Ruby, as well as the great frameworks and tools that go along with Ruby development. Today, we’ll look at the Dir and File classes, and how we can use them to work with directories and files.