Shaarli - とてもシンプルなソーシャルブックマーク
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました かつて一世を風靡したDeliciousですが、サービスの展開において二転三転している内に、個人的には徐々に離れていってしまっています。純粋なソーシャルブックマークとしては非常に便利でユニークなサービスでした。 その頃のDeliciousを彷彿とさせるようなシンプルなソーシャルブックマークエンジンがShaarliです。自分のサイトに設置してみても面白いのではないでしょうか。 Shaarliの使い方 こちらがトップページ。シンプルですね。 一件だけ。特に表示は変わりません。 テキストやタグで絞り込むことができます。 タグごとでのフィード配信にも対応しています。 ユニークなのはピクチャーウォールでしょうか。画像でブックマークが見られます。 Shaarliは機能としてはあまり多くなく、シン
windows_98.css·昔懐かしい。Windows 98風スタイルシート MOONGIFT
みんな大好きWindows。その大きな転換になったのはWindows 95やWindows 98だったんじゃないかと思います。徹夜して並んで大騒ぎしたなんて懐かしい記憶がある方もいるのではないでしょうか。 そんな懐かしいWindows 98を思い出させてくれるスタイルシートがwindows_98.cssです。使い道はあれですが技術的にはとても面白いです。 windows_98.cssの使い方 例えばこんな感じ！懐かしいダイアログですね。 リサイズもできる！ 例えばリサイズできるダイアログはこのようになっています。 <div class="resizable window"> <div class="header"> <img class="icon" src="icons/txt.gif"/> Untitled - Notepad <div class="buttons"> <button
写真の合成を簡単に·Poisson Image Editing MOONGIFT
Poisson Image Editingは写真の中のオブジェクトを別な写真に合成するソフトウェア。 Poisson Image EditingはJava製のオープンソース・ソフトウェア。USの映画やドラマでは合成映像が数多く使われるようになっているらしい。確かに遠い所へロケに行かないで済むし、天候などの外部要因に邪魔されることもない。コンピュータの力を使えば低コストに仕上がるのだろう。 合成例 あるものとあるものの合成はより奇麗に行うためにクロマキーが使われるが、既に撮影してしまった写真同士を合成したい場合にはPoisson Image Editingを使ってみると面白い結果が得られそうだ。 Poisson Image Editingは写真の一部を切り出して、別な写真とミックスさせるソフトウェアだ。ポアソンイメージ編集のアルゴリズムを利用している。まず題材になる写真からオブジェクトを切り
Headroom.js - UI/UX向上。上にスクロールすると表示されるヘッダーバー MOONGIFT
ヘッダーによって表示領域が狭まってしまうのを嫌う方にお勧めです。 最近のWebデザインではヘッダー部分を画面上部に常に表示するのが一般的になってきています。いつでもヘッダーにアクセスできて便利な反面、そのために表示領域が限られてしまうという点においてちょっとした不便さを感じます。 そこでiPhoneにおいては最近はヘッダーやフッターを普段は隠しておいて、上にスクロールしようとしたタイミングで表示させるというスタイルを導入しています。同様の仕組みをWebブラウザでも実現するのがHeadroom.jsです。 実際に使ってみます。まずはトップを表示した瞬間は以下のように表示されます。 表示直後。 このままスクロールするとヘッダーは自然と上に流れていきます。 そして上にスクロールするとヘッダーがするするっと出てきます。 画像だと分かりづらいと思うので動画でご覧ください。 使い方は幾つかあり、単独は
Viz.js·Web上でGraphvizをSVGでレンダリング MOONGIFT
フローチャートなどの高度なグラフを描こうと思った時に使われるのがGraphvizです。テキストベースで記述していくだけでできるというのはやはり手軽です。しかしローカルソフトウェアをインストールしたり、セットアップしたりするのは面倒と感じる人も多いでしょう。 そこでさらに再利用性を高めてくれるのがViz.jsです。WebベースでGraphvizを使えるようにしてくれます。可能にするのはまたしてもEmscriptenなのですが、面白さを体感してください。 例として以下のようにGraphvizのDOT言語をそのままscriptタグに記述します。 <script type="text/vnd.graphviz" id="cluster"> digraph G { subgraph cluster_0 { style=filled; color=lightgrey; node [style=fill
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
