Fluid Grids Early last year, I worked on the redesign of a rather content-heavy website. Design requirements were fairly light: the client asked us to keep the organization’s existing logo and to improve the dense typography and increase legibility. So, early on in the design process, we spent a sizable amount of time planning a well-defined grid for a library of content modules. Article Continues Below Over the past few years, this sort of thinking has become more common. However, our client had one last, heart-stopping requirement: the design had to be fluid and resize with the browser window. Minimum screen resolution: a little white lie#section1 Instead of exploring the benefits of flexible web design, we rely on a little white lie: “minimum screen resolution.” Of course, when I was coding the site, I didn’t have the luxury of writing a diatribe on the evils of fixed-width design. As it turns out, it’s simply a matter of context. Do I really have to thank IE for this? With ems, it’s easily done.
#IDARB review The fundamentals of #IDARB are immediately recognisable to anyone with even a passing familiarity with most sports - two teams vie for control of a ball, which they must move to the opposite team's goal to score points. The reality of playing it is far, far different. Welding the anarchy of Smash Bros., NES-era platforming, and Twitter hashtags into a curious pastiche, #IDARB is an absolute farce. At times it can be too much, but more often than not it's a vehicle for chaotic fun that rewards those that can manage its many nuances. First, a confession: I'm rubbish at #IDARB. I invited a few friends over to help me test out multiplayer options and I was crushed. #IDARB is bizarre, and that's due in no small part to its origins. Things can get pretty chaotic in IDARB. Beneath the ludicrous façade, there is a decent skill-based foundation. There is a finesse to it as well, especially when "hashbombs" hit. #IDARB is the product of a streaming culture.
TideSDK - Créer des applications HTML5/JS sur Windows, Linux et Mac TideSDK est un SDK permettant de créer des applications multi-OS à partir de langages web: HTML5 / Javascript / CSS3. Créer une application facilement maintenable sur Windows, Linux et Mac OS est souvent synonyme de casse tête. TideSDK, de son ancien nom Titanium Desktop, propose une bibliothèque permettant, à partir de langages web comme le HTML5, CSS3 et javascript de créer des applications desktop multi plateforme, à partir du même code. Côté serveur, l'application peut tourner avec du code PHP, Python ou Ruby. Le SDK propose un système de packaging et déploiement du code très simple à utiliser. Toute l'API est bien documentée (en anglais), on regrettera juste le manque de tutoriels pour prendre en main rapidement la plateforme. Site Officiel
2D Character Controllers tutorial | Learn Unity 2D Mike Geig (@mikegeig) from the official Unity Learn team held a live training session on Unity’s 2D tools this week, in which he covered creating 2D characters. Luckily for us, this live session got archived on Youtube! so we can take a look using the embed below.. Enfin maîtriser les expressions rationnelles Une couverture exhaustive des expressions rationnelles a jusqu’ici fait partie de l’atelier JS Puissant. Elle occupait bien 1h, voire 1h30, en matinée. C’est un sujet qui me tient véritablement à cœur, pour les raisons que je vais développer dans les deux premiers titres. Mais on m’a quelquefois fait remonter, très justement, qu’une telle couverture, au sein d’un atelier de 8h, est tout-à-fait hors de proportion, et que le temps libéré pourrait être utilement mis à profit en entrant plus dans le détail d’autres aspects (programmation fonctionnelle, structuration de code…). Afin de ne pas simplement cesser de transmettre ces connaissances et de « convertir » les gens au bon usage des expressions rationnelles, j’ai donc opté pour l’approche inverse : sortir ce contenu des formations pour en faire un contenu librement accessible sur le site de JS Attitude ! Qui sait ? Le croque-mitaine Traditionnellement, les expressions rationnelles ne sont pas enseignées. C’est vrai, quoi, comprenez-les. ?
Learn Unity 2D | 2D game development in Unity 10 Useful Cheat Sheet For WordPress Users WordPress is a very effective blogging tool and it is absolutely free and open source. WordPress is an amazing and a dynamic content management system that is CMS. WordPress is very much based on PHP or even MySQL. It has various features that are very important and essential which includes a plugin architecture and also a template system in addition. Word press has become very common among the people in very short span of time and especially among the blog writers because it makes it very easy for them to update their website or blog. WordPress cheat sheets can be widely used for theme development.WordPress cheats sheets are of various types and categories such as word press theme anatomy model cheat sheet, SEO for word press model cheat sheet and various other cheat sheets that are very important and helpful. Today we come up with some highly useful cheat sheet for WordPress users that helps theme developers a lot. 1) WordPress Theme Development Cheat Sheet 6) WordPress Template File
Des pixels et du code #18 - Stéphanie Walter : Webdesign - intégration web Cette semaine beaucoup de ressources concernant le Responsive Webdesign, des ressources pour générer du bruit, les nouveautés iOS6 en terme de design ainsi qu’un framework pour créer des applications HTML5 JavaScript contrôlables avec les gestes Kinect. Sans oublier la sortie de github pour Android ! Les tutoriels de la semaine #Canvas Html5 canvas slideshow jquery un tutoriel interessant pour créer un slider en utilisant des canvas pour modifier les images et du jQuery Set text on a circle Afficher du texte sous forme d’arc de cercle en CSS Responsive mobile first navigation menu un tutoriel pour créer une navigation responsive sur trois niveaux qui passe sur tout l’écran pour les appareils mobiles Des ressources utiles #Android #jQueryMobile jQmobile Android Holo light theme , un thème jQueryMobile inspiré des couleurs d’Ice Cream Sandwich sur Android #CSS3 #Pixelart Picssel art un générateur de visuels pixels art dont le code génère du CSS3 (sympa, mais je n’utiliserait pas sur un site live)
Typography - A Beginner's Guide to HTML & CSS Typography on the web has grown substantially over the last few years. There are a couple of different reasons for this rise in popularity, however none more recognized than the ability to embed your own web fonts on a website. In the past designers were limited to a small number of typefaces they could use on a website. These typefaces were based off what were the most commonly installed fonts on a computer, thus most likely to render properly on screen. While the ability to embed fonts opens up a door to all new typefaces it also requires designers to know the basic principles of typography. Typeface vs. The terms typeface and font are often interchanged, causing confusion. A typeface is what you see. A font is a file that includes a typeface. One way to help distinguish the difference between a typeface and font is to compare them to a song and MP3. Formatting Content Within the previous lesson, Elements & Semantics, we talked about how to semantically add content to a page. Headings