いまからでも遅くない！ ケータイデザインの基礎固め
いまからでも遅くない！ ケータイデザインの基礎固め：一撃デザインの種明かし（6）（1/2 ページ） 普段はPCサイトを作っているけど、ケータイサイトに興味が出始めた人向けの、初めてケータイのデザインハウツーです。日々変化するケータイデザインの基礎の基礎をご紹介 ケータイ機種のスペックが上がりデザイン表現の幅は広がっていますが、PCサイトに比べまだまだ容量やスタイル、キャリア対応などさまざまな制限があるのも確かです。 今回は、普段PCサイトを作っているけど、ケータイサイトに興味が出始めた人、初めてケータイのデザインに触れる人のための基礎固めとして、日々変化するケータイデザインの基礎の基礎をご紹介したいと思います。 誰でも最初は初心者だった！ ケータイデザインの基礎の基礎 ケータイの画面サイズを考える！ 一般的な画面サイズはQVGA（縦320px×横240px）ですが、最近ではQVGAワイド（
知っておきたい使えるCSSテクニック25 – creamu
Web Developer plusで、知っておきたい使えるCSSテクニックが紹介されています。 いくつかご紹介しますね。 ・テキストハイライト時の色を変更する SafariやFirefoxでテキストを選択した時の色を変更できる。コードサンプルは以下 ::selection{ /* Safari and Opera */ background:#c3effd; color:#000; } ::-moz-selection{ /* Firefox */ background:#c3effd; color:#000; } ・プリント時にページを指定箇所で分割する 以下のクラスを指定することで印刷時のページを分割できる .page-break{ page-break-before:always; } ・テキストの代わりに画像を表示する よく見られるSEOテクニック。ユーザーには画像を見せ、検索エ
jQueryを使い始めたときに感じる13の疑問 : tech.kayac.com - KAYAC engineers' blog
来週は私が夏休みなので更新はない予定です。agoです。 最近、人にjQueryを解説する機会があったので、昔を思い出してjQueryを使い始めた頃に感じる疑問を書いてみたいと思います。 1 そもそも何で使うの？いまでも困ってないよ 作成する内容にもよりますが、慣れると使用しない場合に比べて記述するコード量が3分の1程度まで減ります。 また、変数、条件分岐、繰り返しが減るのでバグが発生しにくくなります。 2 何か特殊なことができる？ 結局できることは変わりません。 jQuery自体JSで書かれてますし、記述の自由度もJSの制約に制限されます。 3 何が難しいの？ 文法がややjQuery的になります。 参考 jQuery言語入門 jQuery自体のコード量は少ないのですが、独特の記述法が多く慣れるまで多少時間がかかるかもしれません。 また、CSS Selectorの知識はほぼ必須です。 特にマ
ウェブデザインの幅をひろげる20のキーワード | コリス
20 Vital Techniques & Best Practices For Effective Web Design 下記、各エッセンスの簡単な説明とワンポイントとサイトの紹介です。noupeのサイトでは他にも多くのサイトが紹介されています。 1. ビビッド カラー 2. グラデーションとライトのエフェクト 3. 透過 4. グランジ 5. 手書き風のデザイン 6. 押さえた色味 7. 水彩画のエフェクト 8. ネイチャー系のエレメント 9. 写実的でリアルな背景 10. 特大のタイポグラフィ 11. デコラティブなタイポグラフィ 12. 大胆な背景 13. レトロやヴィンテージのエレメント 14. アイキャッチなヘッダ 15. コラージュしたエレメント 16. テクスチャを使った背景 17. タブ型のナビゲーション 18. ブラックとホワイト 19. 水平方向のスクロール 20.
ウェブリブログ：サービスは終了しました。
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
[twitter] フォロー一覧ページをもっと見やすくする方法 | 株式会社オルタ
twitterを利用するにあたって、フォローの管理を少しだけ楽にするグリモンを配布いたします。 もともと私が、個人的に使っていたグリモンを公開してみようと思います。 どうして、こんなグリモンを使っているのかというと、フォロー返しの時に、デフォルトではちょっと見づらかったからです。 例えば・・・ せっかくフォロー頂いていても、最後に投稿したのが数ヶ月前だと、最近は使っていないのかな？と思って、フォロー返しはしなかったり、英語でしか投稿していない人からフォローがあったりなんかすると、私は読めないので、フォロー返しはしなかったり。 むやみやたらにフォロー返しをしていると私のタイムラインが大変になるので、少しだけの脳内フィルターを付けています。 基本的には、日本語で最近の発言がある方からのフォローであれば、フォローするようにしています。 twitterでフォロー一覧ページをもっと見やすくするグリモ
![[twitter] フォロー一覧ページをもっと見やすくする方法 | 株式会社オルタ](https://cdn-ak-scissors.b.st-hatena.com/image/square/69cd77d3caafb4f7eb06ef9a710f1983fc329a02/height=288;version=1;width=512/https%3A%2F%2Faulta.co.jp%2Fwp-content%2Fuploads%2F2020%2F10%2Faulta_a_1200x630.png)
HTML5のimg要素のalt属性の仕様は読んでおくべきだと思う。
読んでおくべき。で終わってるタイトルが、自分っぽくなくて違和感有り有りだったの何となく変更。 都道府県選択するやつ。がもしかしたら一日辺りの過去最高のアクセスを稼いだかも知れないという現実。 7月16日のアクセスが17,000PVオーバーって何だ・・・おかしいな、ウチはCSSネタが主力なのに・・・あぁ複雑。 本題ですが、HTML5のimg要素のalt属性に関する仕様がすごい事になってますね。 ちょっと読んでて泣きそうになるくらい事細かに書かれています。 これは、コーディングを生業としている人間なら覚えていなければならないと思うので、必読すべき内容です。 4.8.2.1 Requirements for providing text to act as an alternative for images 4.8.2.1 イメージの代替として作用するテキストを提供するための要件 ざっくりまとめ
広告β:課金の心理面を考える
買い物に関する調査をどこかで見たことがある。買い物におけるストレスというもの。そこで自分が驚いたのは、レジがストレスになっているということだった。もちろん、レジに並ぶのは面倒だし、待つのでストレスだ。しかしストレスはそこにだけあるのではない。「お金を払う」という行為がストレスなのだ。持ち金が減るからストレスなのだという話ではない。 お金を払うことの意味が、だんだん重くなっていると思う。というのも、選択やら検討はどんどん自由度が高まる分だけ、それを一気に収束させる「支払い」の持つ意味が大きくなるからだ。多くの商品が「選び得て」、大きな流行がなくなり「個人の自由に判断できる」ようになれば、それだけそれを「終わりにする」ことの意味が大きくなる。選択肢が多くなるほど、人は判断を保留させがちだという話も聞いたことがある。それは、決めることの意味が大きくなってしまうからだ。大きなダムの出水口には、大
[人柱]教えて君ネットがWinXP超速起動になるって言うからやってみたら本当に高速起動した*ホームページを作る人のネタ帳
超速起動は言いすぎだろコノヤロー と、心の中で思ったが、どれどれやってみようかなぁとｗ コメント見る限りだと、まだ人柱が居なくてちょっと怖かったので、人柱を待ってた。が、なんかこう、みんな牽制しあってるような感じでもう面倒なのでさくっと試してみた。 結果は・・・。 とりあえず高速化に大成功！ Windowsの起動時間をまず測定。 最初は４分５４秒だった。 追記 Windowsが立ち上がり、砂時計が消えるまで。 Googleデスクトップ→dropbox→IPメッセンジャー→AVGが起動するまでの時間。 そして今回の高速化を断行した結果・・・。 起動時間が２分３２秒になった！！！ 多分余計なものが沢山入ってたのが原因なんだけど、なかなかのWindows高速化！ XP自体は既に１年目の選手。 色々と途中改造してるからアレだけど余計なものがとにかく多かったなぁ。 というわけでレッツレポート。 今回
![[人柱]教えて君ネットがWinXP超速起動になるって言うからやってみたら本当に高速起動した*ホームページを作る人のネタ帳](https://cdn-ak-scissors.b.st-hatena.com/image/square/3de7f5be0dd73efe92f9fcdcf112c5e0d03cb894/height=288;version=1;width=512/https%3A%2F%2Fblog-imgs-34.fc2.com%2Fe%2F0%2F1%2Fe0166%2F200908070006.jpg)
XPのスタートアップの順番を整理して超速起動にする | 教えて君.net
XPは起動時に、「スタートアップ」と呼ばれる常駐ツールなどのプログラムを自動的に実行する。スタートアップは大量にあると負荷がかかってパソコンの起動が遅くなる。また数が少なくても起動作業が同時に行われるため処理が追いつかず、起動が遅くなってしまうことが多い。 スムーズに起動するためにスタートアップを整理しよう。まずは「スタートアップチェッカー」を利用し不要なスタートアップを無効にする。メーカー製のパソコンなどでは無意味な広告表示ツールなどがスタートアップに登録されていることがあるので削除するといい。 続いて「遅刻指導」を使い、プログラムを起動する順番などを設定する。CPU使用率によって、次のプログラム起動するまでの待ち時間を設定できるのが便利だ。遅刻指導で操作できないレジストリに登録されたシステムツールは「StartupDelayer」を使えば設定できる。 ■ スタートアップの起動順序を指定
XPの無駄なサービスを止めて見違えるように高速化 | 教えて君.net
XPはユーザーの目に触れないバックグラウンドで「サービス」と呼ばれるプログラムを多数実行している。サービスはネットに接続したりフォルダを開いたりするために欠かせない、XPの根幹に関わるものが多い。しかし中にはあまり重要でないサービスがいくつかある。 不要なサービスを停止するとXPの起動が速くなりメモリの空き容量が増やせるぞ。サービスの停止はXPの管理メニューから行えるが、一歩間違うとパソコンに大きなダメージを与えることがある。「デーモンバスター」を使おう。比較的安全なサービスだけをリストアップして手軽に無効化できる。どれを止めたらいいのか分からないという人はぜひ使ってみよう。 ■ 安全にサービスを無効化できる デーモンバスターを起動する。「バックアップファイルの作成」をクリックして元に戻せるようにしておく 「サービスの説明」「サービスを停止/無効にしても良い場合」を読みながら無効にするサー
頭のよさがすべてではない。成功者がもっている特質「Grit」とは何か？ | Lifehacking.jp
Grit とは「不屈の精神」「気骨」などと訳される言葉ですが、Clutter と同様、擬音語でもあります。困難を前にして歯ぎしりをしている、あのギシギシという音です。 Boston.com の記事によれば、この Grit が、今心理学者の間で子供の成長と成功を導く一つのバロメーターとして注目されているそうです。 ふつう成功は能力、つまり「知能」や「才能」に依存していると考えられがちですが、知能が高いからといって必ず成功するわけではないことはすでに Malcolm Gladwell の Outliers で説明された通りです。 ではどうしてある人は 10000 時間の練習に耐えられるのに、途中で投げ出してしまう人がいるのでしょうか？ Malcolm GladWell がいうように環境に左右される部分ももちろんあるでしょう。しかし個人の中に挑戦的な課題を「やり抜く力」があるというのが Grit
CSSの実装状況で変わるボックスのデザイン方法
Web制作において、対応しなくてはいけないブラウザの中には、未だしぶとくIE6が残っています。IE6が2001年に登場したことを考えると、もう8年もその時代の「縛り」を(健気に)守りながら作っていることになるんですね。 いま良く使われているCSSのテクニックも、ほとんどはこの「縛り」の範囲内で有効な手法なわけですから、突然2001年にタイムスリップしてサイトを作る事になったとしても、今も昔も変わらない１つの古文書に従えばいいので、きっと活躍できます。 しかしたまらん、流石に疲れた。 ボックスひとつができること CSSでは、文書を構成する各要素は、ボックスという矩形領域に置きかえられ、それらの持つプロパティを操作して装飾します。つまり、ボックスはページデザインを構成する最小単位と言えるわけですね。 そこで今回は、最小単位となる1つのボックスに対して、どのような装飾手法が有効かという点を、CS
アーロンチェアって実は安い？
ウチは仕事用にアーロンチェアという椅子を使ってます。買ったのは7年以上前で、「サラリーマン辞める」と決めた時に、副業でもらったお金をえいと突っ込んで買いました。 とても座り心地がよくて、あまりに座り心地いいもんだから、「わざわざ2時間かけて通勤してきてやっすい椅子に座って腰が痛いとか言いながら仕事してる毎日がバカバカしい」となってますますサラリーマンに嫌気がさしちゃったりしたのも懐かしい話。 当時、なぜこの椅子を買ったかというと、先輩ライターの方から「フリーは体が資本だよ」「特に腰痛には気をつけて、椅子には金かけた方がいいよ」というアドバイスをもらってたから。それで、当時見た目で惚れに惚れまくってたアーロンチェアにお金を突っ込む言い訳ができて見事購入と相成ったわけ。 さすがに7年も経つとアチコチガタがきていて、座面や背のメッシュはへたって座り心地悪いし、なんか座面下からポロポロスポンジ落ち
Twitterのトップページで変わったのはデザインだけじゃない
トップページって呼ぶのかな。よく知りませんが、 ログインする前というかログアウトした後というかに出る画面。 昨日まではこうだったのが 今日からこうなってる。 だいぶ雰囲気変わりましたね。 ところで今回変わったのは見栄えだけじゃない。 もっと大きいところが変わってる。 以前はトップページにこんな説明文が書かれていた。 Twitter is a service for friends, family, and co–workers to communicate and stay connected through the exchange of quick, frequent answers to one simple question: What are you doing? Twitterは「いまなにしてる？」という質問に短い文章で答えることによって、友だちや家族、職場の同僚とつながり合う
[CSS]ネガティブマージンの理解を深め、活用するテクニック集
スタイルシートのmarginで使用する「ネガティブマージン（マイナスマージン）」について理解しておくべきこと、ネガティブマージンを使用したテクニックなどをSmashing Magazineから紹介します。 The Definitive Guide to Using Negative Margins 1. ネガティブマージンの理解 2. ネガティブマージンの使い方 3. ネガティブマージンのテクニック集 4. ネガティブマージンのバグフィックス 5. 終わりに 1. ネガティブマージンの理解 スタイルシートを使用する際、必ずといっていいほどマージンを使用するでしょう。しかし、ネガティブマージンになると意見は分かれ、それは悪魔の仕事であると考える人たちもいます。 ネガティブマージンをは、例えばこういうのです。
知り合いが動画投稿サイトを運営しています。…
知り合いが動画投稿サイトを運営しています。 結構、アクセスはあるらしいのですが、一向に黒字になりません。 なにかいいアドバイスがあれば教えてください。
携帯電話向けWebアプリのセッション管理はどうなっているか - ockeghem's blog
最近購入したPHP×携帯サイト 実践アプリケーション集を読んでいて妙な感じがしたので、この感覚はなんだろうと思っていたら、その理由に気づいた。本書に出てくるアプリケーションは、PHPのセッション管理機構を使っていないのだ。そんな馬鹿なと思ったが、目次にも索引にも「セッション」や「session」という語は出てこない。サンプルプログラムのCD-ROM上で session を検索しても出てこないので、セッションはどこでも使っていないのだろう。 そうは言っても、本書にはブログやSNSなど認証が必要なアプリケーションも登場する。本書で採用している認証方式はこうだ。 携帯電話の個体識別番号を用いた、いわゆる「かんたんログイン」のみを使う 認証状態をセッション管理機構で維持しない。全てのページで毎回認証する そのため、「iモードID」など、ユーザに確認せずに自動的に送信されるIDを用いる つまり、全て
「圧縮新聞」を作った - phaの日記
僕は昔からロボットがロボットなりに変な文章を生成して喋ったりする人工無脳とかそういう仕組みが好きで、最近はそのへんの仕組みを勉強していました。それで大体仕組みの基本はわかったので簡単なスクリプトを書いてみたよ。 圧縮新聞 このスクリプトはウェブ上にある新聞社とかのニュースの文章を元にして、バラバラにして圧縮してまとめた文章を作るので、ざっと眺めるだけでその日起こった事件の全体が何となくわかるかもしれません。リロードするたび文章は変わります。 生成例 しょうゆ・みそ業界大手のＮＯＶＡ（大阪市）が入った郵便小包は、北朝鮮の鉄道網を連結する計画だったらしいことが２１日、わかった。タンクに灯油を補給した。検案の結果、財政難などをほとんど与えずに６者協議の外相会議の早期再開に期待を表明した国と製薬会社に賠償を求めた。その後、死亡した。 しくみ こういった人工無脳みたいな文章生成をするには形態素解析と
マルコフモデルを使った人工無能の作り方 - Hacking My Way 〜 itogのhack日記
2014/12/13 追記 このブログで参考にしていた絶版本の復刻版が出たようです。 追記ここまで 先日、チャットボットを作りました。 「恋するプログラム」という本を参考にしたのですが、この本、既に絶版になっていて、Amazonのマーケットプレイスではなんと定価の3倍以上の値段で売られています！ うーん、これだと手が出ない、けど内容知りたい、、という方のためにクラス図を描きました。本書には設計図がかかれてなかったので、持ってる人も確認する意味での役には立つかも知れませんし、Rubyは書けないよ！という方の参考にもなるかと思います。 本書で紹介している人工無能の最終形はこんな感じです。 Nobyというのが人工無能のキャラクター、Unmoが人工知能のメインクラスです。Emotionは感情のモデル、Responderが返答内容を作るクラスで、DictionaryやMorph、Guguluなどを参
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
