#web - Seenthis

CSS 3 Flexbox Layout module

2013-05-22T08:18:46Z

#CSS 3 #Flexbox Layout module
http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html

Un article récent (mars 2013) sur le nouveau modèle de boite Flexbox qui arrive, présentant la syntaxe finale. Ce module intègre entre autre le principe des grilles CSS des frameworks directement dans le noyau de base. Avec alignement vertical et horizontal à l'intérieur du parent.

L'autre point génial : définir explicitement l'ordre visuel des boites, sans changer l'ordre du code HTML. Un peu comme dans #Layout-Gala cette fois, mais là aussi directement dans le noyau, avec des règles toutes simples.

#intégration #web #framework #grille

Melody - by molovo

2013-05-21T16:53:00Z

Melody - by molovo
http://melody.molovo.co.uk

Welcome to Melody, an extremely lightweight CSS grid framework. I've adapted and borrowed elements from a number of other frameworks to evolve this into something that meets my needs, and done things a little differently to make it more flexible.

#css #css_grid #css_framework #webdev

100 ans de catastrophes écologiques dues aux énergies fossiles CounterSpill

2013-05-20T19:18:08Z

100 ans de catastrophes écologiques dues aux énergies fossiles
CounterSpill
http://counterspill.org
https://dl.dropbox.com/s/aak8jvoyzbuo73e/d%C3%A9sastres.jpg
#cartographie_interactive #archives #webdoc

Bug Skype : Skype vient de proposer une mise à jour vers sa version 6.3 ; du coup, ma webcam…

2013-05-20T13:41:46Z

