mitttsのブックマーク - はてなブックマーク

Gumby - Bootstrapの強力なライバルになるか！？シンプルかつ強力なCSS3フレームワーク MOONGIFT

CSS3フレームワークは数多くなってきたのでその特徴をちゃんと掴んでおかないといけないですね。 GumbyはSassを使ったCSS3フレームワークです。他のフレームワークと同じようにレスポンシブ、モバイルフレンドリーになっています。その特徴を見ていきましょう。まずデスクトップからです。ヘッダーバー。フラットだったり、幅が固定だったりと色々な形式が想定されています。タイポグラフィ。可読性高いです。リストだけでも黒丸、白丸、ドット、数字など多数用意されています。さらに定義リストまで！ボタン。サイズ、色、形が様々です。片方だけ丸い、なんて便利そうですね。インジケーターやラベル、アラート。こういうのもよく使いますよね。フォーム。基本的にplaceholderを使った表示になっているようです。テーブル。角丸サポートです。タブ。幅が設定できます。縦のタブもあります。ドロワー。クリ

mittts 2013/10/22

リンク

200を越えるアイコンが揃ったBootstrap向けWeb Font·Font Awesome MOONGIFT

Font AwesomeはBootstrapと組み合わせて使えるアイコンを集めたWeb Fontです。 Twitter Bootstrapの便利な機能の一つにアイコンパックがあります。ちょっとした装飾を手軽に付け加えられるのは便利です。そんなBootstrapに200以上のアイコンを追加するのがFont Awesomeです。Web Fontで作られたアイコンパックです。全てのアイコンです。ソーシャルアイコンも揃っています。例です。ドロップダウンやボタンにつけています。大きさが自由に変更できるのもフォントならではです。ドロップダウンにつけると機能がより分かりやすくなります。カスタマイズすればレーティングに使ったりもできます。ファイル構成です。SVGやフォントが提供されます。 Font AwesomeはTwitter Bootstrapで提供されているものに加えて色々な場面で役立

mittts 2012/06/20

リンク

小規模なWebサイトにぴったり。PHP製のメールフォーム·TransmitMail MOONGIFT

TransmitMailは日本製の汎用型メールフォールソフトウェアです。 Webサイトにメールフォームの設置というのはよくあることです。そんな時に使える日本語対応のメールフォームソフトウェアがTransmitMailです。デモです。多数の入力項目、入力チェックに対応しています。必須チェックのエラーです。画面上と項目の横と二つ表示されます。メールアドレスフォーマットのチェックもできます。半角英数などの文字種チェックもあります。入力の後、確認画面が表示されます。完了ページです。確認メールも送信されて、入力内容の確認ができます。 TransmitMailはPHP5.2以上で動作します。また、マークアップエンジニアが開発したとのことで、Dreamweaverやマークアップエンジニアにとって優しい作りになっています。セッションによって重複送信を防ぐ仕組みがあります。静的サイトにメールフ

mittts 2012/03/23

サイトに使えるかも？

リンク

凄いん…だよな？デザインの自由度を最大化したCMS·Berta MOONGIFT

Bertaはデザインの自由度が高いCMSです。データベースを使わないCMSになっています。なんか凄いソフトウェア…。BertaはCMSですが、自由度が非常に高く、コンテンツの配置が自由にできてしまいます。その自由度の高さも相まって、デザインや写真家の方が数多く使っているようです。まずログインします。サイトをセットアップします。セクションを作ります。これがメニューになります。チュートリアルのヘルプ付きで分かりやすいです。セクションを作ったら、その内容を編集します。これがページです。ほぼ何もありません。ここから自由にコンテンツを配置していきます。配置する場所はX/Y軸ともに自由です。ファイルを貼付けたりテキストを入れたりできます。例えばこんな画像を。場所は自由に設定できます。実際にBertaを使ったWebサイトです。ポートフォリオ的なサイトでしょうか。こういった写真系のサ

