タグ

2014年2月18日のブックマーク (11件)

  • [JS]このホバーエフェクト楽しい!シールのようにぺらっとめくるスクリプト -Sticker.js

    写真画像やアイコンなどを配置したベタ塗りのボタンなどをサークル状にし、ホバーするとシールのようにぺらっとめくれるようにするスクリプトを紹介します。 実装は非常に簡単で、jQueryなどの他のスクリプトは必要ありません。 Sticker.js Sticker.js -GitHub Sticker.jsのデモ Sticker.jsの使い方 Sticker.jsのデモ デモはChrome, Safari, Firefox, Opera, IE10+でご覧ください。 上記のアニメーションは左からのぺらっですが、上下左右の全ての方向からぺらっができます。右のベタ塗りはめくるとシャドウが半透明で適用されます。 Sticker.jsのフッタ 最初のデモは写真画像なのでカーソルはアローですが、フッタのはリンクなのでポインターになっています。 Sticker.jsの使い方 Step 1: 外部ファイル 当ス

  • Qiita「成果が出るチーム思考」の秘密――「飲みでも敬語は崩さない」「議論ありきのリーン開発」 | サイボウズチームワーク総研

    ※ベストチーム・オブ・ザ・イヤーのサイトから移設しました プログラマが幸せに働ける環境を提供したい――。そんな思いで生み出され、いまや約50万の月間UUを誇る「Qiita(キータ)」。プログラミングの知識を記録・共有するサービスで、多くのプログラマから愛されています。 開発したのはIncrements株式会社。学生時代に関西で出会った3人が数年後に再会を果たし、それぞれが培った多様性のあるスキルを持ち寄り、会社を立ち上げました。「堅実に、着実に」――。サービス開発で大切にしていることを聞くと、こんな答えが返ってきました。徹底した仮説検証の積み重ねをベースに堅実な開発を進め、勢いだけで動かない。スタートアップらしからぬ体制が見えてきます。 この成功サイクルの秘密を「同じ価値観を持つメンバー同士で議論できること」と話すのは、同社CEOでプログラマの海野弘成さん。小西智也さん、横井孝典さんを交え

    Qiita「成果が出るチーム思考」の秘密――「飲みでも敬語は崩さない」「議論ありきのリーン開発」 | サイボウズチームワーク総研
  • Sublime Text3で構文エラーをチェック

    こんにちは、つい最近メディア事業部脱退を表明したデザイナーの王です。 PhpStorm、Aptana、NetBeansなど、大抵のIDEは、コードを書きながら構文エラーをリアルタイムでチェックしてくれるとても便利な機能がついていますよね。 個人的にはPhpStormが一番使いやすかったですが、IDEだと、プロジェクト単位で管理しなければならないので、小回りが効くSublime Textも以前から愛用しています。特にSublime Textの「Multiple Selections」という機能が凄く便利で、一旦慣れてしまったら、この機能が使えないPhpStormで作業するとストレスが溜まってしまいます!! でも、はやりIDEのリアルタイムコード解析は使いたいなぁ〜〜 でも…でも… こんな葛藤に苦しんだ結果、とある偉大なプラグインが誕生しました!!その名も「SublimeLinter」です!

    Sublime Text3で構文エラーをチェック
  • 大学生が約3年間WebアプリとiPhoneアプリを合計16個リリースして感じた10個の事 - ゆとりIT

    どうも。 何か情報発信をするべきなんじゃないかとふと思って久し振りに記事を書こうと思います。 ところで、私は大学1年生だった2011年の6月からWebアプリとiPhoneアプリを開発してきて、今までに16個のアプリをリリースしてきました。 内訳ですがWebアプリが10個、iPhoneアプリ6個で合計16個です。個という単位があっているのかはわかりません。 開発を始めたのは2011年6月で、2011年の3月にとあるWeb系の会社でアルバイトしていた時に「あ、Web楽しい」って思ったのがきっかけで、Webアプリ、そしてiPhoneアプリを作ってきました。 それまではWebといえば、しょぼいHTMLとしょぼいCGIくらいしか書けませんでしたし、あまり興味がありませんでした、というより自分にはできないと思ってました。 ずっとそれまではネットワークとかセキュリティが好きでちまちまPythonでスクリ

    大学生が約3年間WebアプリとiPhoneアプリを合計16個リリースして感じた10個の事 - ゆとりIT
  • Flatis

  • ロゴを作る時に知っておきたい11の基本ルール

    効果的なロゴを作るには必要なルールが存在します。 残念なことに多くのロゴは、それがやり過ぎだったり、足らなかったりすることがあります。 ロゴを作る時、作る前に、知っておきたい11のルールを紹介します。 11 STEPS TO A PERFECT LOGO 下記は、その11のルールを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。無断翻訳・まとめ記事の転載をしているあのブログの注意喚起を海外のブロガーから聞くのでご注意ください。

  • iPhoneがグッと便利になる! Safariに登録しておきたいブックマークレットまとめ | カミアプ

    どうもハンサムクロジです。 ウェブサイトの閲覧にとっても便利なiPhoneですが、Safariやその他のブラウザアプリだけでは機能が物足りないと感じることも多いと思います。 そんなブラウザの機能を拡張するのに便利なのが「ブックマークレット」! お気に入りに登録してすぐに呼び出せるようにしておけば、普通では使えない便利な機能を利用することができるのです! 今回は数あるブックマークレットたちの中から、便利そうなものをまとめてご紹介したいと思います!! ブックマークレットとは? ブックマークレットは、ウェブブラウザで作動するJavaScriptプログラムのことを指します。 通常のお気に入りは登録しておいたURLのページを開くというものですが、そのURLの代わりにJavaScriptのコードを登録しておくことで、ページに移動する代わりに様々な機能が実行されるというものです。 ブックマークレットの登

    iPhoneがグッと便利になる! Safariに登録しておきたいブックマークレットまとめ | カミアプ
  • Ruby概論のスライドがすばらしかったのでまとめてみた(第一部)

    Spice Lifeの五十嵐邦明さんの一橋大学のRuby概論スライドがかなりすばらしかったのでまとめてみました。こんなキャッチーな資料がネットで手に入るというのは当にありがたい限りです! (05-02 07:45) MATSUOKA Koheiさんの2014年度の講義資料を追加 ちなみに、スライドがたくさんあるので3部作ですw (1)『Ruby概論のスライドがすばらしかったのでまとめてみた(第一部)』<= 今ここ< strong> (2)『Ruby 概論のスライドが素晴らしかったのでまとめてみた(第2部)』 (3)『Ruby 概論のスライドが素晴らしかったのでまとめてみた(第3部)』 🗻 2014年ブログ一橋大学でRubyの非常勤講師をはじめました MATSUOKA Koheiさんが講師をされている2014年に現在開催中のRuby講義の資料です。勉強になります! Ruby講義第1回:

    Ruby概論のスライドがすばらしかったのでまとめてみた(第一部)
  • PHP Frameworks for Enterprise Applications

    Developing agile software applications seems like a cumbersome task if you are not using a particular framework for doing so. It is not clever to indulge in time consuming and complicated task of building software applications without using any framework. We all want to develop software applications using a framework that can make the development process much faster with the codes and modules and

    PHP Frameworks for Enterprise Applications
  • WordPressの設定画面への項目追加方法まとめ – Simple Colors

    WordPressの設定メニュー内の「一般」「投稿設定」「表示設定」「ディスカッション」「メディア」「プライバシー」「パーマリンク設定」の7ページでは、ほぼ同一の手法で独自の項目を追加することができます。この追加方法と各設定画面における追加可能な場所をまとめてみました。 ※ 「パーマリンク設定」ページでは、項目の表示追加方法は同じですが、データの保存方法が異なります。 設定画面の構成 設定ページでは、同一機能に関する項目をまとめたものをセクション、セクションが集まって1つの設定画面を構成し、これをページと捉えます。 設定画面では、ページに対してセクションを追加したり、セクションに対して項目が追加できるようになっています。 項目の表示追加 項目の表示追加は、add_settings_field関数を用いて行います。追加する項目が複数ある場合の表示順は、add_settings_field関数

    o_hiroyuki
    o_hiroyuki 2014/02/18
    管理画面
  • Timepicker for Twitter Bootstrap

    This project is registered as a Bower package, and can be insalled with the following command: $ bower install bootstrap-timepicker You can also download our latest release (and any previous release) here. <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link type="text/css" href="css/bootstrap.min.css" /> <link type="text/css" href="css/bootstra

    o_hiroyuki
    o_hiroyuki 2014/02/18
    time picker