Toolbar.js - jQuery plugin to create tooltip style toobars
Toolbar allows you to quickly create tooltip style toolbars for use in web applications and websites. The toolbar is easily customisable using Font Awesome icons and provides flexibility around the toolbars display and number of icons. A big thanks to the Drunken Parrot UI Kit by Hoarrd for inspiration. Download You can show your appreciation for Toolbar.js and support future development by donati
User Onboarding and Product Walkthrough Library | Intro.js
Powerful User OnboardingBuilt to Increase AdoptionIntro.js is a lightweight JavaScript library for creating step-by-step and powerful customer onboarding tours
質の高いUXを与えるためのjQueryプラグイン集「9 jQuery Plugins for Improving Website Navigation」
TOP > javascript , WebDesign > 質の高いUXを与えるためのjQueryプラグイン集「9 jQuery Plugins for Improving Website Navigation」 WEBにとってUXはとても重要な要素の一つ。隅々までサイトを見ていただくためにはここがダメだと利便性が悪く、多くのユーザーに不快な思いを与えてしまいます。今日紹介するのはjQueryで質の高いUXを実現するためのjQueryプラグインを集めたエントリー「9 jQuery Plugins for Improving Website Navigation」です。 Intro.js jQueryを利用した様々な仕組みが紹介されています。クリエイティブであれば良いというものではありませんが、斬新な動きだったり、仕組みだったり、工夫を凝らしたプラグインが集められています。今日はそ
システム開発の見積書 ｜ 比較・評価ポイントを押さえて失敗しない業者選び | 中小企業のための失敗しないWebシステム発注・開発
オリエンテーションでシステム開発会社と提案内容を詰めたら、いよいよ具体的な提案・見積もりへと移っていく。しかし、システム開発会社から出揃った提案と見積もりをどのように評価し、最適な開発会社を選定すればいいのか、その判断は経験がなければ難しい。 見積もりの比較ポイントがわからないがために、価格優先で選定されるケースは往々にあるものだ。最終回では、経験の少ない、中小企業の発注担当者が見積もりの内容を評価し、発注先を判断するためのポイントを解説する。 価格だけで開発会社を選ぶと、ほぼ間違いなく失敗するシステム開発会社から出揃った提案と見積もりを並べて比較すると、どうしても価格が高いか安いかに目が向きがちだ。もちろん、昨今の経済情勢から、どこの企業もコストにはシビアになっているし、当然、相場からかけ離れた割高な費用を支払うことは避けなければならない。 しかし、システム開発の発注の場合、単純に見積価
わかりやすい見積書の書き方 / Maka-Veli .com
最近流行り(？)の「見積額」じゃないです。見積書自体の書き方。 ディレクターやってるとこういうのが気になってしょうがないのです・・・ sample.pdf 最下部にデータ置いておくんで、好きに使ってください。リンクも名前....MOREわかりやすい見積書の書き方 is a post from: Maka-veli.com
【Web制作などの依頼で「概要」しかわからないのに「とりあえず見積が欲しい」と言われたとき、私はこんなことに気をつけています】｜今村だけがよくわかるブログ
【Web制作などの依頼で「概要」しかわからないのに「とりあえず見積が欲しい」と言われたとき、私はこんなことに気をつけています】 どうもです。いきなりですが、私は毎年この年末から来年の3月末あたりまで、段階的に仕事周りが騒がしくなって来る時期だったりします。決算期の都合もあるんでしょうかねぇ。似たような状況の方も多いのではないかと思います。ほんと、最近依頼が多いです。 ところで、仕事の依頼があるって嬉しいことです。 普段あまり交流のなかった方から突然の依頼や、または、人づてで紹介を受けたりなど。紹介を受けるってことは「仕事ちゃんとしてくれるよ」ってのを認めてもらえた証拠だと思っています。本気でうれしいです。 と、ここで「依頼」についてちょっと掘り下げたいな～と思いました。本題に入る前に、少しだけ前置きにお付き合いくださいますと幸いです。 ・・・「依頼」っていろいろありますね。 「ハマる依頼」
WEBシステム開発の見積の出し方について考えてみました | Web活メモ帳
お仕事をする上で、見積もりってすごーく大事ですよね。 WEB業界はフリーランスの方も多いので、概要から見積を作成する時は人によってバラバラになりやすいです。 大規模開発をされている方であれば工数の算出方法にルールがある場合もありますが、今回は割りと小・中規模案件でWEBシステムを開発している場合を考えてみました。 出来るだけ納得できる見積を出せるように、算出の仕方について改めて考えてみます 見積もりの種類 WEB制作で見積もりを作成する場合、大きく分けると3種類あります。 超概算見積書 予算を検討する段階で、費用を把握するために依頼される見積です。 ざっくりとした金額を見積書で提出するか、口頭で金額を回答することが多いのが特徴。 プロジェクトの趣旨がはっきりしないと、見積もり額は実際の200%程度になる可能性もあります。 この段階の見積の考え方はこちらの記事が非常に良くまとめられています。
ホームページ制作マッチング｜WEB制作案件専門のビジネスマッチングサイト
いつも さぶみっと！JAPAN をご愛顧いただきありがとうございます。 この度、誠に勝手ながら2017年9月29日(金)を持ちまして、「さぶみっと！サイト制作マッチング」のサービスを終了させていただきます。 日頃よりご利用いただいております皆さまにはご迷惑をおかけすることとなり、誠に申し訳ございません。長らくのご愛顧、厚くお礼を申し上げます。 終了するサービス ・サイト名：さぶみっと！サイト制作マッチング ・URL：http://hp.submit.ne.jp/ ・サービス終了日：2017年9月29日(金)11:00 サービスご利用中の方へ ・案件情報のご登録は2017年8月28日(月)より停止しており、新規でご登録をいただくことはできません。 ・現在掲載中の案件に提案を行うことはできますが、サービス終了日を持ちましてサイトをご利用いただくことはできなくなります。 ・現在サイト内で商談中の
秀丸エディタをもうちょっと便利にする方法
こんにちは、WEB 担当の青野です。 今回は前回に引き続き秀丸エディタをもうちょっと便利にする方法を紹介します。 前記事の終わりにマクロの紹介をすると書いていましたが、ついでなのでちょこっとだけ便利な機能についても触れたいと思います。 単語補完 秀丸エディタには単語補完機能というものがついています。 この補完機能は辞書ファイルを使用することができるので、WEB で公開されている辞書ファイルをダウンロードし、指定しておきましょう。 この単語が辞書に登録されていない！という場合でも問題ありません。辞書はtxtファイルなので、ファイルを開き単語を簡単に追加することができます。もちろん０からオリジナルの辞書ファイルを作ることもできます。 単語補完は入力するとでてくるツールチップ、またはリストのなかから目的のものを選ぶと挿入されます。（Alt+数字でのショートカットもあります） ちなみにこの補完機能
秀丸エディタを HTML や PHP や CSS が気持ち良く書ける環境にする
秀丸を最強のエディタとして活用できるようになるまでの道のりをメモしておきます。後で誰かの参考になれば幸いです。 秀丸のインストール まず秀丸は以下からダウンロードします。 秀まるおのホームページ(サイトー企画)?秀丸エディタ 秀丸のインストールの説明はこちらが分かりやすい。 http://hide.maruo.co.jp/software/install.html#HIDEMARU 基本的な操作や見栄え 秀丸の(その他)ファイルタイプ別の設定には癖があって、事前に設定のリストで用意しておいた設定をある拡張子のファイルに適用することで、今後その拡張子のファイルを開いた際は、その設定が適用されている状態になります。 設定のリストにある共通で設定すれば、他のすべての設定にも適用されるわけではなく、拡張子毎に設定をしていく必要がある(例えばPHPにはPHPファイルという設定を用意して適用する。CS
動くCSSのためのメモ。
CSSでできる事がどんどん増えてます。JavaScriptを使って実装するようなレイアウトやUIも、CSSだけで作れちゃうほど、便利なプロパティがじゃんじゃか増えましたね。ここでは、要素にアニメーション効果をつけるためのCSSを使ったエフェクトについて、まとめてゆこうと思います:)。 CSSで動かす 「動く」といっても、自由自在にぐにゃぐにゃ動かせるわけではなくて、CSSアニメーションでは、プロパティの数値をスムーズに増減させることで、要素のスタイルを滑らかに変化させます。 例えば、下のサンプルでは、p要素にカーソルを合わせた時に、font-sizeの値を、1emから2emに、スムーズに変化するように指定しています。 p { transition: font-size 1s; } 動かすためのマストプロパティ CSSでアニメーションさせるために必要不可欠なのがtransitionプロパティ
ユーザ・インターフェースのためのイージングカーブをつくる | POSTD
フラットデザインの導入以来、アニメーションの質が、今までにないほど、優れたインターフェース作成のために必要不可欠なものとなっています。モーションデザインを通して、製品の総体的なブランドエクスペリエンスを左右するようになり、製品を、市場の他のものと差別化する要素となりました。アニメーションは複雑なインタラクションを簡素化し、優れたデザインを記憶に残るユーザエクスペリエンスにしました。では、質の高いアニメーションはどのように作られるのでしょうか？ イージングカーブは多くの要となるコンポーネントの1つで、適切なアニメーションをとり、素晴らしいものに作り上げます。 問題なのは、イージングカーブがどのように機能するかについての理解が、少々難しいということです。 前回の記事 After Effects to CSS で触れたタイミング関数への興味の派生としてこの記事を書きましたが、この記事を読むことで
優れたユーザインタフェースを設計する際に考慮する8つのポイント
ユーザーにとって有益なユーザインタフェースを設計する際に考慮する8つのポイントをUsability Postから紹介します。 8 Characteristics Of Successful User Interfaces 以下、その意訳です。 ユーザインターフェイスの設計時に、考慮する8つのポイントを紹介します。 Clear Concise Familiar Responsive Consistent Attractive Efficient Forgiving To conclude… 1. Clear 明快 明快であるというのは、最も重量な要素です。 ユーザインターフェイスデザインの目的は、ユーザーに意味と機能を伝え、利用するアプリケーションと相互につきあえるようにすることです。そのアプリケーションがどのように機能するのか、どこに進むべきか理解することができない時は、ユーザーは困惑しが
JSF2.2のFaces Flows（FlowScoped） - Challenge Engineer Life !
この記事は「JavaEE Advent Calendar 2013」の1日目の記事となります。 明日はManabu Matsuzaki(@matsumana)さんです。宜しくお願いします！ Java EE 7登場 今年は6月にJava EE 7がリリースされました。 Java EE 6からのアップデートは大小様々ありますが、今日はJava EE 7の中からJSF(JavaServer Faces)に着目して、JSF2.2で新しく追加されたFaces Flowsについて書いてみたいと思います。Faces Flowsは、Big Ticketと言われる目玉機能の１つですが、探してみたら意外と日本語情報がなかったので(^^; JSFとは？ 本題の前に、そもそもJSF(JavaServer Faces)って何？ということについて少しだけ。 JSFは現在のJava EEにおける画面構築の標準仕様で、コ
管理画面のHTMLデザインテンプレート 無料＆有料テンプレート14選 | sounansa.net
WEBシステムをつくるときに管理画面のデザインは、予算や時間の都合から工数をかけにくい案件も多いですね。 社内システムであればなおさらです。 使い勝手の要素としてUIは重要な一つであることは、わかってはいるんですが。。。。 カッコいいデザインをサクッと作るためには、Bootstrapはとてもありがたい存在です。 デザイナーが思っているほどBootstrap臭なんて気にしてません、一般人は。というより知らないですBootstrap自体を。 システム屋さんはこういう便利なものはガンガン活用して生産性を上げましょう。 今回、無料と有料のHTMLテンプレートをそれぞれ紹介いたしますが、有料とはいっても日本円で2～3千円程度とリーズナブルです。 有料のものは、ログイン画面や、モーダル、チャート、データグリッドなどが充実しています。 レシポンシブのログイン画面のデザイン一つ作るだけでも1時間ぐらいかか
色んなタイプのメニューを簡単作成[CSS Menu Maker]
ECサイトに限ったことではありませんが、ヘッダー、フッターやサイドナビにはメニューを表示していますよね。 マウスオーバーで色を変えたり、さらに細かい階層のメニューが表示されたり使い勝手の良いメニューを用意しておくことはECサイトでは非常に重要になってきます。 でも、HTMLやCSSの知識がないとかっこよくて、使い勝手の良いメニューは作れないと思います。 そこで本日は、HTML、CSSの知識がなくても簡単にメニュー作成が出来るサービスを紹介します。 CSS Menu Maker 色んなデザインのメニューが用意されており、自分好みのメニューを簡単に作成することが出来るジェネレーターになります。 ドロップダウンメニュー フライアウトメニュー 縦型メニュー 水平メニュー タブメニュー 様々なメニューのレイアウトがあるので、迷ってしまいますが、１つを選択すると ↓↓のような実際に動作を確認できる画面
![色んなタイプのメニューを簡単作成[CSS Menu Maker]](https://cdn-ak-scissors.b.st-hatena.com/image/square/6b819a8f27d8d156bc3c23accead7d24a1ecd3df/height=288;version=1;width=512/https%3A%2F%2Fpeacepopo.net%2Fwp-content%2Fuploads%2F61-1.gif)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブの画面設計に使えるまとめ - DesignWalker
フリーWEB素材サイト「DOTS DESIGN(ドッツ・デザイン)」: 矢印、ナビゲーション素材アーカイブ
IPA セキュア・プログラミング講座：Webアプリケーション編
フォントアイコンの使い方 (FontAwesome)
