xmurayamaxのブックマーク (79)

  • 初めてのプログラミング体験まとめ(Ruby on Rails編):小鳥ピヨピヨ(a cheeping little bird)

    startmac 生まれてはじめて、プログラミングなるものしてみんとて。 いやー、Webディレクターをしていると、ちょっとでいいから自分でプログラミングができるといいなと思いはじめるんですよねー。 でもあまりにも敷居が高くて、なかなか手を出せず、そしてどんどん月日は流れていくばかり。 で、このたびStart Macに当選してMacBookをもらったとき、これを機に、 「今度こそ、絶対に、何が何でもプログラミングを学ぼう」 と思ったんですよね。ほら、MacってベースがUNIXだから、なんとなくプログラミングとかもやりやすそうな気もするし。 なので、今回はちょっと気合を入れて、先生を見つけて、時間をとって、とうとうやってしまいました。 プログラミング童貞を捧げる相手は、「Ruby on Rails」。とても簡単にプログラミングができると話題のフレームワークです。 Rubyというプログラミング言

    初めてのプログラミング体験まとめ(Ruby on Rails編):小鳥ピヨピヨ(a cheeping little bird)
  • 泣けるほど簡単!おしゃれなサイトができるWEBサービス10選

    作成:2012/12/25 更新:2014/11/01 Webサービス > ちょこちょこっと触っただけで、プロっぽいサイトが無料で作れる 今回はブログじゃないサイトをドラッグ&ドロップで簡単に作成出来る2012年までに話題となったサービスを用途ごとにまとめました。 使い方をどこよりも詳しく解説してあるサイトのURLもつけてます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 1.まとめサイトを作る 2.ネットショップを作る 3.ホームページを作る 4.ポートフォリオサイトを作る 5.おしゃれなECサイトを作る 6.全部入り企業サイトを作る 7.コーポレートサイトを作る 8.レスポンシブ対応サイトを作る 9.HTML5サイトを作る 10.ビジネス用無料WordPressテーマ - レスポンシブ対応 11.デザイナー向けポートフォリオページ 12.ブートストラッ

    泣けるほど簡単!おしゃれなサイトができるWEBサービス10選
  • broaderimpacts.info is Expired or Suspended.

    「 broaderimpacts.info 」のページは、ドメインが無効な状態です。 ウェブサイト管理者の方はこちらから変更・更新を行ってください。 「 broaderimpacts.info 」is Expired or Suspended. The WHOIS is here.

    xmurayamax
    xmurayamax 2012/12/19
    フェンシングの太田選手が発起人となったフェンシング普及の為の新プロジェクト。SUPER FENCING公式WEBサイト。
  • 売れるECサイト作りに使える!無料のアイコン素材100個 | WEB制作会社の販促まとめ|3media.jp

  • WEB屋が使う最高の無料SEOツール41個 – マーケティングブログ

    の無料SEOツールの中では高機能かつ動作が軽いのが特徴。ソーシャルブックマークやIPアドレスなども解析可能。 URL:http://seocheki.net/ WODGE相互リンクチェッカー 無料・無制限で使用可能。1度に5URLをまとめてチェックが出来るのも便利。相手先ページの発リンク数も表示されるので、有効なリンク先を見つける参考になります。 URL:http://www.wodge.biz/linkchecker/ エラーチェックツール Google Search Console これなくしては、現代のSEOはほぼ行えないでしょう。 モバイルでのエラーやページの表示速度など、基的なユーザビリティチェック URL:https://search.google.com/ Dead Link.tv

  • ダイエットダイエット - 成功できるダイエットを紹介 | ダイエットダイエット

    xmurayamax
    xmurayamax 2011/04/22
    ダイエットの基礎知識、おすすめダイエット方法、レシピ、体験記、商品など、ダイエッターの為のダイエット総合情報です。
  • ダイエットダイエット

    xmurayamax
    xmurayamax 2011/04/22
    ダイエット成功に一番近い方法を紹介するダイエットダイエット!ダイエットの基礎知識、おすすめダイエット方法、レシピ、体験記、商品など、ダイエッターの為のダイエット総合情報です。
  • 携帯サイトを作る時に役立ちそうな情報まとめ - かちびと.net

    ちょっと必要に迫られたのでメモ。 どうもTwitterやってるとiPhoneAndroidなどのスマートフォンの 話題ばかりなので忘れそうですが、 携帯サイトはビジネスには必須 ですので備忘録として記事に。 以前にも何度かまとめ記事が話題に上がっているので今更感も否めませんが自分のブログにあったほうが探しやすいのでメモします。 予備知識 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント ファーストビューの重要性、色の大事さ、リンク操作に関して記載されています。 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント 携帯サイト(html)の制作に入る前に確認しておきたいチェック項目 サンプルを元に解説してくれているので分かりやすいです。 携帯サイト(html)の制作に入る前に確認しておきたいチェック項目 携帯サイトの作り方 5年前の情報なので参考程度に。今は随

  • Photoshop関連まとめ - かちびと.net

    Photoshop関連のまとめです。 ブラシやパターン、シェイプ チュートリアルを書いている ブログ、プラグイン、アクション などなどのまとめ、というか 個人的なリンク集です。シェア したいと思ってエントリします。 おそらく抜けてる有益サイトもありそうなので参考程度になさってください。海外サイトが殆どにどうしてもなってしまいますが、殆どは図解入りなので、英語が読めなくてもある程度分かるかと思います。バージョン、ライセンスに関しては表記し切れませんので個々でお確かめ下さい。 配布サイトはフリーをメインにしています。あと、カテゴリ分けはしていますが、結構適当です。 配布サイト ブラシ・シェイプ・パターン ブラシや、カスタムシェイプ、パターンの配布サイト WeGraphics / フリーブラシカテゴリ。11セットほど配布 Brushesdownload / ブラシ配布専門のサイト Gfxfeve

  • フリーで使える商用可能な写真の効率的な5段階の探し方: 世界中の1%の人々へ

    "Yawning wolf" Photo Credit:Tambako the Jaguar パブリックドメインのライブラリで写真を探し回るのは時間の無駄。Wikimedia Commonsから探すといい! 3月26日に発売される『Movable Type 5実践テクニック』には、商用利用可能なテーマが3専用サイトからダウンロードできるようになっているのだけど、制作過程で一番苦労したのは、IAでもデザインでもなくて、コンテンツを埋めることと再配布可能な画像を探すことだった。 これたのテーマで利用した写真のほとんどはパブリックドメイン(Public Domain)の写真を使いましたが、かなりの時間を費やして写真を探した結果、パブリックドメインのライブラリを順番に探していくのはあまりにも非効率的であることに気づいた。まず多くの画像ライブラリはUIが酷すぎる。検索結果にサムネールがでないライブ

  • 無料であらゆるムービーファイルを一発でまとめてH.264形式に変換できる「DivX Plus Converter」の使い方 - GIGAZINE

    日21時から、DivXの新バージョン「DivX Plus」が発表されたわけですが、その中でもかなりの目玉がこの「DivX Plus Converter」。今までは有料だったのですが一部機能が無料化され、H.264+AAC/AC3のPLUS HDプロファイルについてはなんとずっと無料で利用できることになりました。また、今まで認識できなかったファイル形式も解析して変換が可能になっており、かなり強力な変換ソフトに生まれ変わっています。 また、「速くてなめらかな早送りと巻き戻しビデオトラックを作成」という機能が非常に秀逸で、「なぜこの機能が今まで無かったんだ!」というレベルです。実際にムービー撮影してみたので、百聞は一見にしかず、見ればすごさがわかります。 というわけで、ダウンロードと使い方は以下から。 DivX.com http://www.divx.com/ja/ 上記ページからインストーラ

    無料であらゆるムービーファイルを一発でまとめてH.264形式に変換できる「DivX Plus Converter」の使い方 - GIGAZINE
  • 仕事を加速する FireFox アドオン : LINE Corporation ディレクターブログ

    『livedoor グルメ』、『が好き!』 などを担当している根岸です。 みなさん、ウェブブラウザは何を使っていますか? ウェブ業界の人で、素の「Internet Explorer 6.0」だけしか使っていないという人は少ないと思います。 仕事の道具に何を選ぶか、どう使うかということは、生産性を大きく左右します。残業を減らしてしっかり休養をとるためにも、人より良い仕事をたくさんしてキャリアアップするためにも、道具選びや仕事環境の改善に気を配りたいものです。 ウェブ制作の現場で、いま一番オススメのウェブブラウザは何かといえば、『Firefox(ファイアフォックス)』です。 高速なレンダリング、タブブラウジング、ツールバーに組み込まれた検索エンジンなど、特徴はいろいろありますが、最大の魅力は、「アドオン」プログラムによって機能を拡張できることです。 「Firefox」のサイトでは、多数のアド

    仕事を加速する FireFox アドオン : LINE Corporation ディレクターブログ
    xmurayamax
    xmurayamax 2010/03/16
    モバイル
  • [M] mbdb | FriendFeedがアツいらしい

    2014.11.25 「できる100ワザ WordPress 必ず集客できる実践・サイト運営術」の100ワザ一覧全部見せます

    [M] mbdb | FriendFeedがアツいらしい
    xmurayamax
    xmurayamax 2010/03/16
    モバイル
  • ケータイサイトにおける水平線実装の3つの方法

    ケータイサイトのデザイン上、同一ページ内でコンテンツを区切るためによく使われる水平線(hrタグ)。 単純にhrタグを用いるのが旧来のやり方ではあったのですが、XHTML対応が進んだ今では、それ以外の実装方法もあったりします。 というわけで、代表的というか多分これしかないと思う3つをご紹介。 hrタグを使う これが昔から一番オーソドックスな方法。 今でも多いですが、ページのタイトルとページの文を分けて見せる場合がこちら。 <body style="background-color:#ffffff;" bgcolor="#ffffff"> <div style="text-align:center;">サンプルテキスト</div> <hr style="background-color:#000000;" color="#000000"> 基的な手法として・・・ このhrタグは、キャリアに

    ケータイサイトにおける水平線実装の3つの方法
    xmurayamax
    xmurayamax 2010/03/16
    モバイル
  • 3キャリア共通のモバイルサイトコーディングにおけるポイント

    MT4i3.0.8X1の公開後、テンプレートセット作ったりしてますが、中には自分でコーディングしたい!って人もいると思われます。 そんな人のために、既に情報としてはいろいろなところで出ているんですが、一応3キャリア(i-mode/EZweb/Yahoo!ケータイ)共通のコーディングのポイントを纏めておこうかなと。 別にMT4i3.0.8X1だけじゃなく、普通にどんなモバイルサイトのコーディングでも使えます。 一応、注意点をまず述べておくと、XHTMLに対応しているのは、 docomoのFOMA端末 auのWIN端末 softbankの3GC端末 という、いわゆる上位端末になります。古い下位機種では利用できません。 最近は下位端末を利用している人は少なくなりましたし、仮に利用していてもまずネット閲覧にケータイを使う目的ではないので、このあたりは非対応でも問題ないかなと考えています。 次に全体

    3キャリア共通のモバイルサイトコーディングにおけるポイント
    xmurayamax
    xmurayamax 2010/03/16
    モバイル
  • 豆本やコピー本の作り方も!自宅でも簡単にできる「製本」 - はてなニュース

    ちょっとした冊子を作りたい時、を作りたいけど印刷所に頼むほどではない時など、自宅でも印刷や製ができると便利ですよね。今回は製の基からコピーや豆の作り方まで、自宅でもできる「製」の方法をご紹介します。 ■製の種類もいろいろある? 製といっても、文庫のように背表紙に全てのページがくっ付いているものや、フリーペーパーのように真ん中がホチキスで留められているものなど、様々な方法がありますよね。 <製の基を覚えよう> ▽とじ方、道具から折丁印刷まで | 手作り製 - BindUp バインドアップ こちらのエントリーでは、次の4つの方法について、手順を写真付きで解説しています。 糸かがり綴じ:背の部分に糸を通してとじる方法。 無線綴じ:折丁(印刷された紙をページ順になるように折りたたんだもの)の背に接着剤を付けてとじる方法。 網代綴じ:折丁の中にも接着剤をしみ込ませ、折丁同士

    豆本やコピー本の作り方も!自宅でも簡単にできる「製本」 - はてなニュース
  • Photoshop Vip » ダウンロードしておきたい100個のフリーフォント保存版まとめ

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    Photoshop Vip » ダウンロードしておきたい100個のフリーフォント保存版まとめ
  • 知らない人は損してる?コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ

    最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか? Zen-CodingはHTML/CSSをショートカット+スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するものです。 Zen-Codingというのもがどういうもので、どんなすごいものなんだ、というのはこちらの動画を見てください。 ※音が出ますのでご注意ください。 Zen Coding v0.5 from Sergey Chikuyonok on Vimeo 一体何がおこわれているのか?という感じだと思われますが、今回の記事ではこのZen-Codingの導入方法と使い方の一例を紹介します。 Zen-Codingに対応しているエディタは色々あるのですが、今回は弊社の開発環境しているAptana Studio

  • 特化型の様々なギャラリーサイトまとめ

    芸術の秋なのでギャラリーサイトを色々と調べてみました。良く有るようなcssギャラリーでは無く、特殊と言うと大袈裟ですけど何かしらに特化したギャラリーのまとめです。インスピレーションの向上や参考に綺麗なものを目に焼き付けておきたい所です。 通常良く見るcssWebデザインギャラリーはほぼ全てGALLERY GALLERYにまとめられていましたのでこちらも合わせてご覧になってみてはいかがでしょう。ギャラリーの内容は殆どがWebデザイン関連ですが、他にもロゴや名刺、ファッションなどなどもあります。 LogoPond クールなロゴデザインのギャラリー。 LogoPond Creattica 名刺、ロゴ、広告など様々なデザインギャラリー。 Creattica Business Cards Observer かなりクオリティの高い名刺デザインのギャラリー。見てるだけで楽しい。 Business Ca

    特化型の様々なギャラリーサイトまとめ
  • フリーで配布されているPhotoshopのパターンいろいろ

    以前、必要になった時に探したサイトをメモ。 Photoshopのパターンを配布してくれている サイトのまとめです。多くの場合はセット配布 や、Photoshop関連の専門サイトなので まとめのまとめという形になります。全て無料 ですが、著作権は個別にご確認下さい。 何かと重宝するPhotoshopパターン。全てフリーでダウンロードできます。 208 Retro Photoshop Patterns レトロなPhotoshopパターン208種。 208 Retro Photoshop Patterns 200+ free beautiful Photoshop patterns hand-picked 200以上ものPhotoshopパターンまとめ。 200+ free beautiful Photoshop patterns hand-picked Web treats Web treat

    フリーで配布されているPhotoshopのパターンいろいろ