mittts 2012/02/20

使う

リンク

Webデザイナーに最適。WordPress環境を解凍するだけで構築·WordPress Portable MOONGIFT

WordPressPorta bleはポータブルなWordPressです。WAMP環境をZipファイルで提供しています。 WordPressPorta bleはZipファイルを解凍するだけで使えるWordPress環境です。環境構築の手間なくすぐにWordPress関連の開発に入れます。解凍したファイル一覧です。WP-Portable.exeを実行します。 MySQLのセキュリティ警告が出ます。 Apacheも出ます。タスクトレイに常駐します。既にこれで立ち上がっている状態です。 Webブラウザからアクセスしました。localhostでApacheが立ち上がって、/wordpressにインストールされています。管理画面にログインします。デフォルトはadmin/adminです。管理画面に入りました。既に新しいバージョンが出ているようです。オートアップデートも問題なく完了しました。

mittts 2012/01/19

楽そう

リンク

IE6から使えるSVG/VMLを使った高機能JavaScriptグラフライブラリ·Highcharts MOONGIFT

HighchartsはSVG/VMLを使って描画するJavaScript製のグラフライブラリです。 Webサービスにおいてグラフを使うとデータのインパクトが違います。だからこそ使い勝手の良いグラフライブラリを積極的に使っていくべきです。HighchartsはSVGを基本として多様なWebブラウザに対応したグラフライブラリになります。折れ線グラフです。 Ajaxによるデータロード対応です。グラデーションをかけることもできます。滑らかな曲線です。アイコンを貼付ける例です。プロットのみで。半透明なドットを使っています。エリアグラフです。マイナスの値にも対応しています。積み上げグラフです。棒グラフです。左右比較型の棒グラフです。複数のデータを並べられます。棒グラフもマイナス値を出せます。こんな感じの棒グラフも。さらにドリルダウン対応です。 HTMLのテーブルからデータを

mittts 2011/12/14

リンク

あなたのWebアプリケーションは安全か。Google製のセキュリティチェッカー·Skipfish MOONGIFT

SkipfishはSQLインジェクションをはじめWeb向けの脆弱性を発見するソフトウェア。 SkipfishはGoogle製のオープンソース・ソフトウェア。2011年になってセキュリティインシデント関係の話題が飛び交っている。特に大きいのはソニーだろう。あそこまでの規模は相当珍しいが、何も対岸の火事という訳ではない。オプションセキュリティホールを狙うのは人間に限らない。日々クローラーがWebサイトにアクセスしてセキュリティホールを狙っているのだ。狙われる前にSkipfishを使って自主的にチェックしてみよう。 SkipfishはGoogleが開発したセキュリティチェックソフトウェアだ。ターミナルで動作するソフトウェアで、指定したURLに対してSQLインジェクションやXSSなどWebアプリケーションが狙われやすい脆弱性をついてくる。結果はHTMLベースのレポートとして出力される。結果は

mittts 2011/07/14

リンク

上司にばれずにどうしてもTwitterがやりたい人は·Spreadtweet MOONGIFT

Twitterは楽しいね！なんとなくゆるいつながりで皆好き勝手に色々と投稿している。携帯電話やPC、メール、IMなど様々なクライアントから投稿されて発言が入り乱れている。そんな発言を見ていたらどんどん時間が過ぎてしまって、いつの間にか夕方になっていた…なんてことになりかねない。 Excel…？いえいえTwitterですもちろん仕事中は禁止だ。でもしばらくすると指先が震えてくるくらいTwitter中毒なら、Spreadtweetを使ってみても良いのかも…知れない。今回紹介するフリーウェアはSpreadtweet、表計算ソフトウェアそっくりなTwitterクライアントだ。オフィスであればMS Officeを使うことは多々あるはずだ。まるで方眼紙みたいにして職人芸を見せる人だって多い。そんなExcel狂な人であればSpreadtweetを使えばまずばれない。SpreadtweetはまるでM