タグ

2013年1月18日のブックマーク (17件)

  • 妻のパン屋のWebサイトを四苦HackしてIE対応した話 - give IT a try

    はじめに 昨日公開した「第一回 プログラマ向けデザイン勉強会の内容を参考にしてのパン屋のWebサイトをリニューアルしてみた」の続編を書きます。 今回は僕が苦労したIE6〜8対応のお話です。 実はIE8ユーザーの割合はIE9に次いで第2位! Mac万歳!Chrome万歳!な僕にとって、IEは「どうせ使うことないし、どうでもいいよね〜」という「心の中でサポート対象外なブラウザ」でした。 しかし、店のWebサイトのアクセス解析を見てみると、実はIE9とIE8が1位、2位を占めていることがわかりました。 よく見ると8位にはIE6がまだしぶとく生き残っています。 この結果を見ると、「うーん、こりゃ完全に無視するわけにはいかんな・・・」と考えざるを得ませんでした。 IE対応を全く考慮していないとこうなる まず最初に、IE対応を全く考慮していないと、いったいどんな表示になるか見てみましょう。 トップペ

    妻のパン屋のWebサイトを四苦HackしてIE対応した話 - give IT a try
    warriorking
    warriorking 2013/01/18
    妻のパン屋のWebサイトを四苦HackしてIE対応した話 - give IT a try
  • ブレインストーミングって知ってる? 劇的にアイデアが出るようになるミーティングのやり方

    フリーエージェントの僕も、たまーに企業に働きに行きます。 昨年の夏も、NTTグループの某社で、主にソーシャルメディア運用の手伝いをしてきました。 僕が企業へ行って真っ先にやることは、ブレインストーミングです。なぜなら、 上司「目標はフォロワー1万。そのためにキャンペーンをやろうと思うんだけど、何かいいアイデアない?」 社員A「……」 上司「Bさんはどう?」 社員B「えっと……●●なんかどうでしょうか」 上司「……ありきたりだよ。もっと斬新なやつじゃないと」 社員B「ですよね(^^;)」 (埒があかない。上司イライラ) 上司「……じゃあ、明日のミーティングまでに、一人アイデア10個、考えてきてね」 社員A、B「はい……」 (また面倒な仕事が増えて、部下たち全員うんざり) ちょっとステロタイプすぎるかもしれませんけど、企業のミーティングはこうなりがちだからです。 アイデアを出せと要求しておきな

    ブレインストーミングって知ってる? 劇的にアイデアが出るようになるミーティングのやり方
    warriorking
    warriorking 2013/01/18
    ブレインストーミングって知ってる? 劇的にアイデアが出るようになるミーティングのやり方
  • プログラミング地獄への道は“ベストプラクティス”で敷き詰められている:Rails Hub情報局:エンジニアライフ

    Ruby on RailsのメジャーバージョンアップとなるRails4のリリースが近づいて来ました。先日、日人(あるいはアジア人)として初めてRailsコアチームのコミッタとして迎え入れられた松田明氏によると、Railsの生みの親であるDavid Heinemeier Hansson氏(以下、通称のDHHを使います)は、プロジェクトをリードするという意味で活動が活発になっているそうです。 そして最近のDHHは、ブログもよく書いています。彼は歯に衣着せぬ発言でも知られています。強い主張を持った(opinionated)なフレームワークの作者らしく、DHH自身もきわめてハッキリと物を言います。攻撃的とまでは言いませんが、IT業界技術動向などでは割と何かをクソミソにけなしたりということをします。 DHHが何かをけなすときは、だいたい何らかの鋭い洞察とパンチの効いた皮肉が含まれていて、Twit

    プログラミング地獄への道は“ベストプラクティス”で敷き詰められている:Rails Hub情報局:エンジニアライフ
    warriorking
    warriorking 2013/01/18
    Rails Hub情報局: プログラミング地獄への道は“ベストプラクティス”で敷き詰められている
  • 電子書籍ストアサービスを徹底比較(後編) 

    warriorking
    warriorking 2013/01/18
    電子書籍ストアサービスを徹底比較(後編) -INTERNET Watch
  • iTunesでつくる「自分のための人生Best100曲」リストのススメ

    ※同日、「手間がかかりそう」という声があったので、意外と簡単にできるよという追記。 (わざとらしいくらい面倒そうな姿勢と声で)カウントダウンティーヴィーをごらんのみなさん、こんばんわ。raf00です。(後ろでお調子者のドラマーが満面の笑みでポーズするが気付かない) iTunesを入れた時から、「自分の人生のBEST100曲」リストを更新し続けていて、更新のたびに都度「100位落ちした曲」リストも更新するのだけど、「100位落ちリスト」の方が味わい深いのは面白いものだ。 — しの(筋トレ) (@raf00) January 17, 2013 iTunesに「自分の人生のBEST100曲」リストを作っているというtweetをしたところ、「これはいい」「やろうかな」などのリアクションが意外なほどに多く、「あれ…こういうのみんなやっていないものなの?」と思ったのでちょっと取り上げてみますよ。 (i

    iTunesでつくる「自分のための人生Best100曲」リストのススメ
    warriorking
    warriorking 2013/01/18
    iTunesでつくる「自分のための人生Best100曲」リストのススメ — 乱れなよ、そして召されなよ
  • 新しいものを制作できる予感!垂直・水平のリズムを大切にしたレイアウトを組み立てるフレームワーク -xy.css

    Documentation -xy.css Step 1: ダウンロード xy.cssを下記ページからダウンロードします。 ダウンロード -xy.css Step 2: 水平のグリッド設計 HTMLは非常にシンプルで、classなど余計なものは一切ありません。 <header></header> <article></article> <aside></aside> <footer></footer> 天地にヘッダとフッタ、コンテンツとサイドバーを2カラム水平に配置します。 header, footer { width: 100%; } article { width: 66.6667%; float: left; } aside { width: 30.769231%; float: right; } Step 3: 垂直のグリッド設計 articleとaside内に、見出しとパラグラフ

    warriorking
    warriorking 2013/01/18
    新しいものを制作できる予感!垂直・水平のリズムを大切にしたレイアウトを組み立てるフレームワーク -xy.css | コリス
  • 流行りのレスポンシブ・ウェブデザイン! よく使われるデザインパターンを集めてみた!

    流行りのレスポンシブ・ウェブデザイン! よく使われるデザインパターンを集めてみた! 2013.01.18 | この方法お勧めです! | サイト推薦! tips | WordPress | ほらみんなも! | デザイン | レスポンシブ あけましておめでとうございます! 今いる場所がシアター!Huluの動画サイトにはまり、かなり引きこもりがちなブラウンです。 超寝不足。。。やばいです。。。 今回は流行りの【レスポンシブ・ウェブデザイン】について、デザイナー目線の記事を書こうと思います。 少し前までは『レスポンシブ!?そんなんいらんわっ!!無視や!無視っ!!』って思って勉強することから逃げていました。しかしもうダメのようです… もうIT業界では、レスポンシブ・ウェブデザインは当たり前って流れがきてます。確かにアクセス解析ではPCよりスマホやタブレットからの方が多いですし。 とにかく、今回レスポ

    流行りのレスポンシブ・ウェブデザイン! よく使われるデザインパターンを集めてみた!
    warriorking
    warriorking 2013/01/18
    流行りのレスポンシブ・ウェブデザイン! よく使われるデザインパターンを集めてみた! | WP-D
  • 読みやすいコードってどんなものか考えてみた -抽象化と名前重要- - tumblr

    あらすじ 人の綺麗なコードを読みまくると自分のコードも綺麗になっていくのに、イケメンを見続けても僕の顔が良くならないのは何故なの?? 2012-11-30 19:41:20 via web 今まであまり人のコードを読む習慣というか機会というかがあまりなかったのですが、最近になって、デスクの上がヨドバシのiMac売り場みたいと(僕の中で)話題沸騰中の@mitukiiiさんのコードを読む事があり、この人がまたすごく綺麗でスタイリッシュなコードを書くわけで、その時に、綺麗なコードというのはこういう感じに書くものなのかと結構な衝撃を受けたわけです。 またこれも最近なのですが、別の機会で、なんと言いますか、1つの関数が数千行あったり、しかもその内の大部分が共通処理として括り出せるような恐らくはコピペされたであろう部分が大量に入っていたりまぁ不可解な部分の多い、言うなればイケメンを見続けた僕みたいな、

    warriorking
    warriorking 2013/01/18
    読みやすいコードってどんなものか考えてみた -抽象化と名前重要- - 馬鹿と天才は紙一重
  • ベクター素材のフリーダウンロードサイト8選【Freepikだけじゃない!】 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、デザイナーのハルエです。 イラストやパーツ、背景など、素材の作りこみが必要なときにフリーのベクター素材ってものすごく重宝しますよね。そのまま使うこともできますが、そこから自分なりのテイストに変えてデザインしちゃえばより良いものができるはず! 時間がないときなどにも凄く助かります。 今回は、高品質なベクター素材が無料でダウンロードできる厳選した8サイトをご紹介させていただきます。 独学でつまずいていませんか? Webデザインの基礎を効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGではWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。 詳細を知りたい方は、ぜひスクールの詳細をチェックしてみてください! →スクールの魅力が分かる資料はこちら!(資料請求) 高品質なベクター素材の無料ダウン

    ベクター素材のフリーダウンロードサイト8選【Freepikだけじゃない!】 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    warriorking
    warriorking 2013/01/18
    質高すぎ! ベクター素材をフリーでダウンロードできるサイトまとめ | 株式会社LIG
  • ナベタくん(仮)の選挙   ※大塚英志さんのメールの転載 - 続・はてなポイント3万を使い切るまで死なない日記

    ※HPもフェイスブックもやっていないから、という大塚英志さんからメールで送られてきた文章をそのまま転載しました。 ぼくの昔の教え子にナベタくん(仮名)、という子がいる。 十年以上か、もう少し前、ぼくが専門学校で二年ほどラノベの書き方を教えていた時の生徒だ。真面目な子だから卒業後は書店でアルバイトをしつつ小説を書いている、という近況を聞いたのは七年か八年前だ。彼らと卒業後やっていた勉強会も、ぼくが神戸の大学に行くことになって止めてしまったので、この何年か何となく音信不通になっていた。 ところが去年、ニコニコ動画の公式チャンネルで月イチのまんがの番組を公開録画で始めると、当時の教え子の姿がちらちらし出した。介護士をやっている奴や、中には誰でも知っている携帯ゲームを考案した奴もいたけど、ナベタくんは色々あって屋のバイトも辞めて、ニートというか微妙に引きこもり状態だという話で、リハビリを兼ねて(

    ナベタくん(仮)の選挙   ※大塚英志さんのメールの転載 - 続・はてなポイント3万を使い切るまで死なない日記
    warriorking
    warriorking 2013/01/18
    ナベタくん(仮)の選挙   ※大塚英志さんのメールの転載 - 続・はてなポイント3万を使い切るまで死なない日記
  • 商用利用可バックリンク不要、全296種が揃ったシンプルデザインのミニマルなアイコン素材 -Minimalist Icons

    商用利用可バックリンク不要、全296種が揃ったシンプルデザインのミニマルなアイコン素材 -Minimalist Icons

    warriorking
    warriorking 2013/01/18
    商用利用可バックリンク不要、全296種が揃ったシンプルデザインのミニマルなアイコン素材 -Minimalist Icons | コリス
  • iCloud のおかげで超絶便利になった Apple 純正のメモアプリ「黄色いメモ」(←勝手に命名)

    iCloud のおかげで超絶便利になった Apple 純正のメモアプリ「黄色いメモ」(←勝手に命名) 2013-01-16-1 [iPhone][iPad][Mac][Software][LifeHacks] オンラインでのさまざまなメモにはこれまで Simplenote をメインで使ってきた。しかし、MacBook Air を導入し、OS を Mountain Lion にアップデートすると、アップル標準のメモアプリが登場し、それが普通に使いやすいので今はその「黄色いメモ」がメインとなっている。 (↑Mac OS X Mountain Lion の黄色いメモアプリ) iCloud を設定すれば、Mac OS X (MacBook Air), iOS (iPad, iPhone), ウェブブラウザでシームレスに利用できるのでほんとにありがたい。 (↑iPhone の黄色いメモアプリ) §

    iCloud のおかげで超絶便利になった Apple 純正のメモアプリ「黄色いメモ」(←勝手に命名)
    warriorking
    warriorking 2013/01/18
    (を) iCloud のおかげで超絶便利になった Apple 純正のメモアプリ「黄色いメモ」(←勝手に命名)
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    サービス終了のお知らせ - NAVER まとめ
    warriorking
    warriorking 2013/01/18
    webデザイン初心者が独学に役立つサイトまとめ - NAVER まとめ
  • jQuery公式プラグイン・レジストリが公開。GitHubと連携など、今風の仕組みに惚れ惚れ

    白石 俊平 ニュース jquery 0 Comment 2013年1月17日、jQuery「公式」のプラグイン・レジストリ(プラグインの集積場)が公開されました! URLはこちらになります。 http://plugins.jquery.com/ このプラグイン・レジストリの目的は、従来のプラグインサイトでは解決できなかった、「断片化」と「配布」の問題を解決することだそうです。 「断片化」・・・「jQuery プラグインがWeb上の至る所にあり、探すのが面倒」という、現在の状況 「配布」・・・作成したプラグインを配布するためのサイト作成や宣伝に手間がかかる、従来のプラグインサイトでは登録が面倒だった 新しいプラグイン・レジストリは、GitHubと連携することを前提として、こうした問題をエレガントに解決し、従来のプラグインサイトを完全に置き換えるものです。 開発者にとっては、プラグインを公開

    warriorking
    warriorking 2013/01/18
    jQuery公式プラグイン・レジストリが公開。GitHubと連携など、今風の仕組みに惚れ惚れ
  • 昭和59年 宮崎駿とヱヴァンゲリヲン庵野秀明のナウシカ愛 | 特集 - 文藝春秋WEB

    『もののけ姫』『崖の上のポニョ』などで、アニメ映画を世界に誇る日文化にまで押し上げた宮崎駿。『ヱヴァンゲリヲン新劇場版』シリーズでヒットを飛ばしつづける庵野秀明。日のアニメ界を代表する二人の師弟関係、ライバル関係をプロデューサー・鈴木敏夫が語る。 宮さん(宮崎駿)と庵野、二人が出会ったのは『風の谷のナウシカ』(一九八四年公開)の製作現場でした。いま思えば『ナウシカ』は宮崎駿監督の名を一般に広め、アニメ映画の位置づけを変えた作品でした。僕が初めて企画、原作からアニメ映画に関わった作品でもあります。当時の制作会社トップクラフトはスタジオジブリの前身です。 公開が五カ月後に迫った八三年秋頃、制作が遅れて「非常事態宣言」が出されていました。そのとき阿佐ヶ谷の宮さんの仕事場に現れたのが、大阪芸術大学をやめたばかりの庵野秀明でした。 自分が制作したアニメの原画を持参した彼は、まるで武者修行中の道場

    warriorking
    warriorking 2013/01/18
    昭和59年 宮崎駿とヱヴァンゲリヲン庵野秀明のナウシカ愛 | 特集 - 文藝春秋WEB
  • エンジニアだからなんとか - naoyaのはてなダイアリー

    昔から「エンジニアは営業が苦手」とか「エンジニアはデザインが苦手」とか、あるいは「エンジニアはコミュニケーションが苦手」というような言われ方が嫌いだった。 実際、営業が苦手なエンジニアというのはいると思う。でもそれはエンジニアだから苦手なのではなくて、単にその人が営業が苦手なだけだ。同じように、デザインに関してもコミュニケーションに関してもそうだ。 おおまかにそういう傾向があるということまでは否定はしない。例えばプログラミングのカンファレンスに行くとそこでは男性率が非常に高いし、全体としては、まあなんというかリア充とはちょっと違う雰囲気を醸し出している・・・というようなところがあってそれは誰もが感じることだろう。集団を集めて一般化してみるとそういう何かしらの傾向が現れる、ということまでは否定はしない。 でもやっぱり、その「エンジニアだから○○」という型にはめたような話を自分自身にあてがって

    エンジニアだからなんとか - naoyaのはてなダイアリー
    warriorking
    warriorking 2013/01/18
    エンジニアだからなんとか - naoyaのはてなダイアリー
  • 遠藤保仁に学ぶ、上司の指示を無視する方法

    ほどほどにしか従わない サッカー選手にとって、上司である監督からの「指示」と、プレーヤーとしての「自己主張」に、どう折り合いをつけるかは最も悩ましい問題のひとつだ。 自分が希望しないポジションを与えられて反発してしまう「問題児」もいれば、逆に指示を聞き入れすぎて自分のよさを出せない「型にはまった優等生」もいる。 しかし、サッカー界には飄々と、ひっそりと、監督と衝突することなく、絶妙のバランスで「指示」と「嗜好」を両立させている選手がいる。 日本代表の遠藤保仁(ガンバ大阪)だ。 1月28日に33歳になる遠藤は、ザッケローニ監督率いる日本代表の最年長選手だ。2006年W杯では出番を与えられずベンチで悔しい思いをしたが、10年W杯ではボランチとしてすべての試合に先発した。同世代の小野伸二や稲潤一が代表からフェードアウトする中、遠藤は卓越した技術と試合を読む目でいまだに代表の中心に居続けている。

    遠藤保仁に学ぶ、上司の指示を無視する方法
    warriorking
    warriorking 2013/01/18
    遠藤保仁に学ぶ、上司の指示を無視する方法 | サッカー界に学ぶ処世術 | 東洋経済オンライン | 新世代リーダーのためのビジネスサイト