2
jQuery Masonrydesandro.com
Ordnet Elemente vertikal so an, dass es möglichst kleine Lücken zwischen ihnen gibt.
Edit: Version 1.1 kann nun Elemente live resizen und dabei animieren: Demo
36 Posts getaggt mit toolx
-
Safari Extensions Development Guidedeveloper.apple.com
Extensions für Safari, wohé. Reines HTML/CSS/JS, á la Chrome und Jetpack. Coda Notes ist ein erstes Beispiel.
Ich hoffe mal, dass sich Opera bald dazu hinreißen lässt, Extensions zu unterstützen.
Edit: Mehr Safari Extensions
vor 94 Tagen08.06.2010 11:26:22 -
vor 136 Tagen27.04.2010 08:07:00 -
3D Molekül-Viewer in Canvasalteredqualia.comvor 138 Tagen25.04.2010 12:19:51 -
EastWest/Quantum Leap Symphonic Orchestra Starter Editionsoundsonline.comKostenlose (nach einer kurzen Umfrage) Version der Symphonic Orchestra Library. Stark abgespeckt, aber immernoch 1.8GB Samples in bester Qualität, inkl. Standalone-Player. Für Mac und Windows.
vor 141 Tagen22.04.2010 20:24:40 -
12 really useful CSS toolsdesigner-daily.comvor 141 Tagen22.04.2010 20:10:35
-
CSS3 Tools
CSS3 bietet viele feine Funktionen für runde Ecken, Schatten, Gradients oder Web-Fonts. Noch machen dabei alle Browser ihr eigenes Ding, weswegen der Standard noch nicht finalisiert ist. Hier ein paar Tools, die einem das Bauen von browserunabhängigem CSS3 erleichtern:
hat live veränderbare Snippets für border-radius, box-shadow, lineare Gradients, Rotationen und WebFonts. Mehr soll bald kommen.
Der
generiert lineare Gradients für Webkit und Firefox, während die
ein schickes Interface bieten, mit dem man sich lineare und radiale Gradients, Schatten, Text-Strokes und diverse 2D- und 3D-Transformationen zusammenklicken kann. Chris Casciano erklärt dann noch, wie man box-shadow-ähnliche Schatten im IE hinbekommt.
Ich hab auch mal meine paar CSS3- und HTML-TextMate-Snippets zusammengepackt: Textmate HTML- und CSS3-Snippets - 5 KB
Die Beipiele sehen am besten aus in Safari und Chrome.
vor 158 Tagen05.04.2010 18:00:05 -
Xtranormal | Text-to-Moviextranormal.com
Lässt einen sehr einfach kleine Filme mit Text2Speech und virtuellen Schauspielern basteln. Kostenlos in einer abgespeckten Version mit weniger Figuren und Optionen.
5 Cuils. Text © RedDyeNumber4
vor 169 Tagen25.03.2010 23:47:09 -
colorillo - real-time action paintingcolorillo.com
Und noch ein
canvas-Maltool. Weniger Features, dafür malen alle User live am gleichen Bild. Praktisch Your World of Text für Bilder, sehr lustig.vor 215 Tagen07.02.2010 01:46:04 -
kritzl updatekritzl.robsite.netÜber Weihnachten hab ich nicht nur Berge an Enten gegessen sondern auch ein wenig an kritzl, meinem kleinen Browser-Maltool/Forum, gebastelt. Neues:
User-Accounts
Wer seinen Namen unterm Bild sehen will, muss ihn nicht mehr länger ins Bild pinseln oder die Seite hacken. Man kann weiterhin anonym posten (was sich wohl auch nie ändern wird), aber mit einem Account wirds praktischer. Man sieht, welche Bilder man gemalt hat und... das wars eigentlich fast schon.
Benutzerkonten sind hauptsächlich gut, um auf ihnen später Funktionen zu basieren. Bewertung von Bildern, private Nachrichten, Moderatoren und so. Mal sehn. Eine weitere User-Funktion gibts aber schon:
NSFW-Filter
Da anscheinend einige Kinder lustige Bilder malen und Pimmelzeug unschön finden, kann man jetzt unzüchtiges Bildgut melden, vom Admin (also mir) überprüfen lassen und auf Wunsch nur jugendfreie Bilder anzeigen lassen. Das ist kein Jugendschutz und eh standardmäßig abgeschaltet, aber wer ungern Strichmännchensex sieht, braucht es nun nicht mehr (falls ich es rechtzeitig markiere :>). Da ich keine Bilder löschen werde, die nicht grad NPD/Kinderporno/BPjM-Propaganda sind, ist so eine freiwillige Selbstzensur eine ganz gute Lösung.
Radiergummi
In der Tat. Ab heute kann man Linien nicht nur malen, sondern auch löschen!
Zwar intern nichts weiter als ein weißer Stift, aber doch etwas netter, da man nicht mehr pixelgenau Weiß auswählen muss. Auch später praktisch, falls mal Bilder mit transparentem Hintergrund kommen.RSS-Feeds
Für alle Bilder oder nur die eines Users.Und
kleinere Bugfixes. Das Füll-Tool füllt nun auch an vertikalen Rändern ohne das ganze Bild vollzurotzen.Viel Spaß damit :)
Und thx an lödwäg für einen Bugfix.
vor 245 Tagen08.01.2010 21:28:18 -
kritzlkritzl.robsite.de
In den letzten zwei Monaten hab ich mit dem HTML5
canvas-Element rumgespielt. Rausgekommen ist ein kleines Malprogramm mit einem Forum drumherum.Man kann Bilder im Browser malen, sie auf der Seite speichern und auf andere Bilder antworten.
Es sollte gut in Firefox 3.5+, Safari 4+ und Opera 9.6+ laufen (in Opera nur etwas unschön, mangels runder Ecken und box-shadow). Internet Explorer User müssen erstmal draußen bleiben, sorry.
Die Funktionen:
- Freihand-Linien, geglättet oder nicht
- Rechtecke mit runden Ecken
- Ellipsen und Kreise
- Linien
- Flood Fill mit Toleranz
- Eye-Dropper Farbwähler
- Colorpicker mit Alpha-Transparenz
- Undo/Redo mit Tastaturshortcuts
Mein Plan war am Anfang, nur das Malwidget zu veröffentlichen, sodass sich jeder seine eigene GUI basteln kann. Ein Mini-Bildeditor als Wordpress-Plugin oder grafische CAPTCHAs wären interessant. Das gab ich aber bald auf, weswegen der Code nun eher schlecht wiederverwendbar ist. Ne Doku fehlt auch, wer also Fragen hat, einfach einen Comment posten.
Ich nehm clientseitig jQuery, jQuery UI, ein modifiziertes jQuery.hotkeys und BrowserDetect. Auf dem Server läuft CakePHP mit ImageMagick zum erstellen der Thumbnails.
Das ist nur die erste buggy-pre-alpha-Version und meine Todo-Liste ist noch lang. Gut wären z.B. bessere Pinsel, Zoom, Maltools ohne Anti-Aliasing (für Pixelart), Auswahlwerkzeuge, beliebige Bildgröße, Filter, Layer, weniger Bugs, optionale Useraccounts, Bild-Bewertungen oder ein schnellerer Flood-Fill Algorithmus.
Über Bugmeldungen, Verbesserungsvorschläge und vor allem lustige Bilder würde ich mich freuen :)
vor 313 Tagen01.11.2009 01:22:58 -
jQuery inline form validationposition-absolute.com
Nice. Nur muss man jetzt natürlich die Validierungsregeln an zwei Stellen schreiben, für server- und browser-seitige Validierung. Das Rails-Plugin livevalidation löst das Problem.
vor 466 Tagen01.06.2009 13:39:26 -
Tweet A Soundsoundplusdesign.comvor 499 Tagen29.04.2009 05:13:54 -
Kleines Skript das verschiedene Programme benutzt um PNGs und JPEGs ohne Qualitätsverlust so klein wie möglich zu bekommen.
vor 555 Tagen04.03.2009 15:26:20 -
Dicke Dateien findenomnigroup.com
OmniWeb, OmniDiskSweeper und zwei andere Programme der Omni Group sind ab heute Freeware. OmniDiskSweeper ist klasse um schnell große Dateien zu finden und zu löschen.
Ähnlich praktisch, aber noch übersichtlicher, sind Programme, welche die Dateien und ihre Größe graphisch darstellen.
Für den Mac gibts GrandPerspective und Disk Inventory X, für Windows WindDirStat und SequoiaView und Linux hat KDirStat. Alle sind Freeware oder Open Source.
Der Algorithmus dahinter ist das Treemapping.
vor 562 Tagen25.02.2009 21:05:44 -
Youtube Videos in HD einbinden
Ein einfaches &fmt=18 in der Video-URL reicht nicht mehr. Stattdessen: &ap=%2526fmt%3D18
Genauer:
<object width="425" height="344"> <param name="movie" value="http://www.youtube.com/v/_bvq6bgmYD8&ap=%2526fmt%3D18"></param> <param name="wmode" value="transparent"></param> <embed src="http://www.youtube.com/v/_bvq6bgmYD8&ap=%2526fmt%3D18" type="application/x-shockwave-flash" wmode="transparent" width="425" height="344"></embed> </object>
Hier ein kleines Tool, das obigen Code für HD-Videos generiert. Einfach eine Youtube-URl á la http://www.youtube.com/watch?v=UQp24oJ3o5I eingeben:
Video-URL:
Edit: Der Parameter funktioniert nicht mehr und ich finde auch keinen Ersatz. Youtube scheint das einbinden von HD-Videos vorerst unterbunden zu haben. Man kann höchstens Youtubes eigenen embed-Code mopsen, wobei sich das autoplay allerdings nicht abstellen lässt...
vor 579 Tagen08.02.2009 18:17:44
Neue Kommentare
"the Company" ist großgeschrieben?
Im Prinzip, ja. Wobei das Ziel des Bologna-Prozesses war, mit dem Bachelor ein eher praxisrelevantes Studium zu ermöglichen, nach dem man dann entweder Geld verdient oder einen Master macht und sich dort dann wi ...
mehr
Wegen Bologna mussten Unis Bachelor- und Master-Abschlüsse einführen (früher war irgendwie alles Master). Allerdings haben sie es verpennt und haben dann einfach ab ...
mehr
mehr