Guymon

Responsive Design am Beispiel Boston Globe

admin — Fri, 03 Feb 2012 11:57:54 +0000

Tito Bottitta beschreibt den Prozess wie das Responsive Design des Boston Globe entstanden ist.

Interessant fand ich die Wahl von InDesign als Programm zur Gestaltung.

Hands down, the answer was InDesign. At its core, BostonGlobe.com is a publication website, and InDesign is the best tool for laying out publications and content. Yes, there are huge differences between designing print publications and designing for the web, but consider this: Most web pages are simply a combination of photos and text. And where Photoshop excels at manipulating images (but sucks at type) and Illustrator is exceptional at typography (but sucks with images), InDesign is built for both.

Even better, InDesign’s internal logic parallels that of web design and development. Every new document begins with a grid. It uses type and object stylesheets that should be familiar to anyone who has used CSS, allowing you to change the characteristics of every headline (or object) from one master style.

Possibly related posts (automatically generated)

daily links

admin — Fri, 03 Feb 2012 11:30:22 +0000

* { box-sizing: border-box } FTW « Paul Irish
Anyway, I have a recommendation for your CSS going forward:

* { -moz-box-sizing: border-box; box-sizing: border-box; }
This gives you the box model you want. Applies it to all elements. Turns out many browsers already use border-box for a lot of form elements (which is why inputs and textareas look diff at width:100%;) But applying this to all elements is safe and wise.

Possibly related posts (automatically generated)

No Related Post

daily links

admin — Thu, 02 Feb 2012 11:30:52 +0000

Learn jQuery in 30 Days
Each day you’ll be sent a free video lesson. At the end of the month, you’ll be able to confidently use jQuery in your projects, without help.

Possibly related posts (automatically generated)

No Related Post

RFID-Kreditkarten gehackt

admin — Thu, 02 Feb 2012 11:15:39 +0000

Die vor allem in den USA verbreiteten Kreditkarten mit RFID-Chip lassen sich durch Kleidung und Geldbeutel hindurch kontaktlos auslesen und dann mit Zahlungen belasten, die der Eigentümer eigentlich nicht freigegeben hat. Das demonstrierte Kristin Paget auf der Sicherheitskonferenz Shmoocon in der US-Hauptstadt Washington eindrucksvoll, wie das US-Wirtschaftsmagazin Forbes berichtet. Kreditkartenhersteller sehen jedoch kein gesteigertes Risiko.

via heise

Possibly related posts (automatically generated)

Image Effects with CSS

admin — Thu, 02 Feb 2012 08:56:22 +0000

Nick La stellt einige schöne Bildeffekt vor – embossed, soft embossed, cutout und glossy.

Various styles such as embossed, cutout / pressed, and glossy effect can be achieved using multiple inset box-shadows. You can also use the :before element to another layer of effect such as glossy gradient. See the demo source code for CSS details. Resize your browser window to see the resizable images.

Possibly related posts (automatically generated)

daily links

admin — Sat, 28 Jan 2012 11:30:26 +0000

Wissenschaftliches Gutachten belegt: keine "Schutzlücke" ohne Vorratsdatenspeicherung
Dem Chaos Computer Club (CCC) wurde ein wissenschaftliches Gutachten der kriminologischen Abteilung des Max-Planck-Instituts (MPI) für ausländisches und internationales Strafrecht zugespielt, das sich detailliert mit der Frage der angeblichen "Schutzlücke" durch den Wegfall der Vorratsdatenspeicherung nach dem Urteil des Bundesverfassungsgerichts vom 2. März 2010 beschäftigt. Die Studie kommt zum eindeutigen Ergebnis, daß eine solche immer wieder behauptete Lücke nicht besteht

Possibly related posts (automatically generated)

No Related Post

daily links

admin — Fri, 27 Jan 2012 11:30:30 +0000

