background preloader

Humans TXT: We Are People, Not Machines.

Humans TXT: We Are People, Not Machines.

An ultimate HTML5 cheatsheet you must have Like a lot of other web developers, I am also going to start learning HTML5. It’s time to get maximum benefit of HTML5 based browsers for our websites. Here I want to share a very useful cheatsheet on HTML5. It must be in your archive. If you are learning it. Update I have converted this cheat sheet into text form. Manifiesto futurista La publicación de este manifiesto supone la inauguración del movimiento futurista y sentaría precedente para otras vanguardias como el Manifiesto surrealista. El manifiesto es una nítida captura de la evolución cultural italiana al comienzo del siglo XX y muestra cómo parte de la vanguardia intelectual con el paso de los años habría contribuido al nacimiento del fascismo, aunque el futurismo y fascismo están separados en el tiempo, aquel apuntaba ideas como la violencia extrema que este manifiesto contiene, pudo ayudar a explicar por qué el fascismo sería la oportunidad de usar con éxito su estilo y aspecto típicamente nacionalista. Esto hace referencia al futuro. Contenido[editar] Enlaces externos[editar] Futur-ism.

Dive Into HTML5 Semantics You are here: Home Dive Into HTML5 Diving In This chapter will take an HTML page that has absolutely nothing wrong with it, and improve it. Parts of it will become shorter. Parts will become longer. Here is the page in question. The Doctype From the top: This is called the “doctype.” Microsoft came up with a novel solution. This idea spread like wildfire, and soon all major browsers had two modes: “quirks mode” and “standards mode.” In his seminal work, Activating Browser Modes with Doctype, Henri Sivonen summarizes the different modes: Quirks Mode In the Quirks mode, browsers violate contemporary Web format specifications in order to avoid “breaking” pages authored according to practices that were prevalent in the late 1990s. (You should read the rest of Henri’s article, because I’m simplifying immensely here. Now then. That happens to be one of the 15 doctypes that trigger “standards mode” in all modern browsers. This is the HTML5 doctype: That’s it. The Root Element The <head> Element <!

How Spain's 15-M movement is redefining politics | Diego Beas With the Spanish general election just over a month away, the eight-year rule of the Socialist party will soon come to an end. José Luis Rodriguez Zapatero will be ousted and the opposition leader Mariano Rajoy finally elevated to the place he thought deserved since 2004. Business as usual for Spanish politics; the normal political give-and-take of the last 30 years between the two main parties. But, with 20% unemployment (40% among the youth) and the looming possibility that the country's finances might have to face an intervention, things in Spain these days are anything but normal. Enter the Spanish indignados, or, as they are also known here, the 15-M movement (the protest was launched with a gathering on 15 May, one week before local elections). The movement has studiously avoided engaging with ideological agendas, unions and, most importantly, professional politicians. Is this a long-term solution to Spain's debt problems? The next step is to start thinking in terms of outcomes.

Head JS :: The only script in your HEAD Web Forms You are here: Home Dive Into HTML5 Diving In Everybody knows about web forms, right? You don’t know the half of it. Placeholder Text The first improvement HTML5 brings to web forms is the ability to set placeholder text in an input field. You’ve probably seen placeholder text before. When you click on (or tab to) the location bar, the placeholder text disappears: Here’s how you can include placeholder text in your own web forms: Browsers that don’t support the placeholder attribute will simply ignore it. Ask Professor Markup Q: Can I use HTML markup in the placeholder attribute? Autofocus Fields Web sites can use JavaScript to focus the first input field of a web form automatically. Because the autofocusing is done with JavaScript, it can be tricky to handle all of these edge cases, and there is little recourse for people who don’t want a web page to “steal” the focus. To solve this problem, HTML5 introduces an autofocus attribute on all web form controls. What’s that? Autofocus with fallback

Wikipedia, la enciclopedia libre Common Security Mistakes in Web Applications - Smashing Magazine Advertisement Web application developers today need to be skilled in a multitude of disciplines. It’s necessary to build an application that is user friendly, highly performant, accessible and secure, all while executing partially in an untrusted environment that you, the developer, have no control over. I speak, of course, about the User Agent. Most commonly seen in the form of a web browser, but in reality, one never really knows what’s on the other end of the HTTP connection. There are many things to worry about when it comes to security on the Web. We’ll skip over denial of service attacks in this article, but take a close look at the other issues. 1. Cross-site scripting is an attack in which a user is tricked into executing code from an attacker’s site (say in the context of our website (let’s call it Let’s say that our site allows the user to post cute little messages for the world (or maybe only their friends) to see. <? Hi there... <? 2. 3. 4. <? 5. 6.

Writing your first Django app, part 4 This tutorial begins where Tutorial 3 left off. We’re continuing the Web-poll application and will focus on simple form processing and cutting down our code. Write a simple form Let’s update our poll detail template (“polls/detail.html”) from the last tutorial, so that the template contains an HTML <form> element: polls/templates/polls/detail.html A quick rundown: Now, let’s create a Django view that handles the submitted data and does something with it. polls/ url(r'^(? We also created a dummy implementation of the vote() function. polls/ This code includes a few things we haven’t covered yet in this tutorial: request.POST is a dictionary-like object that lets you access submitted data by key name. As mentioned in Tutorial 3, request is a HttpRequest object. After somebody votes in a question, the vote() view redirects to the results page for the question. This is almost exactly the same as the detail() view from Tutorial 3. Now, create a polls/results.html template: Amend views

World Wide Web Consortium (W3C) Golden Grid System GGS was my next step after Less Framework. Instead of a fixed-width grid, it used a fully fluid-width one, without even a maximum width. The resources it was published with are still available on GitHub. The idea was to take a 18-column grid, use the outermost columns as margins, and use the remaining 16 to lay elements out. While the grid's columns were fluid — proportional to the screen's width — the gutters (spaces between the columns) were proportional to the font-size being used. GGS also contained a set of typographic presets, strictly to a baseline grid. Correctly setting all of these measurements is difficult, of course. When published, GGS gained a lot of attention, as the web design community was searching ways to work with fluid-width grids, which have always been troublesome, running counter to many graphic design principles. Many people trying to use GGS were also confused by the lack of predefined code for working with the grid.

Serving Static Content With Django A question that is frequently asked by new Django programmers is: "How can I serve static content (css, images, javascript) with the Django development server?". This article is my attempt to answer that question by demonstrating the best practices way to do so. Why Doesn't Django Serve Static Content Automatically? Well, Django (and python in general) is built around the idea that it is better to be explicit than implicit. This means that Django doesn't force us to put all of static content into a single, specific folder or tree, we can set it up however we like. This flexibility is what Django provides for us at the cost of not being able to automatically detect / serve our static content--which is why you are reading this article :) Where Should I Put My Static Content? In general, the convention I like to use is to put all static content in my project directory underneath the 'static' folder. Which allows me to have a good looking URL schema for my projects. Configure Your Settings

LESS « The Dynamic Stylesheet language