background preloader

HTML5 and CSS3 - Adobe - The Expressive Web - Beta

HTML5 and CSS3 - Adobe - The Expressive Web - Beta
Related:  Web Designweb design

jQuery The Bright (Near) Future of CSS - Smashing Coding Why You Should Get Excited About Emotional Branding Globalization, low-cost technologies and saturated markets are making products and services interchangeable and barely distinguishable. As a result, today’s brands must go beyond face value and tap into consumers’ deepest subconscious emotions to win the marketplace. In recent decades, the economic base has shifted from production to consumption, from needs to wants, from objective to subjective. We’re moving away from the functional and technical characteristics of the industrial era, into a time when consumers are making buying decisions based on how they feel about a company and its offer. Read more... A Guide To Validating Product Ideas With Quick And Simple Experiments You probably know by now that you should speak with customers and test your idea before building a product. Mistakes include testing the wrong aspect of your business, asking the wrong questions and neglecting to define a criterion for success. Read more... Read more...

iWeb Widgets, Tutorials, Tips, and Tricks | Beyond iWeb Por que este simples site ganhou o prêmio de melhor design do ano? Quando foi a última vez que você tentou encontrar na Internet um formulário para serviços do governo? Para mim, foi há uns meses, quando estava tentando rastrear um voto à distância. E mesmo amando GIFs da bandeira americana, estava perdida no labirinto de sites separados nos quais eu tive que entrar antes de encontrar o que eu precisava. Ontem, numa cerimônia em Londres, o site ganhou o prêmio de Melhor Design de 2013, dado pelo Museu do Design, superando outros 99 concorrentes, que incluíam prédios, invenções e carros. Eis o que o torna tão especial. O que faz com que um site tão seco, sem graça e objetivo mereça o prêmio? Sites de governos têm um caso de uso radicalmente diferente do um, digamos, blog de tecnologia. Há apenas uma fonte no Gov.uk, e a sombria paleta de cores é composta por gradientes de branco e preto, além de clássicos links azuis. Claro, não há um único objeto que podemos chamar de “melhor design” dos últimos 365 dias.

Beveled, Pressed & Shadow Borders with CSS This week, I’ve been doing some website re-tooling. I’m converting my WordPress site from a self-built theme to a fully awesome and optimized Standard Theme without changing my overall design. Of course, I am making some minor changes here and there with things I didn’t like or could be better. Some changes you can’t even see the difference, but if you looked under the hood, the change is huge. Take for instance, my rounded corners on each page and blog post. Before: After: Like I said, I would like to make a few other subtle visual changes. Check-out these four clean effects: Light Shadow Nice, simple and clean, right? This light shadow effect is done by using shades of grey with borders. Simple and clean, just like the effect, eh? Pressed Me likey. I’m guessing if you play around with the colors, you might get the same pressed effect on a light background, too. This is pulling some CSS3 border-radius, so keep that in mind. Beveled You’ve probably seen this effect around the web. Indented Lines

30 game scripts you can write in PHP, Part 1: Creating 10 fundamental scripts Getting started As both a game master/storyteller and a developer, I frequently find myself writing little utilities and scripts to help me when running, planning, and playing games. Sometimes I need a quick idea. Other times, I just need a whole pile of names for Non-Player Characters (NPCs). This article will explore 10 fundamental scripts that can be used in various types of games. We will blaze through these scripts pretty quickly. Back to top A basic die roller Many games and game systems need dice. In many cases, that would be more or less fine. Listing 1. function roll () { return mt_rand(1,6); } echo roll(); Then we can pass the type of die we want to roll as a parameter to the function. Listing 2. function roll ($sides) { return mt_rand(1,$sides); } echo roll(6); // roll a six-sided die echo roll(10); // roll a ten-sided die echo roll(20); // roll a twenty-sided die Random name generator Listing 3. Listing 4. Listing 5. Scenario generator Listing 6. Deck builder and shuffler Mad Libber

HTML5 Zone Juri Strumpflohner Integrating Node.js with a C# DLL An option that came to mind is to design the DLL as a self-contained process and to invoke it using Node.js's process api. Turns out this is quite simple. Just prepare your C# application to read it's invocation arguments s.t. Sarah Ervin The Best of the Week (Mar. 28): HTML5 Zone Make sure you didn't miss anything with this list of the Best of the Week in the HTML5 Zone (Mar. 28 to Apr. 03). HTML5 Zone Link Roundup (Apr. 5) For a look at what's been happening outside of the HTML5 Zone, we've assembled a collection of links including those about bug removal in Angular.js, a look at the fascinating Macaw framework, and several updates on the Mozilla CEO controversy. Ariya Hidayat Nashorn: The New Rhino on the Block The most recent Java 8 release came with lots of new features, one of them is the brand-new JavaScript engine to replace the aging Rhino. Evert Pot PHP 5.5.10 Timezone Handling Changes Mike Driscoll Python 201: Decorators Matt Farina

» CSS Trick: Turning a background image into a clickable link One of the things I most often get asked by people trying to master HTML and CSS is “How do I make a background image clickable?” It’s easy to wrap a regular image tag in a link, but what if your design or situation required that you use a background image? It’s actually quite simple. Range Web Development Start with just a link exactly as you would make it for any other purpose, and make sure to give the link an id so that we can use that to apply our styles: That’s all the (X)HTML you’ll need to make your background image clickable. So, how can we make a background image a clickable link? At this point it should look something like this: Range Web Development Now all we need to do is hide the text. And the finished product looks like this: Range Web Development And there you have it – a quick CSS trick with clean markup that turns your background images into clickable links.

- quasiment pas d'apparitions sous chrome android ni safari ios7 by windycrazy Oct 3

Related:  Design Sub-NetTutorialsWebsuunnitteluArticles ...benchmark graphiquenetfilecssdmayas