みんなのビジネスオンラインは中小企業、個人事業主様を対象とした無料ウェブサイト構築サービスサイトです。みんビズのとはなにか、みんビズの心得、みんビズで作られたサイトの制作事例、ヘルプ&サポートなどを掲載しております。インターネットは、すべてのビジネスを変える力を秘めています。 ウェブサイトを活用して生まれる新しいつながりが、 あなたのビジネスを豊かに進化させるはずです。 「みんなのビジネスオンライン」とともに、 ビジネスは次のステージへ。
みんなのビジネスオンラインは中小企業、個人事業主様を対象とした無料ウェブサイト構築サービスサイトです。みんビズのとはなにか、みんビズの心得、みんビズで作られたサイトの制作事例、ヘルプ&サポートなどを掲載しております。インターネットは、すべてのビジネスを変える力を秘めています。 ウェブサイトを活用して生まれる新しいつながりが、 あなたのビジネスを豊かに進化させるはずです。 「みんなのビジネスオンライン」とともに、 ビジネスは次のステージへ。
なかなか手軽で自分向きだったのでメモ。 グリッドレイアウトを意識したWebサイトの 構築の際に、希望の幅を入れれば、その 幅に応じたグリッドレイアウト用のcssが 生産されます。ファイルはフレームワークの Blueprint cssが生成されます。 手軽で自分好みだったのでメモがてらご紹介。いわゆるグリッドレイアウト用の計算機です。 幅を入れるだけで、作れるレイアウトを自動で計算してcssも出してくれます。cssはBlueprintベースのようですね。 この設定だけでOK。 例えば、960pxで164~200pxくらいのカラムを10px以内の感覚で開けて並べたいという時の設定値だと3通りのレイアウトがあるようです。 条件の幅を広げれば、作れるグリッドの種類も増えます。 レイアウトが決まったら Preview & Download CSSをクリックすればプレビューとDLが可能です。 コンテン
Flowchart Maker and Online Diagram Software draw.io is free online diagram software. You can use it as a flowchart maker, network diagram software, to create UML online, as an ER diagram tool, to design database schema, to build BPMN online, as a circuit diagram maker, and more. draw.io can import .vsdx, Gliffy™ and Lucidchart™ files . Loading... Please ensure JavaScript is enabled.
なかなか便利だなと思ってご紹介。 自分のブログなどをスマフォ向けに 最適化したいけど時間が無かったり スキルがなかなか追いつけなかっ たり、という方も多いかと思います。 Mippin Mobilizerはその最適化を してくれるWebサービスです。 要はRSSを使ってこのWebサービス上でスマフォ向けレイアウトにしてくれる、というものですので、アドレスはMippin Mobilizerのドメインを使います。この点はmobifyと同じですね。 日本でもガラケー向けに最適化してくれるサービスがあります(名前忘れた)が、そのスマフォ版のようなもの。コーディングやマークアップも知識も不要で、マウスのみで作成可能です。 アドレスを入力する 最適化したいサイトのURLを入力します。矢印をクリックすると右側にプレビューが表示されますよ。RSSが発行されていればどんなサイトでもOKです。同時にレイアウトを
デザインなんかを勉強している人にいいかも、と思ったのでご紹介。 Wirifyのブックマークレットを使えば、今見ているサイトのワイヤーフレームを表示してくれる。 そのサイトがどういう要素でもって出来ているのか、デザイン的にどう配置されているのかをすっきりみたい場合に便利だろう。 なお、このツールを使うと、サイトのタイトルとURLが収集されるそうなので、セキュリティ的に保護されているページに使うには注意が必要だ。 きれいなサイトを見つけたときには、こうしたツールを試してみるのもいいですな。
ウェブサイトを作りたいけど、HTMLもCSSも分からない...とお悩みなら、無料で簡単にスタティックなサイトを作れるウェブアプリ「Orbs」を使ってみてください。ほんの数分でウェブサイトの編集ができるようになります。 まず最初に、ウェブサイトの名前を決めましょう。それだけでも、Orbsでウェブサイトを作って遊んでみることはできますが、本気で作るつもりなら、無料のアカウントを作ってください。アカウントが無いと、24時間で作ったウェブサイトが削除されてしまいます。 アカウントにログインしてサイトを作り始めたら、後はOrbsの指示に従っていくだけです。ページに何か文字を書き込みたい時や、編集したい時は、クリックして好きに入力すればOKです。画像を追加したり、文字のスタイルを変えることもできます。基本的なHTMLでできることは、大抵何でも実現可能です。 また、Orbsのテンプレートを利用すれば、も
よくある投票システム、星のマークを クリックして評価するシステムを、Web 上で作成し、PHPでダウンロード出来る Webサービス、Opineoのご紹介です。 スターの形なども変更できるので覚えて ちょっとクールな投票システムを探して いた、という方は如何でしょうか。 投票システムを作成して使える、というシンプルなWebサービスです。ニッチですな・・そのまま使わないにしても、jQueryを使った見せ方なども参考になりますよ。 ☆の画像や、バーが伸びる際のスピード、色などを決めて、ダウンロードする、という流れです。デザインが苦手なプログラマーさん向けっぽい感じです。 変更すればリアルタイムで右のプレビューに反映されます。 バーの動作などに関しては、デモを用意したのでご覧下さい。 個人利用でも商用でも無料で利用できますが、リンクウェアとのことです。ご興味のある方は以下よりどうぞ。 Opineo
「CSS3 Button Generator」は、CSS3を使ったボタンが、誰にでも簡単に作れちゃうサイトです。色や影やグラデーションをお好みに応じて設定できますよ。さらに、他のユーザが作ったボタンも閲覧可能です。コードもはき出してくれるので、コピペですぐに利用できます。 以下に使ってみた様子を載せておきます。 まずは、CSS3 Button Generatorにアクセスしましょう。 色などを設定します。テキストの影など細かい部分も調整できます。 右側に、コードが自動的に生成されるので、コピペして使いましょう。さらに「SAVE」すると、他のユーザと共有できます。 他のユーザが作ったボタンがずらり。いいなーと思うボタンがあれば、そのコードも取得できます。ボタン作成を考えている方は、是非お使いください。 CSS3 Button Generator [via delicious] (カメきち)
Webフォントを使う機会があった のでついでに備忘録的メモです。 @font-face関連の情報いろいろ。 と言っても、まだそんなに情報が 無いので触りを理解するための まとめ的な記事です。 Webフォントの良い所は、編集作業が不要、コピペも可能でテキストだからSEO的にも有利になりますけど、アンチエイリアスはフォントに依存しますし、日本語フォントはどうしても少なくなってしまうデメリットもあります。 クロスブラウザでWebフォントを利用するには /* IE */ @font-face { font-family: abc; src: url(abc.eot); } /* Firefox, Opera, Safari */ @font-face { font-family: abc; src: url(abc.ttf) format("truetype"); } としてあげるといいみたい。I
あなたのお店の情報も、Googleの検索結果ページで地図にマーク付きで表示したいと思いませんか? そのためには、「Googleプレイス」という仕組みで登録しましょう。この記事では、Googleプレイスにお店の場所の情報を登録して、地図上に表示させる方法を解説します。もちろん、登録は無料です。 最近、GoogleによるGoogleプレイスの露出が活発になっています(Googleプレイスは、以前は「ローカルビジネスセンター」と呼ばれていたサービスです)。 渋谷の駅構内では、山手線乗り場への階段の一面がGoogleプレイスの広告になっていたり、次は田園都市線構内がGoogleプレイス一面に切り替わっていたりしていて、GoogleプレイスにかけるGoogleの本気度が伺えますね。 さて、そんなGoogleプレイスですが、実際にはどのような登録手順が必要で、どのように使うのでしょうか?今回は筆者が通
Web制作時などでカラー選定など、 色に関することで困ってもColor Explorerというツールが色々と助け てくれそうです。無料で使えるみ たいですし、登録したくなければ登録 不要でツール使用も可能です。 色に関するツールは山ほどありますが、こちらも負けていません。Color Explorerは色に関する様々なツールを用意してくれているWebサービスです。 色の総合サイトのような感じです。一部の機能をご紹介。 マイパレット機能 この機能は登録が必要(当然ですけど)です。気に入った、使用したカラーをパレットに保存する事が出来ます。 ピッカー機能 基本のピッカー機能。RBGでの指定も可能で、自動で明暗のバリエーションも表示してくれます。 カラーマッチング機能 相性の良い色を自動で教えてくれます。 画像からカラー抽出 画像をアップロードし、その画像に使われているカラーを抽出します。 他にも
「Nice Sharing」は複数のウェブサイトを横に並べて比較できるサイトです。縦に並べることも可能。URLを指定すると、専用のURLが生成され、そこにアクセスすると2つのサイトを同時に表示させることができます。 サイトの比較をしたいときに便利かなと。 以下に使ってみた様子を載せておきます。 まず「Nice Sharing」にアクセスしましょう。 比較したい2つのサイトURLを入力します。 オプションでパスワード設定や、並べ方、表示配分が設定できます。「Create Link」を押すと、リンクが生成され比較ページが表示されます。 こんな感じで、横に2つのサイトを並べることができます。 縦に並べると、初めに指定したサイトの下に次のサイトが表示されます。サイドバーをみるとどういった表示の仕方になっているか分かるはずです。 2つのサイトを比較したり、合わせて表示させたいときに使えますね。 Ni
ちょっと調べ物をしたのでメモ。画像を シェア出来るソーシャルなWebサービ スです。Twitter関連(Twipicとか携帯 百景等)は諸事情により割愛していま す。画像のブックマークやストレージ サイトみたいな感じのまとめになります。 個人的なメモなので一貫性が無いんですが、誰かのお役に立てるかもと思いエントリーです。あまりに多すぎるので適当に端折っています。順不同。 tumblr 画像のPostが一番多いように思いますが、テキストなどもPostできる人気のサービス。投稿用のツールも多く、手軽でいいですよね。 tumblr pick Naverのシェアリングサービスです。使いやすかったです。iPhoneアプリもあり、画像だけでなく、地図などの投稿も可能。画像は幅が統一されるのでとても見やすい。「ピック」で共有もサクッと出来ます。 pick Flickr 定番の画像シェアリングサービス。数
文章コンテンツを買うなら「コピペタ」。高品質で低価格なロイヤリティーフリーのコンテンツや素材を多数販売しております。メルマガ制作やサイト運営などで役立つデジタルコンテンツ・モバイルコンテンツをお探しの方は是非ご利用ください。コピペタは商業利用ができて、改変も自由、別途契約ももちろん無しの低価格なロイヤリティフリーの文章販売サービスです詳しくはこちら コピペタは優良なテキスト素材を1点\400からダウンロードできるテキスト素材販売サービスです。欲しいと思ったテキスト素材を低価格で、すぐその場で購入できます。コピペタのテキスト素材は全て商用利用可能です。
Design Works - デザインワークス姉妹ブログ・DesignDevelopのデザインをリニューアルいたしました。 Designworksの新ドメインでの運用・リニューアルのご報告はさせて頂きましたが、Designworksのリニューアルとともに、姉妹ブログとして運用しているDesignDevelopのデザインも、大幅にリニューアルいたしました!!! Design Worksは、様々な商品やインスピレーションから生まれた新しいデザインを発信し、販売促進に繋げる広告やデザインを作り出しています。大幅にリニューアルしたDesign Worksでは、オンラインカジノ 日本語対応のデザインなど、オンラインの新たな分野にも活動を広げています。最新のH P新デザインとなった姉妹サイトブログのDesign Developと共に、今後もウェブデザインに関する様々な情報をお届けしていきます。 今回、
RecRec - Image to HTML WEBレイアウトの画像をアップしてドラッグ&ドロップでHTMLに変換できる「RecRec」。 サイトのレイアウトの画像をアップロードして、ブロック部を選択するだけでHTMLとCSSを出力できるWEBベースのツールです。 生成されるHTMLはdivベースのデザインになります。 簡単なものならこれで仕上げちゃうこともできそうです。 関連エントリ チュートリアルでここまでやる?というプロレベルのWEBレイアウト作成チュートリアル そのまま使えるWEBレイアウトのPhotoshopテンプレート40 スタイリッシュなWEBレイアウト作成Photoshopチュートリアル PhotoshopによるフレッシュなWEBサイトレイアウト作成チュートリアル集80
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く