Telepolis - Telekommunikative Spurensuche im digitalen Heuhaufen
Nach der digitalen Ausforschung der Standorte linker Demonstranten in Dresden wurde jetzt die ausufernde "telekommunikative Spurensuche" auch von Berliner Behörden öffentlich. Entsprechende Dokumente hatte zuerst der Blog netzpolitik.org veröffentlicht und kommentiert. Ein weiterer Fall wurde auf der Plattform indymedia.linksunten berichtet . Doch bereits 2005 hatte das Bundeskriminalamt (BKA) die Vorbereitungen gegen den G8-Gipfel derart durchleuchtet. Im Iran und in Weißrussland werden Oppositionelle durch die Auswertung von Kommunikationsdaten in Echtzeit verhaftet.
“Automatische Kennzeichenfahndung”: Vorratsdatenspeicherung jetzt auch von Autos
In Brandenburg und einigen anderen Bundesländern wird die zur automatischen Kennzeichenfahndung verfügbare Technik neben dem Einsatz zu Fahndungszwecken auch in einem Aufzeichnungsmodus betrieben. Dabei werden ebenfalls die Kennzeichen aller die Kontrolleinrichtung passierenden Fahrzeuge erfasst und eingelesen. Sie werden aber nicht mit einem konkreten Fahndungsbestand abgeglichen. Zweck der Maßnahme ist vielmehr die längerfristige Speicherung der erfassten Fahrzeugdaten, um sie je nach Bedarf ermittlerisch weiterverarbeiten zu können.
Homeland Security Wants to Spy on 4 Square Miles at Once | Danger Room | Wired.com
The Army’s super-powerful ARGUS camera, heading to Afghanistan, can look out at 36 square miles at a time; the Air Force’s Gorgon Stare looks out on an entire city at once. On deck are the military’s fleet of spy blimps, which will will generate 274 terabytes of information every hour.
Berliner Polizei speicherte und wertete über vier Millionen Mobilfunkdaten aus
Mit dem Ziel Brandstifter und politisch motivierte Straftäter in Berlin zu finden, hat die dortige Polizei in den vergangenen Jahren in 357 Fällen rund 4,2 Millionen Verbindungsdaten von Mobilfunkgeräten ausgewertet. Das erklärte die Vizepräsidentin der Berliner Polizei, Margarete Koppers, letzten Montag im Innenausschuss des Abgeordnetenhauses. Nach wie vor seien noch 1,7 Millionen Datensätze gespeichert. Betroffene Handybesitzer habe man nicht informiert.

Possibly related posts (automatically generated)

No Related Post

jQuery Fun

admin — Thu, 26 Jan 2012 08:36:51 +0000

Zwei jQuery Projekte sind mir heute im RSS Reader aufgefallen.

Zum einen scrollorama von John Polacek, the jQuery plugin for doing cool scrolly stuff. Nett, wenn auch wohl (noch) nicht für den Kundeneinsatz geeignet.

Das zweit Plugin ist Arctext.js – Curving Text with CSS3 and jQuery.

While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path. Arctext.js is a jQuery plugin that let’s you do exactly that. Based on Lettering.js, it calculates the right rotation of each letter and distributes the letters equally across the imaginary arc of the given radius.

Possibly related posts (automatically generated)

CSS3 breadcrumbs

admin — Wed, 25 Jan 2012 15:31:53 +0000

Einige Ideen für Breadcrumb Menüs mit CSS3 und ohne Bilder stellt Catalin Rosu vor.

Ausgangspunkt ist eine Link-Liste und CSS pseudo-elemente, border-radius, transforms, etc.

Possibly related posts (automatically generated)

daily links

admin — Wed, 25 Jan 2012 11:30:12 +0000

Adaptive Image | drupal.org
The Adaptive image module provides device-appropriate versions of images from your fields. You can activate adaptive images by adding an adaptive effect to any of your image styles. The used technique is derived from http://adaptive-images.com/ by Matt Wilcox. The hard work is done by Drupal core no need for any additional rewrites. If image styles work on your website, this module will too. Hint: Javascript is needed on the clientside to determine the target resolution

Possibly related posts (automatically generated)

No Related Post