How to Create a Website Using Only iPad
2013年11月28日 Webサイト制作, 便利ツール 病院の待合室で何時間も待たされ、「暇だしWebサイトでも作ろっかなー」なんて思った事はありませんか？きっとあまりないと思いますが、今年にはいっていろいろあった私はそんな機会がたくさんあったので、いくつかのiPadアプリを使って作ってみました。作ったHTMLテンプレートは無料配布しています！そうです、アレ、iPadで作ったものだったのです。ふふ。 ↑私が10年以上利用している会計ソフト！ あると便利なスタイラスペン スタイラスペンはiPadなどのタブレットで使えるペンです。iPadを使ってお絵かきしたい人は持っているとなにかと便利。カナダのボクシングデーで$5位になっていたのでノリで買ったのがこのコ。ちょっとメーカーは覚えていないのですが、よくある無難なタイプの物ですね。書き心地は悪くないのですが、ペン先が太いので、細かい字や絵は書きづ
まるでフルFlashなjavascriptを使用したWebサイト集めてみました[日本編]
Posted: 2011.05.19 / Category: WebDesign / Tag: デザイン参考 最近はjavascriptで表現できることが増え、前まではFlashでしかできなかった効果もできるようになりましたね。 ということで、マウスオーバーや画面遷移でアニメーションしてるとか、ちょっと変わったレイアウトをjavascriptやっているサイトを集めてみました。
![まるでフルFlashなjavascriptを使用したWebサイト集めてみました[日本編]](https://cdn-ak-scissors.b.st-hatena.com/image/square/2af3fd7a8f5f909f22826d83073f10812b6f854a/height=288;version=1;width=512/https%3A%2F%2Fwww.webopixel.net%2Fblog%2Fwp-content%2Fuploads%2F2011%2F05%2F110519_s.jpg){kind=tracking}
CSSセレクタの高速化の話し - Webtech Walker
続・ハイパフォーマンスWebサイトを読んでCSSセレクタの高速化の話しが面白かった（というか全然知らなくてちょっとびびった）ので紹介します。 セレクタは右から左に解釈される これは正直知らなくて、結構衝撃でした。 #foo .bar {} これはなんとなく#fooを探して、その中の.barを探している気がしてたんですけど、実は.barを探して、その親要素に#fooがあるかを探すそうです。なので特に#fooが必要なければ .bar {} と書いたほうが高速だということ。 また、以下の様に要素名で指定すると、その要素を全て探します。 #foo a {} これは一度a要素を全て探すので、できればaにclassをふって #foo .anchor {} とするほうが高速のようです。（#fooをとるとより高速） 特にユニバーサルセレクタなどは、 #foo * {} とすると、全ての要素の親要素に対して
webサイトの裏側の意識を変える事で売り上げをアップする方法
ネットショップ運営者が、あることをちょっとだけ始めてみただけでわずか5ヶ月で売り上げが3倍になりました。 はたして、webサイト運営がどのように変わったのでしょうか。 ネットショップを運営している新規クライアントから、サイトリニューアルの依頼がありました。初めてのご依頼だったので、まずはヒアリングから開始。今回のリニューアルは、サイトであまり物が売れず、□□（私が作ったサイト）のように売れるようにして欲しいとの事でした。 しかし話をよく聞くと、当初サイトを作ったときは、ただ作っただけで、特に運営方法についてはアドバイスが無かったとのこと。私はリニューアル前に1つだけある事をするようにお願いしました。その方法とは、実はサイトをいじる事ではありません。結果、売り上げが5ヶ月で3倍になりました。 実は最近、webサイトを制作する側も、データに依存しすぎて、大事な事を忘れているケースが多かったりす
クライアントからのムチャぶり迷言集
2013年3月23日 ネタ みなさんはクライアントのとの打ち合わせ中に「そんなむちゃな！」と思ったことはありませんか？私はあります。何度もあります。そんなクライアントからの迷言を集めたサイト: Clients From Hell（地獄からきたクライアント）と、こちらの記事を載せてみようと思います。 ↑私が10年以上利用している会計ソフト！ 時間とお金に関するムチャぶり 残念ながら多くの人がWebサイトは簡単に作れると思っているのが現状です。。 「今日中に100ページくらいのWebサイトを作って貰えますか？」 「会社のコンセプトを変えようと思うんだ。Webサイトを作り直すのに２日あれば充分かな？」 「ブログとショッピングカートのついた８ページくらいのサイトを作ってください！３万円で！」 「支払うお金はないんだけど、このシルクのシャツは6000円くらいするから、ほら、持っていってください。」
WebサイトのRFP（提案依頼書）作成時に必要な要素リスト｜大前創希ブログ（仮） Soki Ohmae Blog β｜Webコンサルティング・Webサイト構築のクリエイティブホープ
先日のセミナーにて、RFP（提案依頼書）作成時のチェック項目として利用していただける資料をブログで公開する、と発言していましたが。。。 申し訳ないです。。出していませんでした。 ここに貼り付けておくので自由に使って下さいませ。 RFPtable_20100205.pdf 利用許諾として、この資料を改変無くプリントや添付資料として使って頂く分には全く問題無いものとします。転載や一部抜粋にによる利用はお控え下さい。 RFP（提案依頼書）を書く際の留意点として、以下のことに注意してみて下さい。 ・提案を依頼する理由 ＞例：Webからのお申し込み数を増加したい たとえば「Webサイトリニューアル」といった漠然とした課題ではなく、その根底にある問題意識を共有できるように記述すると、より具体的な提案を得られます。 ・現状のWebサイトのアクセス状況 ＞例：PV 100万/月・UU 2万/月・申し込みC
WooRankでWebサイトを解析、得点を付けてTwitterやFacebookに投稿できます
ちょっとよさ気なWebサービスがあった のでご紹介。SEOツールになりますね。 WebサイトのURLを入力するとそのページ の様々な要素を解析、得点を付けてくれる WooRank。結果をTwitterやFaceBookに 投稿できます。 この手のWebサービスは沢山あるのですが、動作も軽量なのでちょっといいなぁと思い、ご紹介します。 WooRankの使い方は非常に簡単。調べたいURLを入力して送信するとそのページを様々な要素で解析してくれます。 ↑ Alexa rank。39,525位です。 ↑ Googleインデックス数と、人気ページ（これはあまり参考にならない） ↑ 内的SEO分析。タイトル文字数とかhタグ利用数、Flash使用の有無、フレーム使用の有無、wwwの有り無しは統一してるか、robots.txtはあるか、xml宣言してるか、などいろいろ。 ↑ 外的SEO分析。ここはDigg
人がモノを買う3つの理由と、 6つの性格パターンを知っておこう | 買いたくさせるWEBサイト文章術 | ダイヤモンド・オンライン
あなたはヒトがモノを買う購買心理について、ご存じだろうか。この部分はビジネスを行ううえで非常に重要な要素となってくるので、とくによく理解してもらいたい。 「ヒトがモノを買う3つの理由」 について知っておく そこでまずは大きなポイントとなってくる、「ヒトがモノを買う3つの理由」について、しっかり頭に叩き込んでおこう。この3要素は、Webサイトにおけるセールスコピーライティングを行ううえで、絶対に忘れてはいけないポイントとなる。 1）ヒトは、「痛みから逃れたいがため」にモノを買う たとえば、就寝中の深夜に電話がかかってきて「今から来てくれれば車を抽選で1台プレゼントします」と言われても、疲れているから行かないと断る人が多いはずだ。あくまで抽選なのだし、そんなものに当選するはずもないと。 しかし、「あなたの車が盗まれそうだ」となれば、ほとんどの人が駆けつける。 人は「失うこと」つまり痛みのほうに
BaserCMS
Webサイトを自由にカスタマイズできるCMS（コンテンツ・マネジメント・システム）です。 無料で使える国産のオープンソース・ソフトウェアとして、直感的な操作性と高いメンテナンス性、安全性を実現。 さまざまなサーバーで動作可能で、簡単にインストールできます。 固定ページやブログ、フォームをまとめて管理 メールフォームや新着ブログなどのプラグインを標準装備 国産のソフトウェアなので安心・安全のセキュリティ
High Performance Web Design ~デザインから考えるハイパフォーマンスWebサイト~ | warikiru
2009-11-24 High Performance Web Design ~デザインから考えるハイパフォーマンスWebサイト~ ラベル: performance CSS Nite in ISHIKAWAで話をしてから1ヶ月経ったので、薄れゆく記憶の復習も兼ねて思いの丈を綴ってみたｗ High Performance Web Design 1. What's High Performance?ここでいうパフォーマンスというのはWebサイトの表示高速化についてです。つまり、ページをいかに早く表示させるかという課題です。でも、そうゆうのってサーバー側の問題でしょ？システムエンジニアの管轄じゃないの？と思われがちですが「ハイパフォーマンスWebサイト」の著者であるSteve Soudersの調査によると、80:20。一般的にユーザーの待ち時間の実に80%がブラウザ側、フロントエンドで費やされて
cssのテクニックなどを学びたい時に見ておきたい12サイト
cssが苦手で嫌いなので 好きになろうと思い、勉強に なりそうなサイトを国内外で 選んで絞ってみました。 同じ思いをしている方とシェア したいと思ったので記事にします。 リファレンスサイトは今回は割愛しました。勉強するなら抑えて当たり前ですしね。国内外合わせて11サイトとおまけが1サイトあります。まずは国内サイトから。 CSS HappyLife 個人的に国内でcssといえばCSS HappyLifeさん思い出します。基本から応用まで幅広く情報を配信。 CSS HappyLife CSS-EBLOG ほぼcss中心に情報を配信してくれています。こちらもかなり勉強になるサイト。サイト自体も見やすいですし、cssで困った時には必ず訪れたいサイトです。 CSS-EBLOG CSS Lecture cssで出来るテクニックを公開してくれています。デモページを用意してくれるのが凄く嬉しい。親切で分か
ついつい長居してしまう専門的なサイト25選
仕事があるのについつい長居してしまう サイトって無いですか？何かを大量に まとめてあるサイトだったり、掘り下げたく なるような専門サイトだったり、理由は様々です。 僕も例外なく気が付いたら全然仕事してない時も あります。そんなサイトを25サイト選んでご紹介します。 中には僕にはまだ必要ないサイトもありますが、こんな専門サイトもあるよ、って事で。因みに一貫性は全くありません。ただ、「長居しちゃう」ってだけ。順不同です。 SourceForge.JP 日本語で読めるオープンソース配布サイト。ここはかなり素敵。 SourceForge.JP OpenSourceCMS オープンソースのCMSに絞った海外の配布サイト。ブログとかEC系とかやたらあります。管理画面のデモもあるのでDLする前に触れるのは嬉しい。 OpenSourceCMS Twitpaper Twitterの背景の秀逸なデザインをダウ
WEBサイト制作に必要なソフトウェア | Crownfrog
WEBサイトを制作する前に WEBサイト作りたい症候群 WEBサイト制作に必要なソフトウェア WEBメディアとしての注意点 各ブラウザでの表示チェック WEBサイト制作 WEBサイトをデザインする ユーザビリティを意識する 修正箇所が少ないWEBサイト設計 文字コードについて 画像ファイルについて 閲覧をよりスムーズにする 配色について CMYKとRGB 橙色の持つイメージ 無彩色の持つイメージ 紫色の持つイメージ 緑色の持つイメージ 色を選ぶ 色表現の問題 赤色の持つイメージ 青色の持つイメージ WEBサイトを公開する前に WEBサイトを公開するために 公開する情報について WEBサイトを公開する WEBサイトを公開する WEBサイトを更新する？ 検索サイト対策 Googleのサービス Googleを利用する問題点 ユーザ視点のSEOを意識する 検索エンジン最適化 検索サイトスパム 検索
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
かっこいいロゴのリンク集｜週刊ウェブデザイン
フリーのテクスチャが200近くある「love textures」:phpspot開発日誌