796 shaares
77 results
tagged
Tutorial
Flexible layouts. Equal height columns. Presentation independence from your HTML source order. These things haven't been so easy to achieve with CSS—until now. The flexible box layout, the new flexbox specification, makes creating any of these layouts easy, and much more.
In this article I'll walk you through the latest flexbox specification and use a simple demo to show you how to create a layout that's flexible, and has equal height columns and elements that you can arrange in any order, regardless of their order in the HTML source.
In this article I'll walk you through the latest flexbox specification and use a simple demo to show you how to create a layout that's flexible, and has equal height columns and elements that you can arrange in any order, regardless of their order in the HTML source.
Suite à l’annonce de la fermeture prochaine de Google Reader, beaucoup cherchent une solution alternative comme Leed. Le tuto expliquant comment installer Leed sur son propre serveur existant déjà, je vous propose de découvrir comment l’installer sur son hébergement mutualisé.
What is Leed?
Pour ceux qui se le demande, Leed est un agrégateur de RSS à l’image de Google Reader, RSS Lounge, TinyTinyRSS ou Ardilla. Celui-ci a bien des avantages dont la légèreté, le fait d’être open source ou moins risqué qu’un service propriétaire qui peut (comme va le faire Google Reader) fermer à tout moment.
What is Leed?
Pour ceux qui se le demande, Leed est un agrégateur de RSS à l’image de Google Reader, RSS Lounge, TinyTinyRSS ou Ardilla. Celui-ci a bien des avantages dont la légèreté, le fait d’être open source ou moins risqué qu’un service propriétaire qui peut (comme va le faire Google Reader) fermer à tout moment.
Welcome to part 2 of this two-part series discussing MVC and PHP, where we’ll discuss some of the considerations one must make when using an MVC architecture. If you’ve come straight to this article without reading part 1 first, I encourage you to head back and have careful read as this one will assume that you’ve read and understand everything it discussed. With that in mind, let’s get started!
In this tutorial we’ll look at bringing some of the web’s mobile techniques to HTML email. User take-up of mobile email is massive: some email campaigns get more mobile opens than desktop, yet many marketing emails render poorly on mobile devices. Mobile support on the web has never been better – so if you’re sending emails that drive customers to the web, it makes sense to design mobile friendly emails too.
The design challenges for mobile email are similar to those on the web: we have a small screen, a touch interface and (sometimes) users are out and about – so the design approach is similar. We have one extra challenge, in that many older mobile email clients lack proper support for media queries.
With this in mind, our best approach is to design a campaign that works well on both desktops and mobiles, and then use media queries where they’re supported to add an extra layer of optimisation for smartphones.
The design challenges for mobile email are similar to those on the web: we have a small screen, a touch interface and (sometimes) users are out and about – so the design approach is similar. We have one extra challenge, in that many older mobile email clients lack proper support for media queries.
With this in mind, our best approach is to design a campaign that works well on both desktops and mobiles, and then use media queries where they’re supported to add an extra layer of optimisation for smartphones.
Web3mantra.com has always uploaded those posts which help web designers and developers to complete their tasks within triple constraints – time, cost and quality. I am definite that our today’s post of HTML5 video tutorials will also help you in your next task. Today also we are posting fresh HTML5 video tutorial.
HTML5 is very important to learn for today’s web designer and developers, as it is
leaving Flash way behind on its path. Apart from this the features of HTML5 are just amazing. Take a look at my today’s post and you will learn a lot about HTML5, throughthese HTML5 video tutorials.
HTML5 is very important to learn for today’s web designer and developers, as it is
leaving Flash way behind on its path. Apart from this the features of HTML5 are just amazing. Take a look at my today’s post and you will learn a lot about HTML5, throughthese HTML5 video tutorials.
Tutorial on how to setup Minecraft on your raspberry Pi
The MagPi magazine is collaboratively produced by an independent group of Raspberry Pi owners, and is not affiliated in any way with the Raspberry Pi Foundation. All articles are checked and tested before the release deadline is met but some faults may remain.
Avec la généralisation des technologies JS, CSS3 et HTML5, il est aujourd'hui possible de faire des sites Web qui n'ont rien à envier aux interfaces des logiciels que l'on peut trouver sur nos machines. Le revers de la médaille est une complexité croissante qui nécessite de faire appel à des professionnels . Quand vous devez faire un site personnel ou pour une association, il est difficile, à moins de s'appeler Cresus, de passer par un Web designer.
Heureusement des frameworks libres permettent avec un minimum d'investissement et de connaissances de bâtir des sites Web dans les règles de l'art. Nous allons dans ce billet parler du plus médiatique d'entre eux: Bootstrap. L'idée n'est pas de traduire la documentation officielle qui est par ailleurs très bien faite, mais de partager avec-vous mes méthodes que je suis en train d'utiliser pour développer le prochain thème du Blog de Nicolargo qui sera, vous l'avez compris largement basé sur Bootstrap.
Heureusement des frameworks libres permettent avec un minimum d'investissement et de connaissances de bâtir des sites Web dans les règles de l'art. Nous allons dans ce billet parler du plus médiatique d'entre eux: Bootstrap. L'idée n'est pas de traduire la documentation officielle qui est par ailleurs très bien faite, mais de partager avec-vous mes méthodes que je suis en train d'utiliser pour développer le prochain thème du Blog de Nicolargo qui sera, vous l'avez compris largement basé sur Bootstrap.
First of all, let’s get the essential question answered: what is Modernizr?
Based on the official site, Modernizr is “A JavaScript library that detects HTML5 and CSS3 features in the user’s browser.”
Although HTML5 and CSS3 are great but many of the new features they have, as we already know by now, are not much applicable in old browsers. Modernizr, helps to address this problem by testing the user’s browser on whether it supports a particular feature. If the feature is “unsupported”, then we can deliver an appropriate script or function to imitate the feature it lacks.
Based on the official site, Modernizr is “A JavaScript library that detects HTML5 and CSS3 features in the user’s browser.”
Although HTML5 and CSS3 are great but many of the new features they have, as we already know by now, are not much applicable in old browsers. Modernizr, helps to address this problem by testing the user’s browser on whether it supports a particular feature. If the feature is “unsupported”, then we can deliver an appropriate script or function to imitate the feature it lacks.
Have you thought about remaking your website header section? As you know – this is the most important section of any website. First of all, all visitors are paying attention on this part of the site. And, the more clean and tidy it is, the better opinions on your site get visitors. In our today’s article I will show you how to create high-quality and modern header for your site. This header will include a logo, several links in the upper right corner, drop-down navigation menu and search form.
Before we start, I would like to show you what exactly we are going to buid:
Before we start, I would like to show you what exactly we are going to buid:
IP Webcam est une application qui permet de transformer un téléphone Android en une caméra IP sans fil connectée à votre réseau WiFi. Vous pouvez ainsi faire de la surveillance vidéo ou même utiliser la webcam pour dialoguer sur des logiciels de messagerie tels que Skype, MSN Messenger... L'accès à la caméra se fait très simplement via un navigateur web ou un lecteur multimédia tel que VLC par exemple. Notez également qu'il est possible de verrouiller l'accès au flux vidéo grâce à un identifiant et un mot de passe.
Voyez dans ce tutoriel comment configurer l'application IP Webcam, et comment afficher le flux vidéo de votre webcam depuis votre ordinateur ou un autre appareil Android.
Voyez dans ce tutoriel comment configurer l'application IP Webcam, et comment afficher le flux vidéo de votre webcam depuis votre ordinateur ou un autre appareil Android.
Je suis développeur et pour moi le design a toujours été quelque chose que j’observais de loin. J’ai bien essayé de faire joujou avec une version piratée de Photoshop dans ma jeunesse mais j’ai du me rendre à l’évidence à chaque fois : mes tentatives de designs étaient calamiteuses.
Mais aujourd’hui je retrouve espoir grâce à l’initiative de HackDesign qui propose des cours de design pour les développeurs…
➤Le principe
Design lessons for programmers, curated by top designers
Voici le titre de la homepage de HackDesign, autant dire que c’est plutôt clair et concis : l’objectif est de proposer des “leçons” traitant du design et du webdesign pour les développeurs souhaitant améliorer leurs compétences en design. Au lieu de parler de leçons, ils auraient pu parler d’articles.
Le programme est dévoilé au fur et à mesure, de nouveaux articles sont ainsi dévoilés toutes les semaines sur un thème relatif au webdesign et généralement, ils fourmillent de ressources en relation avec l’article.
Mais aujourd’hui je retrouve espoir grâce à l’initiative de HackDesign qui propose des cours de design pour les développeurs…
➤Le principe
Design lessons for programmers, curated by top designers
Voici le titre de la homepage de HackDesign, autant dire que c’est plutôt clair et concis : l’objectif est de proposer des “leçons” traitant du design et du webdesign pour les développeurs souhaitant améliorer leurs compétences en design. Au lieu de parler de leçons, ils auraient pu parler d’articles.
Le programme est dévoilé au fur et à mesure, de nouveaux articles sont ainsi dévoilés toutes les semaines sur un thème relatif au webdesign et généralement, ils fourmillent de ressources en relation avec l’article.
lors, vous venez de télécharger le SDK Android et vous êtes prêt à développer votre application qui va révolution le monde du petit écran ? Vous avez une idée géniale, mais vous ne savez pas à ce que doit ressembler la conception de votre future application ? Afin de vous aider dans cette démarche, Google a dévoilé quelques lignes directrices et des recommandations, et il est maintenant temps de les partager avec vous.
La chaîne YouTube Android Developers a récemment mis en ligne un épisode dans lequel on en apprend davantage sur la conception du design d’une application Android. Voici le synopsis :
“In this week’s episode, we’ll look at a simple article reader app and how to evolve its visual design iteratively, transforming it from zero to hero.”
Même si vous êtes un développeur Android aguerri, cette vidéo peut vous apporter quelques conseils. La vidéo ne dure seulement que 33 minutes.
La chaîne YouTube Android Developers a récemment mis en ligne un épisode dans lequel on en apprend davantage sur la conception du design d’une application Android. Voici le synopsis :
“In this week’s episode, we’ll look at a simple article reader app and how to evolve its visual design iteratively, transforming it from zero to hero.”
Même si vous êtes un développeur Android aguerri, cette vidéo peut vous apporter quelques conseils. La vidéo ne dure seulement que 33 minutes.
Hyper-V est l'outil de virtualisation de Microsoft qui permet de créer des machines virtuelles au sein d'une machine physique, comme le propose d'autres logiciels tels que VirtualBox ou VMWare. A la base, Hyper-V est seulement présent sous Windows Server, mais il est désormais disponible également sous Windows 8.
Nous allons donc voir dans ce tutoriel comment créer une machine virtuelle grâce au gestionnaire Hyper-V sous Windows 8. Avant de commencer, prenez connaissance des pré-requis nécessaires pour utiliser l'outil
Nous allons donc voir dans ce tutoriel comment créer une machine virtuelle grâce au gestionnaire Hyper-V sous Windows 8. Avant de commencer, prenez connaissance des pré-requis nécessaires pour utiliser l'outil
TCP/IP is the communication protocol for the internet.
TCP/IP defines the rule computers must follow to communicate
TCP/IP defines the rule computers must follow to communicate
TCP/IP is the communication protocol for the internet.
TCP/IP defines the rule computers must follow to communicate
TCP/IP defines the rule computers must follow to communicate
Short animated video explaining how the Domain Name System, or DNS, works.
The web is great. And it just gets better in real life, so we host events where people who work on the web get together to learn and connect.
In 2013 we'll start the year with a What Do You Know series in February, and then Web Directions Code on May 2 and 3 in Melbourne.
In 2013 we'll start the year with a What Do You Know series in February, and then Web Directions Code on May 2 and 3 in Melbourne.
This site teaches the CSS fundamentals that are used in any CSS layout.
I assume you already know how to make things colorful. You know what selectors, properties, and values are. And you probably know a thing or two about layout, though it may still be a rage-provoking activity for you. Let's see if we can save you some fury on your next project.
I assume you already know how to make things colorful. You know what selectors, properties, and values are. And you probably know a thing or two about layout, though it may still be a rage-provoking activity for you. Let's see if we can save you some fury on your next project.
Have a blog? With small adjustments, you can noticeably improve its typography. Your readers will thank you for it.
This guide will help you understand the typographic foundations that will improve the readability of your articles.
This guide will help you understand the typographic foundations that will improve the readability of your articles.