Semantic UI - クラス指定に意味を持たせたデザインフレームワーク MOONGIFT
スタイルシートのデザインフレームワークを使っていると、自分が行いたいデザインをどうすれば実現できるかを都度調べる必要があります。md-6とかそういった類のクラスを確認して記述したりします。 つまり頭の中で自分のやりたいことと、実際の記述とを変換する必要があるのです。これは意外とストレスではないでしょうか。それを解決する、セマンティック（意味がある）なデザインフレームワークがSemantic UIです。 Semantic UIの使い方 基本形を見てみます。 <div class="ui stackable center aligned page grid"> <div class="fourteen wide column"> <h1 class="ui inverted icon header"> <img src="/images/icons/pen.png" class="icon i
php.tools·PHPコードの整形ツール MOONGIFT
ソースコードはPythonを除けばほぼ自由に書くことができます。その結果、アルゴリズムの話だけでなくそもそも見づらいコードが生まれたりします。インデントが揃っていないだけでもプログラマにとっては気持ち悪いでしょう。 もしあなたがPHPでそんなコードに出くわしたら使ってみたいのがphp.toolsです。指定したフォーマットに沿ってコードを整形してくれます。 php.toolsの使い方 例えば汚いコードはこんな感じ。 <?php for($i = 0; $i < 10; $i++) { if($i%2==0) echo "Flipflop"; } 整形を実行します。 $ php fmt.php before.php 元ファイルが上書きになってしまうのがちょっと怖いですが、結果として次のように綺麗になります。 $ cat before.php <?php for ($i = 0; $i < 10
画像もファイルもテキストも管理できるクリップボード管理ツール·Clipboard Manager MOONGIFT
Clipboard ManagerはWindows用のオープンソース・ソフトウェア。なぜかOSで提供されるクリップボードというのは枠が一つしかない。一つ上書きしたらそれで終わりだ。こんな不便がなぜか一向に改善されずに続いている。 しかしそんな不便さだからこそ、それを解決するソフトウェアに人気が集まる。いわゆるクリップボード管理ソフトウェアだが、主にテキストのみに対応したものが多かったように思える。Clipboard Managerはその一段上をいく便利さだ。 Clipboard Managerが対応するのはテキストに限らない。ファイルも、画像の一部をカットした情報も管理することが出来る。複数の画像から一部を切り抜いていって、まとめて文書内に埋め込むなんて作業もできる。ファイルの移動もとりあえずカットして、後で実行させることもできる。 使い方は簡単で、コピーしたりすれば自動的にリストに追加さ
これはいい！ドロップダウンに画像と説明文を追加·ddSlick MOONGIFT
ddSlickはドロップダウンメニューにアイコン、説明文を追加できるjQueryライブラリです。 常々HTMLのコンポーネントは貧弱だと思っていた。特にドロップダウンの使い勝手の悪さったらない。テキストしか表示できず、情報選択のUIとしてあまりに粗雑ではなかろうか。そしてみんなが望んでいたライブラリが登場した。それがddSlickだ！ 見よ、この格好いいドロップダウン！テキストに加えて画像が表示できるようになっています！ ダイナミックに変更も可能です。まず普通のドロップダウン。実にいけてない。 じゃじゃーん！ もちろん普通のドロップダウンライクに値が取得できます。選択した項目のデータも取れます。 外部から値を与えて表示項目を変更することもできます。 コールバック対応！ デフォルトの選択もできます。 画像を右に寄せられます。 さらに説明をつけて行ごとに高さを可変にもできます。 画像がない場合
凄いん…だよな？デザインの自由度を最大化したCMS·Berta MOONGIFT
Bertaはデザインの自由度が高いCMSです。データベースを使わないCMSになっています。 なんか凄いソフトウェア…。BertaはCMSですが、自由度が非常に高く、コンテンツの配置が自由にできてしまいます。その自由度の高さも相まって、デザインや写真家の方が数多く使っているようです。 まずログインします。 サイトをセットアップします。 セクションを作ります。これがメニューになります。チュートリアルのヘルプ付きで分かりやすいです。 セクションを作ったら、その内容を編集します。 これがページです。ほぼ何もありません。ここから自由にコンテンツを配置していきます。 配置する場所はX/Y軸ともに自由です。 ファイルを貼付けたりテキストを入れたりできます。 例えばこんな画像を。場所は自由に設定できます。 実際にBertaを使ったWebサイトです。ポートフォリオ的なサイトでしょうか。 こういった写真系のサ
Gitを使っているWebデザイナー必見。DreamweaverからGitを使える·GITWeaver MOONGIFT
GITWeaverはDreamweaverとTortoiseGitを連携させるDreamweaver機能拡張。Gitコマンドが使えるようになる。 GITWeaverはWindows/Dreamweaver用のオープンソース・ソフトウェア。企業ではまだまだSubversionがメインのリポジトリ管理システムになっているようだが、個人を中心にGitを使うケースが増えている。プログラマーが使っているケースが多いが、デザイナーの方も使い始めている。 メニュー そんなGitとWindowsを組み合わせて使う際にはTortoiseGitが便利だが、さらにDreamweaverを使ってデザインをしているならお勧めなのがGITWeaverだ。 GITWeaverはTortoiseGit必須のDreamweaver拡張なのでWindows版向けのソフトウェアになる（筆者はMac OSX版しかないためスクリー
MOONGIFT: » Ajaxなエクスプローラ「AjaXplorer」:オープンソースを毎日紹介
Webサーバ上のファイルを管理する際には、FTPソフトが多く使われる。だが、普段使い慣れたエクスプローラのようなインタフェースに比べるとあまり洗練されているとは言いがたい。インターネットとオフラインの違いはあるが、不便に感じている人も多いはず。 そこでこれだ。セキュリティの面に目をつぶれば、使い勝手のいいファイル管理ソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはAjaXplorer、Ajaxを使ったエクスプローラ風ソフトウェアだ。 AjaXplorerはAjaxを使うことで操作性の良さを感じさせてくれるソフトウェアだ。左側がフォルダツリー、右側がファイルツリーになっている。どちらもAjaxを使っているので、遷移は皆無と言っていい。 ファイルの閲覧や編集、ファイルのアップロードにも対応している。複数ファイルを一括アップロードしたり、メールすることも可能だ。アイコンも有名なものに
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WonderCMS - 大きなCMSに辟易しているなら試して欲しいDBいらずのCMS MOONGIFT
Cosmo·シングルページアプリケーション用CMS MOONGIFT