background preloader

The Square Grid - A simple CSS framework for designers and developers

The Square Grid - A simple CSS framework for designers and developers

960 Grid System Les Media Queries CSS3 La spécification CSS3 Media Queries définit les techniques pour l'application de feuilles de styles en fonction des périphériques de consultation utilisés pour du HTML. On nomme également cette pratique Responsive Web Design, pour dénoter qu'il s'agit d'adapter dynamiquement le design à l'aide de CSS. Ces bonnes pratiques permettent d'exploiter encore plus les avantages de la séparation du contenu et de la présentation : l'intérêt est de pouvoir satisfaire des contraintes de dimensions, de résolutions et d'autres critères variés pour améliorer l'apparence graphique et la lisibilité (voire l'utilisabilité) d'un site web. Approche historique Avec CSS2 et HTML4, il était déjà possible de spécifier un média de destination pour l'application d'une ou plusieurs feuilles de style. <! L'attribut media peut prendre (depuis CSS2) les valeurs suivantes : screen Écrans handheld Périphériques mobiles ou de petite taille print Impression aural (CSS 2.0) / speech (CSS 2.1) Synthèses vocales braille Plages braille

Predator : un programme de reconnaissance visuelle sous GPL Un jeune chercheur tchèque, Zdenek Kalal, a publié récemment sur YouTube une vidéo assez impressionnante démontrant les capacités du programme de reconnaissance visuelle en temps réel qu’il a développé dans le cadre de sa thèse de doctorat soutenue à l’université du Surrey (Grande Bretagne). Depuis janvier 2011, il poursuit ses travaux à l’EPFL avec Vincent Lepetit et Pascal Fua deux professeurs français de l’université suisse. Un point intéressant dans ce projet, outre les performances apparemment réellement surprenantes, consiste dans le choix de licence de publication. En effet, les sources sont publiées sous licence GPL, et comme Kalal le rappelle sur son site : « cela signifie que toute diffusion d’un projet contenant tout ou partie du code de OpenTLD devra se faire avec les codes sources et sous licence GPL en version 3.0 ou ultérieure. » OpenTLD (Tracking, Learning and Detection) est l’autre nom du logiciel (le nom Predator étant plus « vendeur », peut-on imaginer).

Grid Designer 2 If you're familiar with the grid, a bit of design and basic typography, using this script should be pretty easy - most of the functions are pretty self-explanatory. If you're unfamiliar with grids in general, you could start by reading an excellent series of articles by web designer Mark Boulton. For those who want a real understanding of the theory of grids in relation to design and typography, I strongly recommend this book. On the Columns tab, you can start your design in two ways: Fill in the number of columns, total width, gutters and margin widths, all specified in pixels - then press the design button. The grid preview on the Columns tab will display the widths of each area, in pixels. Use the Typography tab to adjust and calculate basic typographic settings for your design. Finally, on the Export tab, you can generate copy-and-paste ready CSS, and a sample XHTML template.

GP Sherwood & Co. - Web Site Development & Desktop Publishing Game Development Tutorials – Networking for Game Programmers UDP vs. TCP What is the best way to send data between machines? Do you use TCP sockets, UDP sockets or a mixture of both? Sending and Receiving Packets This article shows how to send and receive UDP packets using BSD sockets, giving you source code that works across MacOS X, Windows and Unix. Virtual Connection over UDP Learn how to create your own virtual connection between two machines on top of UDP. Reliability and Flow Control Learn how to implement your own reliability system on top of UDP using sequence numbers and acks. Debugging Multiplayer Games Explains the techniques used by professional game developers to debug multiplayer games. What Every Programmer Needs To Know About Game Networking A brief overview of the history of PC multiplayer games. Floating Point Determinism Is it possible to get exactly the same floating point result (down to the bit-level) each time a program is run?

YAML Builder | A tool for visual development of YAML based CSS layouts freetuxtv FreetuxTV est un logiciel qui permet de regarder et enregistrer facilement les chaînes de télévision sous GNU/Linux. Plusieurs groupes de chaînes sont disponibles : FAI Français : Free, SFR, Orange, Alice, Bouygues… Web TV : Arabe, Chinois, Anglais, Français, Allemand, Italien, Japonais, Portugais, Russe, Espagnol Web Radio : Anglais, Français, Allemand De nombreuses fonctions sont disponibles telles que : Lecture en plein écran Lecture en mode réduit Enregistrement en direct et en différé Support du timeshifting Gestion des touches multimédia du clavier Dé-entrelacement Installation Via le dépôt PPA Installer un paquet hors des dépôts officiels peut présenter un risque d'instabilité pour votre système. Vous souhaitez utiliser une version plus récente que celle des dépôts officiels d'Ubuntu: Version stable Ou dans un terminal, saisir les commandes suivantes : sudo add-apt-repository ppa:freetuxtv/freetuxtv sudo apt-get update sudo apt-get install freetuxtv Version en développement Utilisation

Doxygen : de la doc pour mon site Drupal | La documentation du code, voilà un sujet qui passionne les foules. Et surtout, voilà la bête noire des développeurs. C’est la bête noire du développeur qui reprends un projet non documenté, lorsque celle-ci brille par son absence. C’est aussi la bête noire du développeur qui doit la rédiger. Afin de fournir une documentation digne de ce nom pour un site Drupal, ou pour tout autre projet, il faut « simplement » attraper le virus de la Doc. Le choix de la communauté Drupal, c’est Doxygen, un générateur de documentation OpenSource. Comme tout un chacun le sait, et en particulier ces détracteurs, qui ont pour religion la POO, Drupal n’est pas « Full objet ». Voici le script que j’utilise généralement pour mes projets Drupal : drupal.doxy J’attire en particulier votre attention sur deux paramètres : - INPUT : les chemins vers les ressources que vous voulez documenter. Les commandes Shell pour générer la documentation sont les suivantes : 1/ Installation de doxygen et de latex

CSS Grid Builder - ZURB Playground - ZURB.com CSS Code Product Design Training from the Experts at ZURB This is a default modal in all its glory, but any of the styles here can easily be changed in the CSS. This is just a simple modal with the default styles, but any type of content can live in here. Your ZURB ID explained You’ll use your ZURB ID to log in to all of ZURB’s properties — University, Products and Foundation. University Product design resources, courses and training. Design Apps Prototype, iterate and collect feedback on your products. Foundation The most advanced front-end framework in the world.

Bing API in Action - C# Introduction According to Bing, "Bing is a search engine that finds and organizes the answers you need so you can make faster, more informed decisions". Microsoft made available its API to public so that we can use it from our own applications. This article explains how to make a sample application which uses a Bing search feature. Step 1 Even though the Bing API service is free, you need an application ID to use the service. An AppID looks like this: F2C2567D3A712A4E764C49473BF4AFF7F8722A4E. Note: Do not use this as this is a fake AppID. Step 2 Now, you can create a Windows project. Use your AppId for YourAppId. Tip: You can add a Web Reference by right clicking the Project node in Solution Explorer -> Add Service Reference -> Advanced... button -> Add Web Reference... button. Step 3 Below is the sample code. Source code explanation using WindowsFormsApplication1.MyBingService; This is the web reference you added in Step 2. LiveSearchService service = new LiveSearchService(); Do search! Step 4 .

Related: