Home - Pencil Project
An open-source GUI prototyping tool that's available for ALL platforms. Pencil is built for the purpose of providing a free and open-source GUI prototyping tool that people can easily install and use to create mockups in popular desktop platforms. The latest stable version of Pencil is 3.1.1 which contains stability fixes and many new features. More details can be found in the release notes. Proje
パニック・ジャパン - Coda - Mac OS X 用 シングルウインドウ Web 構築環境
Codaは終売しました。 サポートやプラグインのご入手などはライブラリをご参照ください。 他社製のCodaはこちら。 ...まったく新しい、Macにネイティブなウェブコードエディタの誕生です!
HTML5に踏み出せない人に捧げる、HTML5を使う10の理由
HTML5、使ってますか？ このサイトも未なのですが、これからHTML5を使い始めるぞっとなる10の理由を紹介します。 Top 10 Reasons to Use HTML5 Right Now [ad#ad-2] 下記は各ポイントを意訳したものです。 10. アクセシビリティ 9. ビデオとオーディオのサポート 8. Doctype 7. よりクリアなコード 6. ストレージ 5. インタラクション 4. ゲームの開発 3. 古いブラウザのサポート 2. スマートフォンへの対応 1. これからはHTML5 10. アクセシビリティ HTML5は「セマンティック」「ARIA」の2つの理由でサイトをアクセシブルにします。header, footer, nav, section, adiseなどのような要素はスクリーンリーダーにもコンテンツに容易にアクセス可能なようにします。また要素にrole
Facebookページ作成についての覚書 | ユージック
Facebookページ作成についての覚書 2011年5月13日 マイアプリでiframeを組み込むタイプのFacebookページ作成手順を覚書として書いてみます。 マイアプリの作成からFacebookページへの組み込みまで 既ににFacebookページ（旧名称：ファンページ）は持っていると想定して、アプリ登録して組み込むまでの手順は下記のページを参考にしました。 Facebookページのデザインカスタマイズをしてみた（iframeの方ね） iframeのスクロールバーを取る方法 iframeのスクロールバーを取る方法は当ブログのFacebookページのスクロールバーを消す方法の改良版を参考にしてください。 iframeに読み込ますページについて iframeで読み込ますページについて言及しているページが少なかったので、私が作成した際に思った事を記載します。 拡張子ですが、html、phpと
情報処理推進機構：情報セキュリティ：脆弱性対策：安全なウェブサイトの作り方
「安全なウェブサイトの作り方」は、IPAが届出(*1)を受けた脆弱性関連情報を基に、届出件数の多かった脆弱性や攻撃による影響度が大きい脆弱性を取り上げ、ウェブサイト開発者や運営者が適切なセキュリティを考慮したウェブサイトを作成するための資料です。 「安全なウェブサイトの作り方」改訂第7版の内容 第1章では、「ウェブアプリケーションのセキュリティ実装」として、SQLインジェクション 、OSコマンド・インジェクション やクロスサイト・スクリプティング 等11種類の脆弱性を取り上げ、それぞれの脆弱性で発生しうる脅威や特に注意が必要なウェブサイトの特徴等を解説し、脆弱性の原因そのものをなくす根本的な解決策、攻撃による影響の低減を期待できる対策を示しています。 第2章では、「ウェブサイトの安全性向上のための取り組み」として、ウェブサーバの運用に関する対策やウェブサイトにおけるパスワードの取扱いに関す
次世代Web構築ワークフロー概要
CMSに関連する部分が変わる 今回は、次世代ワークフローを具体的に説明していきます。 まず、キノトロープがこれまでに使用してきたワークフローを以下に示します。 Phase0 与件策定 オファー内容を確認し、成果の実現がお約束できるか、何をどうするべきかをご提示します。 Phase1 戦略策定/成功予測 調査に基づいてユーザーニーズを洗い出し、何をすれば、どのような成果を出せるか、ビジネス戦略を立案します。 Phase2 戦術策定 ユーザーの満足を獲得し、成果を実現するための具体的な戦術プランおよび詳細要件を確定します。 Phase3 設計(運用設計) Webサイト構造の詳細設計、ページ設計、ビジュアルデザインなど、全ての仕様を確定します。 Phase4 制作/開発 Webサイトの開発(デザイン、システム)およびテストを行い、最終確認後、公開または納品を行います。 Phase5 更新/運用
Flux 3 on the Mac App Store
Mac App Store is the simplest way to find and download apps for your Mac.To download Flux 3 from the Mac App Store, you need a Mac with Mac OS X 10.6.6 or later. Learn More. Description Flux is an advanced HTML5 Web design application, capable of creating stunning sites from scratch. Flux isn't a template based solution, it's a creative design environment. Flux can edit existing sites, or create b
QAhub - QAhubはShapadoで構築されています。 - QAHub
QAhubはRuby on Rails製のQ&AサイトShapadoで構築されています。ここではShapadoの開発、設置に関する日本コミュニティを運営します。 CakePHP PHPの高速開発フレームワーク、CakePHPに関するQ&Aサイ... OpenSource オープンソース・ソフトウェアに関するQ&Aサイトです。ライセンス... Google Apps Q&A Google Appsを利用する上でのQ&Aを蓄積するサイトです。 jQuery Q&A JavaScriptのフレームワークjQueryを使った開発のQ... Rails Q&A Ruby on Railsを使ったシステム開発のQ&Aサイトです。 もっと見る
MacでWeb開発-(1) XAMPP for Macの環境設置
Webアプリケーションの開発＆運用環境の定番である、「Apache + PHP + MySQL」の環境を簡単に構築できるのが「XAMPP」。Windows版、Mac OS X版、Linux版がある。 ここではXAMPP for MacOS Xのインストールと起動、設定方法を紹介する。 現時点で最新版は、XAMPP for Mac OS X Ver.0.7.2。以下のソフトが含まれている（抜粋）。 Apache 2.2.8（Webサーバ） PHP 5.2.5 （アプリケーション実行環境） Perl 5.10.0 + mod_perl 2.0.3 （アプリケーション実行環境） MySQL 5.0.51 （データベースサーバ） phpMyAdmin 2.11.4 （MySQLのGUI環境） SQLite 3.4.0 （データベースサーバ） phpSQLiteAdmin 0.2 （SQLiteのG
FlashのようにHTML5アニメーションを作れる、アドビが開発中の「Edge」とは？
アドビシステムズが先週行ったイベント「Adobe MAX」で、開発中のHTML5アニメーションツール「Edge」について明らかにしました。そしてAdobe TVの「EPISODE：Preview of the Edge Prototype tool for HTML5」では、動画でより詳しくEdgeの機能について解説しています。 そこで見えてきたのは、EdgeとはFlashでタイムラインを設定するように手軽かつ本格的にHTML5のアニメーションを作るツールになるだろう、というものです。公開された動画からその機能を見ていきましょう。 レイヤごとにプロパティの設定が可能 これがEdgeの画面。上部がオブジェクトの操作ペインであり、WebKitによるプレビューも表示されます。下部にタイムラインが表示されています。画面右上にはレイヤ、右下にプロパティがあります。 これがタイムラインの部分。Acto
【レビュー】自由に使えるiPhone/iPad/Android/PC向け切り分けCSSテンプレート | エンタープライズ | マイコミジャーナル
Fantastic website design in Flintshire, North Wales from Stuff and Nonsense iPhoneやAndroid携帯といったスマートフォンからiPadのようなポータブルデバイス、従来のPCやノートPCにいたるまで、ネットワークにアクセスするデバイスの種類は多様化している。こうしたディスプレイサイズも解像度密度も異なるデバイスに対してそれぞれに適したデザインを提供するというのが、最近のWebデザイナの間で取り上げられることが多いトピックになっている。 こうしたトピックで取り上げられることが多いテクニックがCSS3のMedia Queryを使う方法だ。デバイスの解像度や密度の情報を取得して、それに応じて適用するCSSを切り替えるというもの。これまで多くのブログでこのテクニックが取り上げられ、サンプルコードとともに紹介されている
ProCSSor - Advanced CSS Prettifier
First Place For The Best Virginia Events! When it comes to events there is no where better to get your updated info. You will see a list of the current and upcoming events below. From county fair to music festivals to petting zoos, there is an amazing list of events for all ages around Virginia.' Focusing on amazing fun for the entire family! The County Fair features great events and games for all
Free Sketching & Wireframing Kit
Sketching & Wireframing kit is a free set of elements for sketching and wireframing. It consist of form elements, icons, indicators, feedback messages, tooltips, navigation elements, image placeholders, embedded videos, sliders and common ad banners. The Kit comes in two vector formats, one for Adobe Illustrator and the other in SVG vector format that can be easily modified. It can also be downloa
Webシステム開発 - 株式会社ディノ
Dinoは、 Webシステムの受託開発を通じて 常にに最先端の技術を追求し、 お客様のニーズに幅広くお応えしたいと考えています。 Dinoでは、 高い生産性を誇る PHP5用のフレームワーク symfony をいち早く取り入れ活用しています。 お客様へシステムを安心してお使いいただけるように、 品質には細心の注意をはらい、 納品前にソースコードのレビューを徹底して行っております。 この品質の高さが Dinoの特色です。 2011-07-01 事務所移転のお知らせ 2011-04-28 4月29日〜5月6日はゴールデンウィークのための休業日とさせていただきます 2011-03-14 東北地方太平洋沖地震による臨時休業のおしらせ 2010-12-17 2010年12月31日〜2011年1月3日は年末年始の休業日とさせていただきます 2010-10-08 「株式会社ユニットホスティング」を設立い
値引きはお客様への背信行為。Web屋のための値引き交渉ノウハウ | 企業ホームページ運営の心得
コンテンツは現場にあふれている。会議室で話し合うより職人を呼べ。営業マンと話をさせろ。Web 2.0だ、CGMだ、Ajaxだと騒いでいるのは「インターネット業界」だけ。中小企業の「商売用」ホームページにはそれ以前にもっともっと大切なものがある。企業ホームページの最初の一歩がわからずにボタンを掛け違えているWeb担当者に心得を授ける実践現場主義コラム。 宮脇 睦（有限会社アズモード） 心得其の百八十伍 消えた300万円不動産業界では100万円単位の値引きは当たり前で、3,980万円だった物件が1週間のうちに3,880万円となり、その翌週には3,680万円ということも珍しくありません。私も含めた周囲では、値引きなしに不動産を買った人はいません。「いまなら300万円値下げします」と耳元で囁き「落とす」ために、一般的な不動産価格にはあらかじめ「値引き分」が含まれているのです。これを「ズルイ」とはい
ブログアフィリエイトで稼ぐのに役立った「最強ツール」２７選【保存版】
検索キーワードを調べるツールまとめ キーワードを調べる決定版「Google キーワード プランナー」 Googleが運営するキーワードツールで、おおよその月間検索数や競合性が高いかどうかを調べることができます。 キーワードリストをダウンロードしておいて、そこから作る記事を考えるのが効率的。 一定の広告料を使わないと細かな数値は分かりませんが、Googleのデータを元に記事タイトルを決められるので、使ってない人は絶対使っておきましょう。 Googleキーワードプランナー キーワードの組み合わせが分かる「ラッコキーワード」 キーワードの組み合わせを探せるアドバイスツール。 Googleのキーワードプランナーほど細かなデータは分かりませんが、シンプルで使いやすいツールです。 ラッコキーワード 検索順位を調べるツールまとめ 業者も使う順位チェックツール「GRC」 他のツールだと毎回キーワードを入力
CSS3 Menu. Free CSS Menu Maker
Fancy Drop Down Menus with Pure CSS! Create responsive, mobile-friendly web menus with CSS only. Light, fast, gorgeous menus - completely code-free. FREE download More demos Overview CSS3 is changing how we build websites. Even though many of us are still reluctant to start using CSS3 due to the lack of support in some browsers, there are those out there that are moving forward and doing some amaz
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.howtogomo.com/en/
2011年、スマフォ・デスクトップ用のクロスブラウザ確認ツールのまとめ
チャットワーク（ChatWork） | ビジネスが加速するクラウド会議室
