## はじめに 先日ネットを見てると、こんな海外記事を見つけました。 [How To Build An Awesome Form](https://medium.com/@kubachrzecijanek/how-to-build-an-awesome-form-1e9b2c1bd00d#.9bxu4a1y9) デザイン関連のWeb記事はよく見かけますが、フォームに特化した記事はそれほど多くない気がします。 仕事柄、フォームを作ることは結構よくあるので、自分のデザインの勉強を兼ねてまるまる翻訳してみました。 ### 翻訳の方針について 翻訳は日本語としての読みやすさを重視してところどころ意訳しています。 もし完全に間違った訳になっていたり、意訳しすぎて原文のニュアンスが変わってしまったりしているところがあれば、コメント等でやさしく指摘してやってください。 それでは以下が記事の翻訳です。 #
Material Design Lite Material Design Lite lets you add a Material Design look and feel to your websites. It doesn’t rely on any JavaScript frameworks and aims to optimize for cross-device use, gracefully degrade in older browsers, and offer an experience that is immediately accessible. Get started now. Templates The MDL components are created with CSS, JavaScript, and HTML. You can use the compone
こんにちは、キュニップのあさくらです。前回の記事で紹介したダッシュボード用フレームワークDashingがとても良い感じだったので、今日はDashingのインストールからサンプルダッシュボードの作成までの簡単なチュートリアル記事をお届けします。 この記事でできるようになること Dashingのインストール サンプルプロジェクトの作成と起動 サンプルダッシュボードの作成 必要なもの Ruby 1.9 Bundler ダッシュボードとは ソフトウェアにおけるダッシュボードは、複数の情報源からデータを集め、概要をまとめて一覧表示するものを指します。 Dashingにおけるダッシュボード Dashingでは次のサンプル画像のように 情報を表示するパーツをWidget 複数のWidgetを一つの画面にまとめたものをダッシュボード と呼びます。 ひとつのプロジェクトに複数のダッシュボードをもつことができ
はじめに まずはデモを見てくれ！デスクトップPCなどの大きい画面で見るのがおすすめです。 デモ（中） デモ（大） Windows 8風のフラットなデザインで、いろいろ動いていてかっこいいですね。こんな感じのダッシュボードを簡単に作れるライブラリがDashingです。 Ruby, HTML, SCSS, CoffeeScriptで少しコードを書くだけで簡単にカスタマイズできるので、使い方を簡単に紹介します。 プロジェクトの開始 Getting Startedに書いてあるとおり、 $ gem install dashing $ dashing new sweet_dashboard_project $ cd sweet_dashboard_project $ bundle $ dashing start これで、http://localhost:3030/をブラウザで開けば、デモと同じダッシュ
Mind mapping starts with a main idea in the center of your mind map. Create unlimited subtopics and explore your thoughts, color coding for clarity and style. As your map takes shape, add context to topics with attachments, embedded media and more. MindMeister’s features guide you through your first mind maps onto maximum creativity.
Webアプリケーションの脆弱性を発見するフレームワーク「Web Application Attack and Audit Framework（w3af） 1.0」が公開された。SourceForgeのプロジェクトページよりダウンロードできる。 w3afはWebアプリケーションの脆弱性を発見したり、実際に脆弱性に対する攻撃を行うためのフレームワーク。開発者やセキュリティ研究者が、Webアプリケーションのセキュリティ検査やテストに利用することを想定している。プログラムはPythonで書かれており、GPLで公開されている。コアのほか、SQLインジェクション、クロスサイトスクリプティング（XXS）などをチェックできる130種以上のプラグインを持つ。 初の正式版では、コードの安定性、自動アップデートなどの特徴を持つ。クラッシュを最小限に抑え、常に最新機能を使えるという。 新機能としては、PHPの静的
テストを完全自動化できるWeb開発の必携アプリ「Fake」 【@maskin】 増田（maskin）真樹 Webサイト内での特定の作業を繰り返すなど、ルーチン化できる作業を自動で処理してくれるMac OS X用アプリケーション「Fake」が米国時間の7月7日に登場した。 例えば、「URLをオープン」→「検索」→「結果の中から特定のページを開く」→「拡大」→「スナップショットを撮影」→「ホームにもどる」といった作業を自分で設定し自動で処理できる。複数の自動プログラムの実行が可能なほか、HTMLコードのインスペクタ機能もあるためWeb開発の協力な味方となる。 Fake Workflows in Action from Fake on Vimeo. この動画には表示されていないが、テストの際など、HTMLインスペクタ機能があるため、問題修正などもシームレスに行える。 ■ Fake - Ma
Learn how to design an infographic with HTML, CSS and jQuery, by following this easy, step by step tutorial. Check it out and start learning! I’ve been wanting to get stuck into a creative infographic for quite some time, so recently I started work on a personal project that involved the design and build of a graphic to portray the stats and figures of Line25. To mix things up a little and to take
34 Comments Great collection thanks These slideshows look great and really fit in with the designs. This is a great alternative to flash! Great list, very inspiring 🙂 Great selection! Tip: http://www.metalabdesign.com They have a nice slideshow too. 🙂 Great showcase & inspiration! You should also check out http://www.ccad.edu and specifically the homepage slideshow, pretty cool! That is simply A
原色大辞典とは 原色大辞典は1997年にオープンしたネットの色見本サイトです。 9種類の色見本と色に関する各種サービスから構成されています。 色見本コンテンツは ブラウザで定義されているHTMLカラーネーム、 日本の伝統色、 世界の伝統色、 Webセーフカラー、 パステルカラー、 ビビッドカラー、 モノトーン、 地下鉄のシンボルカラー、 国鉄制定の塗装色 の9つから構成され、特に日本の伝統色は古来伝わる先人の色彩感覚を現代に伝えるものとして多くの方々から支持をいただいています。 文字列と背景色の組み合わせを試せる配色大辞典、 規則性のある組み合わせから色を選べる配色パターン。 色見本の他にも、今日のラッキーカラー、 コトバから色を解析して調合する成分解析、 ストライプを生成するストライプメーカー、 グラデーションを生成するグラデーションメーカー、 あなたの好きな色と色を調合する色調合、 サ
RSS の変換サービスを探してて、ずいぶん前に話題になっていたらしい xFRUITS というものを知った。 xFruits - Compose your information system あれ。ロゴは xFRUITS だけど、サービス名は xFruits なんだな。 確認した時点でサービスは全部11 aggregate rss まとめるrss to web HTML化RSS to MOBIL mobile向けにHTML化POST to RSS xfruits.com の特定のアドレスにメールを送ると rss を生成できるRSS to PDFRSS to MAIL POST to RSS の逆RSS to OPMLOPML to MOBILEMAIL to RSS メールを受信してくれてそれを feed に変換してくれる！RSS to VOICERSS to MYBLOG APIの公開さ
Webシステムを開発する際に問題になりやすいのが帳票やレポートの扱いだ。そのレイアウトを含めて柔軟に変更できる必要があり、それでいて開発工数を低くする必要がある。PDFはHTMLとは異なるので、柔軟なレイアウト設計を可能にするライブラリはとても貴重だ。 元HTMLファイル そう、レイアウトがHTMLと異なるのが問題なのだ。それを一緒にできれば、どれだけ幸せになれるだろう。 今回紹介するオープンソース・ソフトウェアはmPDF、HTMLからPDFを生成するソフトウェアだ。 mPDFは現状では日本語には対応していないが、UTF-8に対応しているのでフォントや設定を行えば問題なく表示できると思われる。実際アラビア語も表示できている。HTMLをテンプレートとしてPDFを生成するのが特徴だ。 PDF化されたファイル 画像や外部リンク、CSSによるレイアウト設計をある程度PDFとして実現してくれる。テー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
