タグ

2012年5月8日のブックマーク (14件)

  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと

    昨年2011年10月に仕事で運営に携わっている大学ウェブサイトでレスポンシブWebデザイン (しかもフル可変グリッドレイアウト) を導入して、はや半年。約6ヶ月間、レスポンシブWebデザイン(RWD)で制作したウェブサイトを運営してみて思ったことをまとめてみました。これからレスポンシブWebデザインを導入したいと考えている方の参考になれば幸いです。 プロジェクトの概要 大学のウェブサイトをリニューアルするにあたり、さまざまな状況や制限などを考慮、また、今後3〜5年を見据えて、レスポンシブWebデザインを取り入れた制作を行いました。大学公式ブログでもリニューアルについて紹介しているので、ぜひそちらもご覧ください。そこで書いたように、以下のような思いもあり、このリニューアルを行いました: 今回、新しい試みを行った背景には、このウェブサイトが「大学のウェブサイト」であることが大きな要因の一つとし

    レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと
  • 実装までにする7つの企画作業 - ゆーすけべー日記

    メルマガ「ゆーすけべーラジオ」にてWebサービス/アプリをつくるにあたっての僕なりのエッセイを連載中です。先週は実装前に行う企画作業についてまとめてみたのですが、評判がいいので、折角ですしBlogで公開させていただきます。特に複数名でのものづくりに参考にしてみてください! 何度か述べている通り、Webサービスにおいて「何を」つくるかは最も重要なことであり、いくら崇高な技術を持っていても「何を」つくるかによって、その技術が生きるか死ぬかが決まってきます。何をつくるかをしっかり決めることにより、実際に番用のコードを書く実装の段階にも確信が持てますし、リリースした際のフィードバックも活きてくるでしょう。世の中でよく使われているサービスやアプリを見るとアイデアに富んだ今まで無かったと言われるような「何」がしっかりとしたものが多いと思います。 こうしたサービスの企画をつくるに当たっては各自の流儀に

    実装までにする7つの企画作業 - ゆーすけべー日記
  • Adobe - CS5.5 Master Collection

    Tap the power of generative AI in Creative Cloud. From images, graphics, and videos to social posts, PDFs, and more, make anything you can imagine with 20+ apps in the All Apps plan plus generative AI tools powered by Adobe Firefly. Free trial See all plans

    Adobe - CS5.5 Master Collection
    web_designer
    web_designer 2012/05/08
    ダウンロードにどれくらい時間かかるんだろ(恐る恐る)
  • ゴールデンウイーク中に何か作りたくなるエントリーまとめ | モノづくりブログ 株式会社8bitのスタッフブログです

    株式会社8bitのスタッフブログです。ゴールデンウイークがやってまいりました。 5/1、2を休めば結構大型連休になりますね。 ゴールデンウイークに何か作りたいな、なんて思っている方もいらっしゃるのではないでしょうか? 私も何か作るか、社内で使っている自分用の経理システムをもうちょっとバージョンアップしようかななんて思ってます。 でも、平日にやろうと思ってても 、いざ休日に入ると意外とだらだらして出来なかったりするんですよね。 そこでゴールデンウイークにモノづくりのモチベーションをアップする記事をピックアップしてみました。 少人数で始めて、いまやメジャーなサービスなんていう話を読んだりすると異常にモチベーションが上がるのは私だけでしょうか? 何か作りたい!と思っている方はまずは、人の記事でやる気を起こしてみてはいかがしょうか? ヒットの舞台裏を探れ! インスタグラム(Inst

  • アドビ、オープンソースのHTMLエディタ「Brackets」を公開。まだまだ開発中

    アドビがオープンソースとして公開している「Brackets」は、HTML5とJavaScriptで作られたHTMLエディタです。アドビ自身はBracketsについてブログやプレスリリースでのアナウンスは何もしておらず、Github上にAdobeのコードとしてひっそりと公開されています。 アドビには統合的なWeb開発環境として確固たる地位を持つDreamweaverがありますが、Bracketsの画面を見るかぎり、目指すものはDreamweaverを置き換えるようなものではなく、もっと直感的で軽くシンプルなHTML/CSS/JavaScriptエディタを実現しようとしているように見えます。 Bracketsはまだ開発が始まったばかりで、それほど多くの機能が実装されているわけではありません(実際に起動してみましたが、短時間では使い方もよく分かりませんでしたし……)。今後もう少し機能が追加されて

    アドビ、オープンソースのHTMLエディタ「Brackets」を公開。まだまだ開発中
  • はじめてのスマートフォンサイト制作「基礎知識や開発環境の準備編」

    今までスマホサイトを制作したことが無いので、サイト設計から基礎知識、デザインの知識など一から全て勉強していきますので、その点についてまとめて行きます。 用語整理 まず初めてに新しい用語などについて整理していきます。用語については自信ある方はこの項目は飛ばして下さい。 「スマホ」と「スマフォ」どっちが一般的なのか 今まで「スマホ」だと思っていたのですが、最近「スマフォ」と呼称する人を見かけるようになりました。確かに「スマートフォン」を略すなら「スマフォ」の方が正しそうな気がしますが、Google で調べた所検索ボリュームの数が「スマホ」の方が圧倒的に多いので、私は略す場合は「スマホ」で通していくことにします。 フィーチャーフォン (ガラパゴスケータイ) 日独自の進化を遂げた携帯をガラパゴス携帯、略してガラケーと呼びます。個人的にはガラケーという言葉を使っていたのですが、ガラケーではなく「フ

  • はじめてのスマートフォンサイト制作「jQuery Mobile を使った制作編」

    前回の基礎知識や開発環境の準備編で、基的な勉強や開発環境は揃えましたので、記事では具体的な制作に入っていきます。 どんな風に作るのか ハイクオリティで広範囲のプラットフォームに対応したスマートフォンサイトを作りあげるにあたって jQuery Mobile を使用していきます。また URL は統一して(スマホサイトを別 URL で作成せず)スマホアクセス時にスマホ用の出力に最適化します。そのため、サイトの構造に変更は加えませんが、全てのページにおいてスマホ用のレイアウトを出力できるように変更を加えていきます。 jQeury Mobile について スマホサイトの作成に jQuery Mobile について学んでいきます。今まで jQuery Mobile を使用したことがありませんので、今回一から全て勉強しました。といっても、基的なことは全て下記サイトにありますので、jQuery Mo

  • 日記 | ヨモツネット

    blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTMLSVG 混在でき

  • 杣工房「ミニククサキット」・工作セット | 杣工房日記

    その他桜、ミズメもありますが欠品中です。 工作セットについて 木工は道具が肝心なのですが、道具の手入れの面倒さゆえ、木工をすることに躊躇してしまうケースが多いです。そこで簡単な工作セットを用意しました。 使い方は過去記事に詳しいです、ご参照下さい。 お客様の制作例を少し。 まずはブログ「山より道具』ご主人URGさんの作。 URGさんはほとんどプロな方なので、御自身の切り出し小刀を見事に砥ぎ上げ、削り上げて居られる。仕上にクルミ油を塗られた由。

    杣工房「ミニククサキット」・工作セット | 杣工房日記
  • とんでもなく参考になりすぎるEvernote使用例 6 〜ノート総数3500 @delaymaniaの全ノートブック晒し&”肩の力を抜いた”Evernote整理術〜

    とんでもなく参考になりすぎるEvernote使用例 6 〜ノート総数3500 @delaymaniaの全ノートブック晒し&”肩の力を抜いた”Evernote整理術〜 OZPAの表4をご覧のみなさん、はじめまして。 ブログ「delaymania」を主宰しております、@delaymania と申します。 「アマオト」というバンドのギタリストをやってまして、その傍らでWEBデザイン仕事、そしてiPhone,iPadアプリの開発をやってます。 先日、尊敬するブロガーの@OZPA 君から「You寄稿しちゃいなよ」と言っていただきました。 OZPAの表4は以前から目標とするブログでして、そのブログに寄稿させていただけるとは夢のようです。 というわけで、めんどくさがりな僕の適当なEvernoteの使い方をご紹介します。 ノートブック整理は肩の力を抜いて適当にやる まず僕のノートブックをご紹介します。

    とんでもなく参考になりすぎるEvernote使用例 6 〜ノート総数3500 @delaymaniaの全ノートブック晒し&”肩の力を抜いた”Evernote整理術〜
  • iOSアプリがAndroidよりクールな理由

  • Mac OSXで使える起動するだけのPostgreSQL·Postgres.app MOONGIFT

    Postgres.appは起動するだけで使えるポータブルなPostgreSQLサーバです。 最近はWebシステムとの連携DBMySQLに奪われつつあるPostgreSQL。もっと手軽に使えるようになれば、ということで開発されたのがPostgres.appです。 起動するとメニューバーに常駐します。この状態でPostgreSQLサーバは既に起動しています。 Postgres.appは単体アプリで起動すればPostgreSQLが使えるようになります。アンインストールもアプリケーションを削除すれば良いだけです。とても簡単に使えるので開発に利用してみようと思えるかもしれません。 Postgres.appはMac OSX用のオープンソース・ソフトウェア(The PostgreSQL License)です。 MOONGIFTはこう見る プログラマーであったとしても環境を整えるのに時間がかかるとやる気

  • ソーシャルサービスでシェアやいいねをしたコンテンツを全て閲覧できる「Jolicloud Me」が便利|男子ハック

    Webサービスソーシャルサービスでシェアやいいねをしたコンテンツを全て閲覧できる「Jolicloud Me」が便利2012年5月7日110 男子ハックをご覧の皆様、初めまして。@cbrzeroと申します。自分が今までどんなものをシェアやいいねしてきたか覚えていますか?たまに振り返ってみると面白い発見もあります。今回は様々なソーシャルサービスでのシェアなどしたコンテンツを図書館のように保管してくれるパーソナルクラウドサービスを男子ハック読者の皆様へご紹介します。 写真、リンク、動画などあらゆる物を保管Jolicloud Meでは、Instagramでいいねした写真からTwitterでシェアしたSlide Shareなどのドキュメントファイルまでありとあらゆるコンテンツを保管します。 年月を指定して閲覧ができる一覧ページの上部には年と月があり、見たい年月をクリックすると絞り込み表示できます。

    ソーシャルサービスでシェアやいいねをしたコンテンツを全て閲覧できる「Jolicloud Me」が便利|男子ハック