Bug Skype : Skype vient de proposer une mise à jour vers sa version 6.3 ; du coup, ma webcam Philips ToUcam Pro Camera ; Video (c'est son nom...) n'était plus reconnue. J'ai envoyé un avis à Skype qui, lors est sans réponse ; disons que entre samedi et ce lundi... Je suis revenu à la version Skype 6.1 et ai désactivé l'option Mise-à-jour automatique. Ma caméra est de nouveau prise en compte et le service de vidéophone fonctionne bien. Alors, les slogans du genre : Skype améliore votre expérience de... Vous savez quoi faire si vous êtes confronté au même problème ; votre webcam fonctionne ; c'est Skype qui n'a pas encore reconnu son type, peut-être ancien : mais ceci ne le regarde pas. - L'image en lien n'est pas contractuelle LOL

http://www.bedbugsremovalguide.com/images/bed%20bug%20protector.jpg

#bug #Skype #webcam #Philips

Les bonnes pratiques webperf toujours sous la main

2013-05-20T12:45:46Z

Les bonnes pratiques #webperf toujours sous la main
http://gasteroprod.com/blog/les-bonnes-pratiques-webperf-toujours-sous-la-main

La collection « mémento » de chez Eyrolles vient de s'agrandir, avec l'ajout d'un petit nouveau dédié aux performances web, en termes de vitesse. Incontournable ! Et je ne dis pas ça juste parce que j'ai eu l'honneur d'être invité à participer à sa relecture par ses auteurs Armel Fauveau et Lionel Pointet, c'est vraiment un condensé — très complet et didactique tout de même — des principales bonnes pratiques à respecter pour développer des sites performants, et donc plus agréables pour les visiteurs. (...) (...)

#Blog #livre
http://www.eyrolles.com/Informatique/Collection/4143/memento.php
http://www.eyrolles.com/Informatique/Livre/memento-performances-web-9782212136586
https://twitter.com/fauveauarmel
https://twitter.com/lpointet
http://www.clever-age.com/veille/reactions/pagespeed-et-yslow-ne-sont-pas-des-indices-de-performance.html
http://twitter.com/kjoly

Lâchez prise !

2013-05-20T12:15:08Z

Lâchez prise !
http://gasteroprod.com/blog/lachez-prise

Le Firefox de mon MacBook Pro HD est configuré avec une taille de texte par défaut de 18px. Sur mon Mac mini branché à la TV de mon salon, c'est 24px. Si votre site m'impose une taille de texte illisible de 11px ou son design est complètement cassé bien que respectant ma préférence de taille de texte, ne comptez pas sur moi pour y rester… J'ai la chance d'avoir un superbe écran sur mon MacBook Pro, un ancien modèle avec une résolution « HD » de 1680x1050 pixels dans 15 pouces de diagonale. C'est très (...)

#Blog #ergonomie #web
►http://romy.tetue.net/stop-arial-11px
https://twitter.com/tetue
http://www.bookeen.com/fr/cybook-odyssey-2013-edition
https://twitter.com/ElieSl
http://blog.temesis.com/post/2009/09/21/lacher-prise
http://userstyles.org
http://userstyles.org/styles/26756/facebook-st-valentin-by-hornetovore-d

Tiny Little Knives — Mysterious Trousers

2013-05-19T07:38:42Z

Tiny Little Knives — Mysterious Trousers
http://mysterioustrousers.com/news/2013/5/6/tiny-little-knives

If offered an #app both natively and through the browser—with the same attention to detail given to both—people readily choose the native option. Why?
Amid passionate discourse from all sides of the issue, I couldn't find a single explanation for why people prefer native apps.

#design #webapp

Announcing Framer 2 — Look What I Made — Medium

2013-05-18T23:45:58Z

Announcing #Framer 2 — Look What I Made — Medium
https://medium.com/look-what-i-made/95d2682d07

Framer is a tool to build #interaction and #animation #prototypes for #mobile and #web. You can use images, animation, and events to quickly build and test complex interactions. Framer is Javascript based, hardware accelerated and includes spring physics for bouncy animations.

WebRTC without a signaling server has massive P2P collaboration potential :

2013-05-18T17:14:37Z

#WebRTC without a signaling server has massive #P2P #collaboration potential: http://blog.printf.net/articles/2013/05/17/webrtc-without-a-signaling-server - add #IPv6 to that and watch it take over the world !

Map Tales application web pour créer des histoires en liaison avec une représentation…

2013-05-17T13:06:24Z

Map Tales
http://maptal.es

application web pour créer des histoires en liaison avec une représentation cartographique simple (itinéraire, points...) Permet une intégration via iframe dans d'autres sites

#raconter #storytelling #voyage #carte #outil #web-based #maptales #histoire

❝Les chamans sont des geeks de la foret. Les prêtres vaudou des hackers de la nature❞ Mon carnet d…

2013-05-16T09:26:51Z

Les chamans sont des geeks de la foret. Les prêtres vaudou des hackers de la nature

Mon carnet d écriture de l Arbre à l Envers, film interactif qui explore les thèmes du voyage initiatique, de la quête de sens et de la liberté, publié sur le blog documentaire.

http://cinemadocumentaire.wordpress.com/2013/04/26/webdocumentaire-larbre-a-lenvers-carnet-decriture-1

#webdoc #narration_interactive #nouvelle_narration #interactivité #technologie

LukeW | New Layouts for the Multi-Device Web

2013-05-16T09:10:33Z

LukeW | New Layouts for the #Multi-Device #Web
http://www.lukew.com/ff/entry.asp?1721

Most Web page layouts rely on design patterns created for laptop and desktop computers equipped with a mouse and keyboard. As the variety of devices being used to access the Web has grown, these patterns haven't been keeping up. Designing for today's Web means considering single-handed thumb use on smartphones, two handed touch interactions on tablets, mouse and keyboard input on traditional PCs, hybrid devices, and more. Web layouts have to evolve to support this new reality.

#webdesign

The WebRTC threat to Skype is not a killer startup but thousand cuts as WebRTC integrates trivially…

2013-05-15T15:57:53Z

The WebRTC threat to #Skype is not a killer startup but thousand cuts as #WebRTC integrates trivially in applications everywhere.

You were using Skype instead of SIP because you found it easier ? Meet the Skype killer - now quick…

2013-05-14T15:42:43Z

You were using #Skype instead of #SIP because you found it easier ? Meet the Skype killer - now quick and easy to integrate in any #Web environment. http://danielpocock.com/get-webrtc-going-fast #telephony #RTC #WebRTC #VOIP

Entrer dans la troisième époque du Web | Ars Industrialis

2013-05-14T07:25:35Z

Entrer dans la troisième époque du #Web | Ars Industrialis

http://blog.jeanlucraymond.net/public/200911/bernardstiegler.jpg

Nous allons vers une « économie de la #contribution », où chacun participe, comme c'est déjà le cas avec Wikipédia. C'est la fin du modèle consumériste, et le début du modèle des pairs : dans le logiciel libre comme dans le monde académique, les échanges sont de pair à pair. Cela suppose de repenser le droit du travail, de réorganiser les entreprises, en se rapprochant du modèle des intermittents, de redéfinir les objectifs de la fiscalité. Il ne s'agit plus seulement de redistribuer du pouvoir d'achat, mais de savoir mettre en valeur son temps. C'est-à-dire de l'intelligence collective.

L'ottimismo di Bernard #Stiegler sullo scambio tra pari.

http://arsindustrialis.org/entrer-dans-la-troisième-époque-du-web

Olympe de Gouges 2.0

2013-05-13T12:07:12Z

Olympe de Gouges 2.0
http://olympedegouges-museum.com

Figure méconnue de la Révolution Française, humaniste et féministe avant l'heure, Olympe de Gouges, dont les combats pour la justice sociale ou le droit des femmes résonnent encore avec force dans notre société contemporaine, méritait bien qu'on lui consacre un musée… Mais pas n'importe quel musée. Pour celle qui fut si en avance sur son temps et aimait tant partager ses idées, quoi de mieux qu'un musée virtuel ? Fidèle à celle qui l'a inspiré, « Olympe de Gouges 2.0 » se veut un espace multiforme, transmédia et participatif, ouvert à tous et pour tous.
Un musee qui ne ferme jamais ses portes
Plus qu'un site internet, plus qu'un web doc, Olympe de Gouges 2.0
est le projet d'un musée virtuel multiforme et transmédia, qui utilisera
toutes les ressources du Web participatif et les nouvelles technologies
qui lui sont associées pour rendre compte de la vie, de l'œuvre et des
idées d'Olympe de Gouges.
Un musee ouvert a tous
L'objectif du projet Olympe de Gouges est double :
– Faire connaître au grand public une personnalité historique en leur
proposant une muséographie dématérialisée et innovante axée sur une
mise en scène interactive et utilisant toutes les formes médiatiques
(vidéos, écrits, animations, captations, BD…)

#féminisme #historicisation #web_museum #Olympe_de_Gouges

Une interview récente et assez longue de Pierre-Carles. Partie 1 : sur ses méthodes, sur les médias…

2013-05-13T07:47:20Z

Une #interview récente et assez longue de #Pierre-Carles. Partie 1 : sur ses méthodes, sur les #médias classiques. Partie 2 : sur #Internet, sur la diffusion de #documentaire sur le net.

Interview Pierre Carles 2013 : Les médias alternatifs et internet
https://www.youtube.com/watch?v=3gnptMPUJ4w

Sur le #webzine « Solitudes » qui l'a fait :
http://www.solitudes.fr/2013/01/rencontre-avec-pierre-carles_8.html

Et une BD qui va avec :
http://www.solitudes.fr/2013/01/mini-reportage-bd-sur-notre-rencontre_12.html

http://3.bp.blogspot.com/-Fuvu2rVAlW4/UPGBFpHlEzI/AAAAAAAAAdg/ir7NgMTEpco/s1600/carles1.jpg

Et ya une spéciale dédicace à Alexandre du #FAI libre #Aquilenet (http://www.aquilenet.fr) à #Bordeaux et à #La-Quadrature-du-Net. :)

La machine à expulser , un webdocumentaire : ❝Il y a aujourd'hui en France métropolitaine et en…

2013-05-12T15:27:29Z

La machine à expulser , un webdocumentaire :

Il y a aujourd'hui en France métropolitaine et en outre-mer 25 centres de rétention administrative (CRA) ; onze d'entre eux sont habilités à enfermer des familles et des enfants. Des dizaines de milliers de personnes y sont enfermées chaque année, en vue d'être expulsées du territoire. Leur seul délit est de ne pas avoir de papiers. Ces lieux de privation de liberté, de plus en plus sécurisés, échappent à notre regard.
La Machine à expulser parle de ces hommes et de ces femmes qui
« disparaissent », dont la vie bascule soudain, lors d'un contrôle d'identité. Placés en rétention administrative pour une durée maximale de 32 jours et bientôt de 45, ils deviennent des « retenus », avant d'être « reconduits à la frontière ».
Nous avons recueilli leurs paroles, entre deux rendez-vous devant un juge, dans l'anonymat de leur chambre du CRA, parfois à quelques heures d'être embarqués vers un pays que, pour la plupart, ils ne connaissent pas. Leur enfermement est double, dans un lieu et dans une procédure complexe. Ce sont eux qui subissent la « politique du chiffre », eux qui nourrissent les « objectifs chiffrés de reconduite à la frontière ».
Avec ce web documentaire, nous avons voulu décrypter « la rétention administrative des personnes en situation irrégulière », interroger l'instrumentalisation de l'étranger, expliciter un acharnement administratif, expliquer des lois de plus en plus répressives, déconstruire un discours politique. Il s'agit pour nous de révéler l'absurdité d'un système et ses conséquences humaines dramatiques. Nous voulons inviter chacun à y réfléchir.

http://www.lamachineaexpulser.org

#rétention #centres_de_rétention #expulsion #sans-papiers #migration #étrangers #France #webdocumentaire

A Collection of Page Transitions | Codrops

2013-05-10T07:12:10Z

A Collection of Page Transitions | Codrops
http://tympanus.net/codrops/2013/05/07/a-collection-of-page-transitions

We've put together a couple of animations that could be applied to “pages” for creating interesting navigation effects when revealing a new page. While some effects are very simplistic, i.e. a simple slide movement, others make use of perspective and 3d transforms to create some depth and dynamics.

#webdesign #js

Does meme count as culture ?

2013-05-08T19:39:09Z

Does meme count as culture ?
http://blog.scoop.it/2013/05/07/does-meme-count-as-culture

The ubiquitous internet meme comes in many forms — from iterations on top of iterations of a viral video to a random picture of a cute animals with an ironic white Impact caption. They also seem to proliferate like one of those animals with an ironic white Impact caption, if you know what I mean.
The internet meme often gets a bad rap. It gets called a waste of time, a waste of energy, and a waste of brain bandwidth.. really just more noise in an already cacophonous environment. But is this really true? Is meme only a waste of time or is there significantly more to the humble internet meme?

#Web_Culture #Meme

Modèles de présentations HTML5 pour remplacer PowerPoint | Le blog de NicoLargo

2013-05-06T19:58:09Z

Modèles de présentations HTML5 pour remplacer PowerPoint | Le blog de NicoLargo
http://blog.nicolargo.com/2012/07/modeles-de-presentation-html5-pour-remplacer-powerpoint.html

L'avenir est dans le web.(Permalink)

##Web ##HTML5

A la recherche de ma mémoire vive | Courrier international

2013-05-06T14:45:27Z

A la recherche de ma mémoire vive | Courrier international
http://www.courrierinternational.com/article/2013/05/02/a-la-recherche-de-ma-memoire-vive

Récit à la fois émouvant et effrayant d'un type victime d'un accident cérébral, et qui retrouve la mémoire grâce à des #logiciels et au #web // via @paulineb #archivage #total_recall #oubli (pour @shouhart).

Mes proches me disent souvent que je ne suis pas assez humain, car les humains font appel à leur intuition, à leur jugement et à leur expérience pour prendre des décisions. Moi, je me sers de logiciels et de matériel informatique pour m'en sortir. Est-ce que cela fait de moi un #robot ? Je ne crois pas. Comme René Descartes l'a écrit dans Les Méditations métaphysiques : “Je suppose donc que toutes les choses que je vois sont fausses ; je me persuade que rien n'a jamais été de tout ce que ma mémoire remplie de mensonges me représente ; je pense n'avoir aucun sens ; je crois que le corps, la figure, l'étendue, le mouvement et le lieu ne sont que des fictions de mon esprit. Qu'est-ce donc qui pourra être estimé véritable ? Peut-être rien autre chose, sinon qu'il n'y a rien au monde de certain.”

#mémoire #cerveau où il est question de C. M. Christensen (l'économiste qui a écrit un bouquin sur la #disruption), de kick-boxing et de #quantifiedself donc (c'est derrière #paywall par contre, mais je peux faire tourner).

Morale : douter du fait de douter de douter, c'est encore douter. Merci René.

Comment construire un flux Atom ?

2013-05-03T07:45:00Z

Comment construire un #flux #Atom ?
http://openweb.eu.org/articles/comment-construire-un-flux-atom

Un article de #Karl-Dubost orienté développeur, et qui aide à faire des flux Atom plus propres, plus solides. Par exemple sur les identifiants uniques.

Les flux de sites #Web (#RSS, Atom) sont utilisés afin de suivre l'actualité de nombreux sites Web. Ils sont pratiques pour les personnes individuelles afin de suivre un grand nombre de sites Web à la fois et permet aux propriétaires de sites de distribuer l'information dans un format contraint. Nous allons voir comment construire un flux Atom solide.

Blink : Well, err, that solves the webkit monoculture problem…

2013-05-02T15:32:44Z

#Blink: Well, err, that solves the #webkit monoculture problem…
https://plus.google.com/116237864387312784020/posts/d62jMDKXcLb

In short, DON'T PANIC. It sounds like a huge change, but in terms of day-to-day development, the internet will still be the internet. Tags: webkit Blink #Chrome #Opera #Google #navigateur

PlanMetro • a simple Paris subway map for FirefoxOS

2013-05-02T13:55:50Z

PlanMetro • a simple #Paris subway map for FirefoxOS
http://svay.com/projects/PlanMetro

A simple Paris subway map for FirefoxOS Tags: Paris #métro #plan #Firefox_OS #app #webapp

Space Jam Le site du film de 1996 web_archeologie

2013-05-02T11:48:51Z

Space Jam
http://www2.warnerbros.com/spacejam/movie/jam.htm
http://www2.warnerbros.com/spacejam/movie/img/p-jamlogo.gif
Le site du film de 1996

#web_archeologie

❝The more of an engineer you are, the less of a designer you are, and vice versa. Perhaps it is…

2013-05-01T12:48:58Z

https://diogenes.squarespace.com/blog/on-being-a-designer-and-a-developer-not-quite-unicorn-rare

The more of an engineer you are, the less of a designer you are, and vice versa. Perhaps it is because engineering is more associated with analytical “left brain” thinking and design is seen as a more creative, “right brain” exercise. In reality, this is a false dichotomy, as both designers and developers need to use a combination of divergent and convergent thinking to innovate and problem solve. Both disciplines are more similar than most people (and the internet) make it seem.

#design #webdesign #engineering #development #programming

Ca ne vous rappelle rien ?

2013-05-01T09:02:26Z

Ca ne vous rappelle rien ?

http://info.cern.ch/hypertext/WWW/TheProject.html

Le CERN réactive le #premier_site_web datant de 1993, putain ça nous rajeunit !

Sauf que quand ils fêtent aujourd'hui le vingtième anniv du oueb, ils ont l'air de dire qu'avant y'avait rien - genre le acheteumeuleu c'est
le Big Bang par lequel tout a commencé...

c'est oublier un peu vite les BBS, le WELL, Gopher, Usenet etc... m'enfin quoi merdeuuuuuuuuuu

#avant_le_web_y'avait_pas_rien #naissance-du-web #CERN

State Launches Opinion Network Where You Don't Need Followers To Be Heard | TechCrunch

2013-04-30T13:58:03Z

State Launches Opinion Network Where You Don't Need Followers To Be Heard | TechCrunch
http://techcrunch.com/2013/04/29/state

All the intelligence that's gathered online today is gathered by following people. It's not very empowering to people, and it's not a precise way of getting insights about what people think.” Luckily, Alexander and his brother Mark, who was formerly head of product at VOIP startup Rebtel and is now State's CEO, have $14 million in seed funding to reorganize the web.

http://tctechcrunch2011.files.wordpress.com/2013/04/screen-shot-2013-04-29-at-11-03-59-am.png

#information #publication #web ; le modèle est intrigant, même si on voit bien les biais énormes qu'il peut y avoir (tout le monde exprimant un avis sur tout pour ramasser des hits)…

Keep the Underline

2013-04-30T09:58:43Z

Keep the Underline
http://www.webaxe.org/keep-the-underline-text-links

“You want an accessible, usable website? Then please don't remove the underline on text links, particularly in the main content.” Tags: #a11y #webdesign

Into the Arctic | Greenpeace

2013-04-30T07:06:57Z

Into the Arctic | Greenpeace
http://intothearctic.gp
Petite visite dans le grand Nord #webdocumentaire

Why Medium Notes Are Different and How to Use Them Well — Ev Williams — Medium

2013-04-29T15:34:28Z

Why Medium Notes Are Different and How to Use Them Well — Ev Williams — Medium
https://medium.com/about/5972c72b18f2

Notes are (...) useful for lots of things: They help improve writing. They add valuable supplementary information. They incorporate new viewpoints. They give meaningful feedback to those who write things. And they let people connect over ideas.
(...) traditional comments (...) do the same thing (in ideal circumstances). Notes are much better for the type of ideas and stories people share on Medium. Here's why (and how they work):

https://dl.dropbox.com/s/j8kglzvqjdj1osz/medium-notes.png

#Web #commentaires #conception

Petite question d'implémentation : comment déterminer le « paragraphe » quand on modifie le texte ? (On voit dans le code source que les paragraphes ont un « name=AAAA », un code hexa de quatre chiffres.)

En 1996-1997, quand même, mdiplo faisait des sites Web qui avaient la classe

2013-04-29T10:51:15Z

En 1996-1997, quand même, @mdiplo faisait des sites #Web qui avaient la classe

https://dl.dropbox.com/sh/24atn2vqfjaqnkn/XwmAw7Yc3D/mdiplo-199610.png
https://dl.dropbox.com/sh/24atn2vqfjaqnkn/R7pYbLHXP_/mdiplo-199703.png

Mozilla Labs : TowTruck

2013-04-27T22:12:20Z

Mozilla Labs : TowTruck
https://mozillalabs.com/en-US/towtruck

TowTruck is a service for your website that makes it surprisingly easy to #collaborate in real-time.
TowTruck is incredibly easy to set up on your site. All you need to do is include a couple lines of #JavaScript and your site has #TowTruck tools enabled.
When a user comes to your site, they'll be able to activate the TowTruck tool and send a link to a friend to start collaborating on the web site.
TowTruck has collaboration features like cursor-mirroring (allowing you to see your friend's cursor on the screen in real time), collaboratively editing forms and text, browsing through the site, and both text and real-time voice chat.

WebRadio Fennec - Les oreilles de l'environnement

2013-04-27T21:12:32Z

#WebRadio Fennec - Les oreilles de l'environnement
http://www.webradiofennec.fr

« Un site qui serra nourris de reportages #audio réalisés par des étudiants de quatre pays (Cameroun, Centrafrique, Maroc et France), encadrés par des scientifiques et des journalistes. »

Défaitisme et accessibilité | nota-bene.org

2013-04-27T10:45:53Z

Défaitisme et #accessibilité | nota-bene.org
http://nota-bene.org/Defaitisme-et-accessibilite

Avant d'être handicapée, une personne handicapée est une personne. Ne l'oubliez jamais quand vous faites le choix, sciemment, d'omettre l'accessibilité dans un site #web.

Webdesign für Anfänger Man hat mich gefragt, wie man mehr aus einer WWW-Seite machen kann, als…

2013-04-25T14:39:52Z

Webdesign für Anfänger

Man hat mich gefragt, wie man mehr aus einer WWW-Seite machen kann, als mit den automatischen Generatoren von 1&1 geht. Aus dieser Antwort ist mehr als ein einzelner Hinweis geworden.

Ein paar Notizen und Links zu Webtools.
1. Texteditor und FTP
Am besten startest Du, indem Du das hier liest:
http://de.selfhtml.org
Dann besorgst Du Dir einen Texteditor und legst los:
http://notepad-plus-plus.org
(Das bezieht sich auf Windows. Wenn Du unter Linux oder Mac arbeitest,
hast Du schon alle grundlegenden Tools)
Du mußt dann Deine Dateien auf Deinen Server hochladen. Dazu verwende ich die Mozilla Firefox Erweiterung „FireFTP“. Man installiert sie wie alle FF Erweiterungen über das Tools-Menü (ich beziehe mich immer auf die englische Version eines Programms, falls sie vorliegt).
Das war die Version für Männer, die sich mit der Axt Blockhütten bauen.
Jetzt die softe Version. Die Infos sollte man sich aber auf jeden Fall reintun, damit man überhaupt weiß, worum es geht.
2. WYSIWYG-Editor
Einen guten Eindruck macht Kompozer, ist auch für Einsteiger geeignet und kann trotzdem sehr viel.
http://kompozer.net/features.php
Die Dokumentation muß man auch hier lesen:
EN
http://www.charlescooke.me.uk/web/kz-ug-home.htm
DE
http://www.kompozer-web.de/download/kompozer-anleitung.pdf
3. Web-CMS und Blog-Software
Das ist die Lösung für langfristig angelegte Projekte mit viel Inhalt, wo sowohl Texte als auch Bilder und Videos verwaltet werden sollen, externe Datenquellen angezapft und eigene Daten in unterschiedlichen Formaten für andere Websites angeboten werden. Meist gibt es auch Newsletter-Tools und viele andere Erweiterungen dazu. Ihre Verwendung
wird durch die Kenntnis von 1. und 2. erleichtert.
Wenn Du regelmäßig Texte und Videos in einer nett gestalteten Umgebung veröffentlichen möchtest, wäre Wordpress eine gute Wahl, oder, falls Du Lust hast Dich mit HTML zu beschäftigen (siehe 1.), um Dein Design selber zu machen und wirklich alles zu verstehen und zu kontrollieren, kann ich Dir SPIP empfehlen, das ähnlich einfach wie Wordpress zu bedienen ist, dabei aber mehr Flexibilität bietet. Außerdem arbeite ich seit über 10 Jahren an der Entwicklung von SPIP mit :-)
http://wordpress.com
http://www.spip.net/en_rubrique25.html
4. online Blog-Dienste, Social Networks et al.
Wordpress, Google, Blogger, usw. erlauben Dir auch ein mehr oder weniger persönliches Design zu verwenden, bei Facebook geht das weniger gut.
5. There's an app for everything
Websites sind eigentlich durch, heute baut man Apps, die u.U. auch im Web angezeigt werden können. Dazu muß man leider entweder reichlich Geld in die Hand nehmen, oder viel Stoff pauken. Trotzdem lohnt sich ein Blick und vielleicht ein Versuch mit den folgenden Werkzeugen. Seinen PC sollte man sehr gut kennen, um sie installieren zu können.
Der MIT App-Inventor
►http://appinventor.mit.edu
war ein Google-Projekt, mit dem Kinder Android-Apps zusammenklicken können. Total cool, es geht fast alles !
Titanium SDK
Der Hammer für Programmierer, macht Apps und Websites für alle Plattformen, man sollte schon ein paar Programmiersprachen beherrschen.
„Create native, hybrid, and mobile web apps through a JavaScript-based SDK“
http://www.appcelerator.com/platform/titanium-sdk
Phonegap
Ähnlich wie Titanium, aber auf Eclipse-Basis
►http://phonegap.com
Apache Cordova
Apache Cordova is a set of device APIs that allow a mobile app developer to access native device function such as the camera or accelerometer from JavaScript. Combined with a UI framework such as jQuery Mobile or Dojo Mobile or Sencha Touch, this allows a smartphone app to be developed with just HTML, CSS, and JavaScript.
PhoneGap is a distribution of Apache Cordova. You can think of Apache Cordova as the engine that powers PhoneGap, similar to how WebKit is the engine that powers Chrome or Safari.
http://cordova.apache.org
Mehr davon ?
Voilà : „List of rich Internet application frameworks“
https://en.wikipedia.org/wiki/List_of_rich_internet_application_frameworks
Das war ein kurzer Überblick über kostenlose Open-Source-Lösungen, wenn Du Geld ausgeben willst, kann man natürlich über erheblich mehr sprechen - viel Besseres kommt dann aber auch nicht dazu.
6. Die Abteilung für Nerds :
Wer den Kampf gegen die Überwachung durch Google, Facebook, Verfassungsschutz & Co. betreibt, wird sich autonomen Lösungen zuwenden, die ohne 1&1 oder andere Serverhoster auskommen. Wie immer ist Wissen die Voraussetzung der Freiheit, aber super-kompliziert ist das alles nicht :
https://unhosted.org
unhosted web apps
freedom from web 2.0's monopoly platforms
definition
Also known as „serverless“, „client-side“, or „static“ web apps, unhosted web apps do not send your user data to their server. Either you connect your own server at runtime, or your data stays within the browser.
Die Daten bleiben dann auf dem eigenen Rechner oder werden so im Internet verteilt, daß sie zwar nutzbar, aber keinem Besitzer zuordbar sind, in der „Cloud für Autonome“ sozusagen. Das hier ist ein Ansatz dazu:
http://remotestorage.io/integrate

Im weitesten Sinne kann man auch die folgenden System als Tools für die Herstellung von Websieten betrachten, auch wenn sie einen anderen Schwerpunkt haben. Ein Webentwickler und -redakteur wird an ihnen oder ähnlichen Programmen jedoch kaum vorbeikommen.

SeaMonkey
http://www.seamonkey-project.org/doc/features

http://webdesign.about.com/od/freewebeditors/fr/seamonkey.htm

All-in-One WYSIWYG Editor and Browser (and Email and Chat)
About SeaMonkey
SeaMonkey is the Mozilla project all-in-one Internet application suite. It includes a web browser, email and newsgroup client, IRC chat client, and composer — the web page editor. One of the nice things about using SeaMonkey is that you have the browser built-in already so testing is a breeze. Plus it's a free WYSIWYG editor with an embedded FTP to publish your web pages. I don't like that it doesn't have HTML5 or CSS3 support, and you can't change the doctype, even for new pages. But it is a free WYSIWYG editor, which there aren't many of.

BlueGriffonTM
►http://bluegriffon.org

The next-generation Web Editor based on the rendering engine of Firefox. BlueGriffon is a new WYSIWYG content editor for the World Wide Web. Powered by Gecko, the rendering engine of Firefox, it's a modern and robust solution to edit Web pages in conformance to the latest Web Standards.

BlueGriffon EPUB Edition
http://www.bluegriffon-epubedition.com/BGEE.html

NetBeans IDE
https://netbeans.org/index.html

The Smarter and Faster Way to Code
Quickly and easily develop desktop, mobile and web applications with Java, HTML5, PHP, C/C++ and more.
NetBeans IDE is FREE, open source, and has a worldwide community
of users and developers.

TweetDeck
http://tweetdeck.com

TweetDeck is an app that brings more flexibility and insight to power users.

http://linuxundich.de/de/software/twittern-mit-tweetdeck-fur-chrome

Das Chrome TweetDeck ist eine App für Googles Chrome Browser. Ihr könnt Sie über den Webstore installieren.

Scribefire
http://www.scribefire.com

ScribeFire is an extension for the Mozilla Firefox Web browser, Google Chrome Web browser, Opera Web Browser, and Apple Safari Web browser that allows you to easily post to all of your blogs.

Theoretisch kann Scribefire auch SPIP befüllen:
Support xml-rpc pour SPIP
http://www.mediaspip.net/technical-documentation/plugins-used-by-mediaspip/xmlrpc-une-api-xml-rpc-pour-spip/article/support-xml-rpc-pour-spip

VMware Zimbra Desktop
http://www.zimbra.com/products/desktop.html

Zimbra Desktop provides a rich and consistent user experience offline.
The free Zimbra Desktop client delivers a consistent user experience offline, so email, voice, social, calendar, contacts, files and documents are synchronized and locally accessible when on the road. Zimbra Desktop aggregates information across accounts (Zimbra, Yahoo! Mail, Gmail, Hotmail, etc.) and social networks (Facebook, Digg, Twitter, etc.) to help make communicating and sharing information easier than ever.

IBM Lotus Symphony
http://www-03.ibm.com/software/lotus/symphony/help.nsf/home
Lotus Symphony Documents
Lotus Symphony Presentations
Lotus Symphony Spreadshee
Noch eine Alternative zu MS Word, OpenOffice und LibreOffice - mit den Anwendungen sollte man auch in WWW-kompatiblen Formaten speichern können. Ausprobieren !

Und zum Abschluß die
List of rich Internet application frameworks
https://en.wikipedia.org/wiki/List_of_rich_internet_application_frameworks

Harter Stoff !

#auf_deutsch #web #html

Une coalition de vingt-sept organisations demande au W3C de garder les menottes numériques (DRM)…

2013-04-25T08:41:32Z

Une coalition de vingt-sept organisations demande au W3C de garder les menottes numériques (DRM) hors des standards du Web | April
http://www.april.org/une-coalition-de-vingt-sept-organisations-demande-au-w3c-de-garder-les-menott

#drm #w3c #web #html #liberté

Réaction de karlpro au billet de Russel Beatie : (mais omg quel titre...) ❝Avoir une opinion sur…

2013-04-25T08:22:04Z

http://la-grange.net/2013/04/24/feed

Réaction de @karlpro au billet de Russel Beatie :

http://www.russellbeattie.com/blog/a-few-thoughts-about-rss-news-readers-from-someone-who-thinks-about-
(mais omg quel titre...)

Avoir une opinion sur un sujet essentiellement orientée dans un contexte de rentabilité est une attitude qui me dérange beaucoup. Non pas à cause de la tentative de création d'un revenu, mais en éliminant de fait d'autres modèles sociaux d'existence et de partage.

Plus loin dans son billet, il propose : "My best guess would be to replace polling RSS for updates with JSON API calls, but it doesn't necessarily have to be that radical. A model to look towards would be Facebook's Open Graph API." Après la poudre de perlimpinpin, et l'eau bénite, l'arme ultime du moment sont Saint JSON et Saint API, deux sauveurs miraculeux de tous les troubles de l'humanité. Ce qui est oublié à chaque fois dans cette rhétorique, c'est que ces APIs sont « plus stables » car elles sont contrôlées par une seule source. Dès qu'elles deviennent des formats libremement implémentables et largement implémentées, les erreurs feront partie du jeu. En revanche, trouver un moyen d'avoir une mise à jour plus atomique est intéressante mais complètement orthogonale au format.

#RSS #formats #xml #web #api #json #standardization

Actes - 7e Forum Européen de l'Accessibilité Numérique Faire de l'e-accessibilité une compétence…

2013-04-24T14:56:36Z

Actes - 7e Forum Européen de l'Accessibilité Numérique Faire de l'e-accessibilité une compétence professionnelle
http://inova.snv.jussieu.fr/evenements/colloques/colloques/article.php?c=78&l=fr&a=428

Ces bonnes pratiques, qui s'appliquent majoritairement au moment de la conception et de l'habillage graphique, garantissent une bonne lisibilité de la page #web et valident les critères Accessiweb précités.
Une présentation de @tetue sur les bonnes pratiques en matière de #typo sur le web. Peut être pratique quand il s'agit de sensibiliser quelqu'un à ce sujet.

#fonts #accessibilite

#web - Seenthis

CSS 3 Flexbox Layout module

Melody - by molovo

100 ans de catastrophes écologiques dues aux énergies fossiles CounterSpill

Bug Skype : Skype vient de proposer une mise à jour vers sa version 6.3 ; du coup, ma webcam…

Les bonnes pratiques webperf toujours sous la main

Lâchez prise !

Tiny Little Knives — Mysterious Trousers

Announcing Framer 2 — Look What I Made — Medium

WebRTC without a signaling server has massive P2P collaboration potential :

Map Tales application web pour créer des histoires en liaison avec une représentation…

❝Les chamans sont des geeks de la foret. Les prêtres vaudou des hackers de la nature❞ Mon carnet d…

LukeW | New Layouts for the Multi-Device Web

The WebRTC threat to Skype is not a killer startup but thousand cuts as WebRTC integrates trivially…

You were using Skype instead of SIP because you found it easier ? Meet the Skype killer - now quick…

Entrer dans la troisième époque du Web | Ars Industrialis

Olympe de Gouges 2.0

Une interview récente et assez longue de Pierre-Carles. Partie 1 : sur ses méthodes, sur les médias…

*La machine à expulser* , un webdocumentaire : ❝Il y a aujourd'hui en France métropolitaine et en…

A Collection of Page Transitions | Codrops

Does meme count as culture ?

Modèles de présentations HTML5 pour remplacer PowerPoint | Le blog de NicoLargo

A la recherche de ma mémoire vive | Courrier international

Comment construire un flux Atom ?

Blink : Well, err, that solves the webkit monoculture problem…

PlanMetro • a simple Paris subway map for FirefoxOS

Space Jam Le site du film de 1996 web_archeologie

❝The more of an engineer you are, the less of a designer you are, and vice versa. Perhaps it is…

Ca ne vous rappelle rien ?

State Launches Opinion Network Where You Don't Need Followers To Be Heard | TechCrunch

Keep the Underline

Into the Arctic | Greenpeace

Why Medium Notes Are Different and How to Use Them Well — Ev Williams — Medium

En 1996-1997, quand même, mdiplo faisait des sites Web qui avaient la classe

Mozilla Labs : TowTruck

WebRadio Fennec - Les oreilles de l'environnement

Défaitisme et accessibilité | nota-bene.org

*Webdesign für Anfänger* Man hat mich gefragt, wie man mehr aus einer WWW-Seite machen kann, als…

Une coalition de vingt-sept organisations demande au W3C de garder les menottes numériques (DRM)…

Réaction de karlpro au billet de Russel Beatie : (mais omg quel titre...) ❝Avoir une opinion sur…

Actes - 7e Forum Européen de l'Accessibilité Numérique Faire de l'e-accessibilité une compétence…

La machine à expulser , un webdocumentaire : ❝Il y a aujourd'hui en France métropolitaine et en…

Webdesign für Anfänger Man hat mich gefragt, wie man mehr aus einer WWW-Seite machen kann, als…