angelmedia Blog

Responsive Design Test Tool

Webseiten für mobile Geräte zu testen, wird durch Vielfalt der Geräte immer schwieriger wenn man auf Responsive Design setzt. Abhilfe schafft Screenqueries.

Mit Screenqueries gibt es jetzt aber ein Tool, mit dem man ganz leicht Webseiten testen kann. Neben Smartphones von Apple, Samsung und HTC lassen sich auch mobile Geräte von Bleckberry, LG, Nokia und Motorola testen. Daneben sind auch iPad, Galaxy Tabs, Sonny Tablets sowie weitere im Handel erhältliche Tablets auswählbar.

weiterlesenResponsive Design Test Tool
2949

CSS Sprechblasen Generator

Es gibt mittlerweile viele CSS3 Generatoren, mit CSS Arrow Please lassen sich nun auch kinderleicht CSS3 Sprechblasen generieren, die ohne Bilder auskommen.

Das Onlinetool heisst CSS Arrow Please und reiht sich neben Button oder Gradient Generatoren ein. Mit dem Tool ist es jetzt möglich Sprechblasen bzw. Tooltips ganz ohne Images und nur auf CSS basiert zu erstellen.

weiterlesenCSS Sprechblasen Generator
10470

Intelligente CSS-Layouts mit calc()

Dynamische große Layouts mit CSS3 erstellen und trotzdem Elemente mit festen Größen platzieren ist mit der rechnenden CSS Funktion calc() kein Problem mehr.

Beim Erstellen von CSS-Layouts fängt man meistens damit an, Höhen und Breiten festzulegen sowie Abstände zwischen den Elementen zu definieren. Bisher war es nicht möglich zu sagen, dass man 50% der Breite haben möchte, abzüglich eines festen Wertes von z.b. 100px als Platzhalter für andere Elemente mit fester Breite.

weiterlesenIntelligente CSS-Layouts mit calc()
3389