You most certainly know about Twitter Bootstrap - the popular front end framework for building websites and apps. It favors simple, responsive design, and comes bundled with a sensible default stylesheet, a number of useful jQuery plugins ...
The quality of available free fonts has increased dramatically. To be frank, free fonts don’t have a good reputation, and often they are knock-offs of thoroughly crafted, already established typefaces. So is it time for professional designers to take a second look?
A very nice collection of checkboxes made purely in CSS3 by me. The checkboxes you see above are nothing but the labels for their respective inputs while the
Generate CSS3 code quickly and easily with Create CSS3. Generates CSS3 for all the major browsers (Safari, Chrome, FireFox, Opera and IE). Created by Jason Stockton.
Wir werden Zeuge eines deutlichen Trends: die explosive Zunahme von Unternehmen, die in die Übermittlung ein und derselben Inhalte an unterschiedliche Endgeräte investieren, in "Responsive Webdesign"
Modern Workflows for Modern Webapps. Yeoman is a robust and opinionated set of tools, libraries, and a workflow that can help developers quickly build beautiful, compelling web apps.
Socrates is a simple static site generator. It’s geared towards blogs. You write your posts in your favorite plain text to HTML language (e.g. Markdown, textile) and save them as text files on your harddrive. Socrates then takes them, and creates a full HTML site for you. For free, you will get a home page which lists latest posts, single post pages, category pages, archive pages, an about page and an atom feed.
I take a lot of screen shots of the various device breakpoints for responsive design and it takes a while to prepare them. This tools allows me to get what I need quickly, and hopefully it can be helpful for showing your more visual clients what you mean by responsive design when a suite of products isn't at the ready.
YOURLS stands for Your Own URL Shortener. It is a small set of PHP scripts that will allow you to run your own URL shortening service (a la TinyURL or bitly).
The Open Font Library promotes your freedoms as it relates to the use of type. All the fonts that appear on this site come with the freedom to use, study, share and remix them. Browse our catalogue and see what's new.
Placeholder Images for every case. Webdesign or Print. It's simple and absolutely free! Just put the custom url in your code like this:<img src="http://lorempixel.com/400/200" />
PicPick is an all-in-one program that provides a full-featured screen capture tool, an intuitive image editor, a color picker, a color palette, a pixel- ruler, a protractor, a crosshair and even a whiteboard.
D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.
HTML5 has been around for a while now, it introduces lots of new and exciting new JavaScript and HTML APIs for both mobile and desktop, so in this post you will discover some HTML5 features that will enhance your web apps and will save you a lot of time.
Node.js is a platform built on Chrome's JavaScript runtime for easily building fast, scalable network applications. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, perfect for data-intensive real-time applications that run across distributed devices.
Kaum eine Webseite kommt noch ohne Google Analytics aus, aber kritische Stimmen werden immer lauter. Aus diesem Grund sollte man sich mit den Alternativen beschäftigen:
Typewolf is a curated design showcase that identifies the fonts used in the design. Our goal is to serve as a one-stop resource for designers seeking typographic inspiration for the modern web.
GoogleWatchBlog: Google optimiert Webseiten fr die Anzeige auf dem Handy, in dem die Webseite einfach via Skript umgeschrieben wird. (tags: google handy webdesign)
Tommy Olsson und Paul OBrien von Sitepoint haben eine umfangreiche CSS-Referenz aufgebaut und verffentlicht. Alle Artikel knnen kommentiert werden. (tags: css webdesign referenz)
CSS tables solve all the problems encountered when using absolute positioning or floats to create multi-column layouts in modern browsers. Digital Web Magazine - Everything You Know About CSS Is Wrong (tags: css webdesign toview)
Below, we present 20 Brilliant Twitter Status Design Tutorials, beautiful twitter icons & WP Plugins to display your twitter status easily. (tags: twitter icons webdesign)
jQuery tutorial on how to achieve fading hover effects. I will demonstrate how to perform colour and image merging. We will be using jQuery and the jQuery Colour plugin. (tags: navigation jquery css webdesign)
bersichtliche Auflistung aller CSS-Eigenschaften und deren Verfgbarkeit in CSS 1, 2, 2.1 und 3 sowie den Standardbelegungen. Wird fortlaufend aktualisiert. (tags: css webdesign referenz)
Eine Mail an info@mainweb.at gengt und man bekommt das Buch zugeschickt, kostenlos! Alternativ das Buch auch als PDF zum Download zur Verfgung. Aber Vorsicht, das gute Stck beansprucht 8,5MB. (tags: accessibility webdesign e-books)
Vielseitiger Listentyp neben+-Listen: die Definitionsliste. Sie stellt 2 Listenelemente zur Verfgung: Definitionsausdruck (definition term)& Definitio (tags: webdesign css)
Guter Artikel ber flexible Layouts. Wiederlegt These, dass Webentwickler sich auf die "einfachen und beliebten fixen Layouts" (dank Seitenzoom bei IE7, FF3, Opera9) beschrnken knnen (tags: browser webdesign)
Joomla is one of the most popular CMSs out there, and its no surprise considering how extensible it is. The great thing about Joomla is the extensions (components, modules and plugins). (tags: joomla webdesign cms)
A Visual Sitemapping Tool for Web Developers: SlickMap CSS is a simple stylesheet for displaying finished sitemaps directly from HTML unordered list navigation. (tags: css webdesign sitemaps)
Eigenschaft opacity beschreibt Deckkraft e-s Elementes & ist deshalb neben alphatransparenten PNGs oder alphatransp. RGBa-Farben von CSS3 1d.3 mgl. Grundtechniken, um Transparenz-Effekte zu erzeugen. (tags: css webdesign)
Die neue Version 3.2 des (X)HTML/CSS Frameworks YAML steht ab sofort zum herunterladen bereit. Sie bringt einige wichtige nderungen mit sich, die ich im Folgenden kurz vorstellen und begrnden werde. (tags: yaml webdesign)
Ich werde in diesem Bericht kurz erlutern, wie ich vorgegangen bin um aus Wordpress ein "klassisches" CMS (Redaktionssystem) zu machen. (tags: wordpress cms webdesign)
Communication is one of the foundational elements of a good website. It is essential for a positive user experience and for a successful website that truly benefits its owners. (tags: webdesign artikel)
Usable websites offer great user experiences, and that leads to happy customers. Here are 9 usability problems that websites commonly face, & some recommended solutions for each of them. (tags: webdesign usability)
Vertical centering with CSS isnt an easy thing to do. There are many different ways that may not work in some browsers. Lets review 5 different ways to vertically centering objects (tags: webdesign css)
Falls Sie eine Website Ihr Eigen nennen: Kennen Sie dessen Zeichenkodierung? - Die Webkrauts erklren den Unterschied zwischen Zeichenvorrat, Zeichensatz und Zeichenkodierung . Von 2006; aber aktuell (tags: webdesign zeichenkodierung)
Webmasterpro Webanalyse: reprsentative Statistik zur Verbreitung von Schriftarten auf User-Seite im (deutschsprachigen) Netz und stellt neue Alternativen zu Verdana, Arial & Co vor. (tags: webdesign fonts)
Here are seven quick CSS snippets that will give your website more pop and make your users experience more functional and enjoyable. (tags: css webdesign)
Mobile browsing is expected to outpace desktop-based access within three to five years. Two of the three dominant video game consoles have web browsers (and one of them is quite excellent). Were designing for mice and keyboards, for T9 keypads, for handheld game controllers, for touch interfaces. In short, were faced with a greater number of devices, input modes, and browsers than ever before. (tags: webdesign mobil)
Oft genug werden wir beim Besuch einer Webseite davon belstigt. berladene und schreiende Startseiten. Oft sind sie hoffnungslos berladen, berall zuckt es und jedes noch so unwichtige Element ringt um unsere Aufmerksamkeit. Unter Dauerbeschuss stehende, dadurch berforderte und genervte Besucher wenden sich ab und verlassen die Webseite. Sofern es Alternativen gibt oder der Markt nicht rein von Preisen diktiert wird. (tags: webdesign usability)
Mit dem hier anfangs der Woche vorgestellten CSS Tutorial Formular Design mit CSS3 sollte neben der Prsentation von CSS3 Eigenschaften, insbesondere die Reduzierung von Grafiken die fr die Umsetzung von Webseiten-Elementen wie Formularen verwendet werden, im Vordergrund stehen. Diejenigen Browser die die im weiteren Verlauf des Artikels verwendeten CSS3 Eigenschaften nicht untersttzen, bekommen ein Formular welches nicht weniger brauchbar ist. Dank des Tipps eines Lesers, wird euch heute ein Zusatz zu diesem Tutorial vorgestellt, welcher mittels CSS Transform die noch einzig im Tutorial verbliebene Grafik, den gebogenen Schatten unterhalb des Formulars, verzichtbar werden lsst. (tags: css3 webdesign)
CSS is not very hard to use or learn, though it may be hard to master. Moreover, if you use CSS for your projects, especially when they are large projects, it can be very hard if you do not follow certain tips to help you manage the CSS code better. By following certain tips to writing better CSS code, you can make your life so much easier, as well as improving your project. (tags: css webdesign)