タグ

2012年2月27日のブックマーク (17件)

  • CSS3を使ってできる画像まわりのエフェクトやスタイリング18

    CSS3を使った画像のエフェクトやスタイリングについて、思いつく限り一挙にまとめてみました。 たくさん画像を扱うサイトなどを作る際に、CSSでできる表現のカタログとして使ってもらえたらと思います。 ※ 2/24 「2. めくれた風」を書き忘れていたので追記しました 目次 1. シャドウ 2. めくれた風 3. トイカメラ風トンネル効果 4. カラー調整 5. 回転 6. 角丸 7. 楕円のフレーム 8. 円のフレーム 9. 三角形フレーム 10. 重なった風 11. ぼかし 12. フェード(シャドウ編) 13. フェード(グラデーション編) 14. 反射 15. リボン 16. 差し込んだ風 17. フレームだけを傾ける 18. 半透明フレーム まとめ ※ 実際の表示はこちらから確認できます。 ※ この記事で掲載しているCSSは、シンプルにするためにベンダープリフィックスを付けていません

    CSS3を使ってできる画像まわりのエフェクトやスタイリング18
    richard_raw
    richard_raw 2012/02/27
    こんなに色色出来たんか。
  • これからTwitter Bootstrapをはじめる人のためのエントリまとめ - 小さい頃はエラ呼吸

    はじめに 今、Twitter Bootstrapが一部のエンジニアで人気です。 Twitter BootstrapWebデザインが得意ではないエンジニア向けにTwitter社が開発/提供するCSSフレームワークです。このTwitter Bootstrapを利用すると、簡単にTwitterっぽいデザインのWebサイトを作成できます。 そこで、これからTwitter Bootstrapをはじめてみようと思うエンジニアの人たち向けに、役立つ記事の数々をまとめてみました。 このエントリを書こうと思ったきっかけは、以下のスライドでした。とても分かりやすく、はじめて知るようなサービスなども網羅されており、とても参考になりました。 Twitter bootstrap入門 #twtr_hack jQueryプラグイン徹底活用 プロのデザインアイデアとテクニックposted with amazlet at

    これからTwitter Bootstrapをはじめる人のためのエントリまとめ - 小さい頃はエラ呼吸
    richard_raw
    richard_raw 2012/02/27
    ふむふむ。
  • ノマド的に「自分一人で立つ」ために - ゆーすけべー日記

    実家の6畳の部屋で仕事をしています。調子のいい時には朝5時とか6時に起きて、 顔を洗ったらすぐにその日のスケジュールを立てて30分ほどの読書をします。 その後、情報収集と最近では毎日5000字ほどの書き物をします。 すると午前中が終わるので、隣のばあちゃんちに向かいます。 ばあちゃんちの応接を親父が改造してオフィスにしてるそこへ、です。 親父は最近自炊に凝っていて昼飯をごちそうしてくれるのです。 腹が一杯になると1時間ちょっとベッドで昼寝をして、スッキリした頭で午後の作業に向かいます。 午後の作業はプログラミングをすることが多く、ここ数ヶ月はiPhoneアプリの開発をしています。 夜になると集中が切れるので好きなアニメを見たり、音楽を聴いたりなるべくリラックスするように心がけてます。 これはとある僕のとある一日をなぞったものですが、数年で築いてきたワークスタイルを端的に表すものです。 最近

    ノマド的に「自分一人で立つ」ために - ゆーすけべー日記
    richard_raw
    richard_raw 2012/02/27
    自営業って大変ですよね。
  • 芸術レベルのスゴ過ぎ新表現技法!漫画家・村田雄介先生の3Dツイッター漫画『絶壁絶命!!』

    『アイシールド21』(作画)の村田雄介先生(@NEBU_KURO)がツイッターにアップされた漫画をまとめました。 立体とイラストを上手く組み合わせた新手法の漫画作品です。 後半はヒツジの漫画もありますので、こちらも合わせてお楽しみください。 右下の「Tweet」や「いいね!」を押して、この素晴らしい作品をフォロワーさんやご友人にぜひご紹介してください。 続きを読む

    芸術レベルのスゴ過ぎ新表現技法!漫画家・村田雄介先生の3Dツイッター漫画『絶壁絶命!!』
    richard_raw
    richard_raw 2012/02/27
    2.5次元漫画とでも言おうか。凄いセンスですな。
  • 割とMac初心者向けの、Mac買ったらまずチェックしとくべき設定いろいろ - loveMac.jp

    どーもこんばんは。Macbook Airを買ってちょーしこいてます。いや実に素晴らしい。買って2日で既に元をとったような気がしているよ!というわけで、とりあえず今回最初にやった設定で、特に今年ついにMacユーザーになった!などのMac初心者の方向けと思うものについてまとめてみました。 2016年版書きました。 こちら↓に新しい記事を書きましたので、よかったらご覧ください。 [link href=”https://lovemac.jp/blog/2469/” title=”割とMac初心者向けの、Mac買ったら最初にチェックしておくべき設定2016 | loveMac.jp”] はじめに。システム環境設定ダイアログの出し方 「システム環境設定」というウィンドウをしこたま使いますので、最初に覚えます。 画面左上のりんごマーク→「システム環境設定」または下のアイコンが並んでるとこの歯車のアイコン

    割とMac初心者向けの、Mac買ったらまずチェックしとくべき設定いろいろ - loveMac.jp
    richard_raw
    richard_raw 2012/02/27
    ファンクションキーの設定はどうしようか迷います。F7でカタカナ変換したいけど音量コントロールはF11, F12でやりたいし……。
  • はてなブックマークの新ページは何故に不人気なのか? - そっとチラ裏@はてなブログ

    ネットサービスの新デザインUIは、多くの場合、一定数の既存ユーザーから嫌われる傾向にあると思う。Twitterもそうだし、Googleリーダーの新デザイン も不快を訴えるユーザーが多かった。 もちろん、慣れの問題というのもある。ただ、この手のユーザーからの反発の声に共通する内容の一つは「表示される情報量が減った」という不満の声。 ■「表示される情報量が減った」って、どういうこと? 「表示される情報量」という表現は曖昧なので、自分なりの解釈で説明すると、 端末のディスプレイ上に、画面をスクロールしたり「もっと表示する」ボタンを押下しなくても一度で表示にされている情報量 これが、この場合での「表示される情報量」だと思う。 例えば、 余白が増える 文字が大きくなる サイドバーが追加されたり、横幅が広くなりメインコンテンツの幅が狭くなる 新しい項目が追加される 一覧情報の一部が省略され「もっと表示

    はてなブックマークの新ページは何故に不人気なのか? - そっとチラ裏@はてなブログ
    richard_raw
    richard_raw 2012/02/27
    「眺める」ならChromeの拡張機能で充分なのでどっちでもいいです。
  • 書店にチャンピオンコミックスが少ないのは書店だけのせいじゃないんだよーというお話 : 雑食商店街3373番地

    どうもこんにちは。チャンピオン大好き書店員ささなみですよ。 twitterではぽちぽちと零してきたことなのですが、一度あらためてまとめてみよう…と思い立ちました、書店におけるコミック入荷量と発注の話。 このブログの性質上チャンピオンコミックスに焦点をあてて説明させていただきますが、チャンピオン・秋田書店に限ったことではありません。 また、書店の規模や首都圏・地方、出版社や取次によって多少異なる部分もあるとは思いますのでご了承いただきたいと思います。 いちおう大規模店と中小規模店を両方経験している身なので偏ってはないと思うのですが…勉強不足は否めませんので何かおかしな点ございましたらご指摘ください。 さて。 まず書店に入荷するコミックや書籍などの量を誰が最終的に決めるかというと「取次」と呼ばれるところが行います。 あまり聞き慣れない単語かと思われますので、詳しくはwikipediaを。 出版

    書店にチャンピオンコミックスが少ないのは書店だけのせいじゃないんだよーというお話 : 雑食商店街3373番地
    richard_raw
    richard_raw 2012/02/27
    取次ェ……。/中小書店は厳しいなあ。
  • 無料のベクター素材を提供しているサイト40選

    先日の「無料でphotoshopのファイル・ブラシ・シェイプなどの素材を提供しているサイト45選」に続き、ベクター素材を提供しているサイトのまとめです。やはり個人的な整理のためのまとめですが共有します。 先日の無料でphotoshopのファイル・ブラシ・シェイプなどの素材を提供しているサイト45に続き、 ベクター素材を提供しているサイトのまとめです。 やはり個人的な整理のためのまとめですが共有します。 はじめに 全てを網羅するのは逆に手間だと思うので、 この中から自分のお気に入りや使いやすいサイトを選んでそれを中心に利用することになると思います。 また、サイトによってはphotoshopの素材とベクター素材を扱ってるサイトもあり、 無料でphotoshopのファイル・ブラシ・シェイプなどの素材を提供しているサイト45で取り上げたサイトはこちらには載せてません。 上記エントリーのサイト説明に

    無料のベクター素材を提供しているサイト40選
    richard_raw
    richard_raw 2012/02/27
    企業のロゴ集もあるんですな。
  • 渡邉美樹氏ツイートについて思うこと

    今年から気出す人へ 「6の柱」で5年後の自分を計画しよう そんな渡邉美樹氏のTwitterでの発言が問題となっている。 4年前に自殺した元社員の女性の労災認定(つまり「過労死」であったと認定されたこと)に対する発言だ。 労災認定の件、大変残念です。四年前のこと 昨日のことのように覚えています。彼女の精神的、肉体的負担を仲間皆で減らそうとしていました。労務管理 できていなかったとの認識は、ありません。ただ、彼女の死に対しては、限りなく残念に思っています。会社の存在目的の第一は、社員の幸せだからです — わたなべ美樹 (@watanabe_miki) 2012, 2月 21 この発言に対し、多くの批判が噴出している。簡単にまとめているサイトがこちら。 ワタミ会長・渡邉美樹氏の自殺した女性社員に対するコメントに物議「社員の幸せが第一 労務管理出来ていないとの認識は無い」 – ロケットニュース

    渡邉美樹氏ツイートについて思うこと
    richard_raw
    richard_raw 2012/02/27
    渡邉氏のファンによる厳しい指摘。/地獄への道は(ry
  • https://jp.techcrunch.com/2012/02/24/jp20120224hatena-bookmark-renewal/

    https://jp.techcrunch.com/2012/02/24/jp20120224hatena-bookmark-renewal/
    richard_raw
    richard_raw 2012/02/27
    Summifyがどうなるのか不安なので助かります。
  • Googleのプライバシーポリシー統合前に検索履歴を削除しよう | スラド IT

    3月1日からGoogleのプライバシーポリシーが統合されるのを受け、電子フロンティア財団(EFF、Electronic Frontier Foundation)はGoogleでの検索履歴の削除方法を告知している(EFF、家/.)。 今までGoogleの各サービス間で収集されていたデータは別々に保存されていたが、プライバシーポリシー統合後は複数のサービス間でユーザーデータが連携されるようになる。これに対し、EFFでは位置情報や興味、年齢、性的指向、宗教、健康上の関心など特に個人的な情報が含まれている履歴情報の削除を勧めている。ユーザデータの連携は統合前のデータにも有効となるとのことで、削除しない場合検索履歴情報が例えばGoogle+やYouTubeなどのサービスで利用される可能性もあるという。 履歴削除は https://www.google.com/history/ から行える。Goog

    richard_raw
    richard_raw 2012/02/27
    一応、消しておきましょうかね。
  • シェルスクリプトを書く際に気を付けていること8箇条 - カイワレの大冒険 Third

    エンジニアという職業柄かシェルスクリプトを書くことはちょくちょくあるのですが、自分なりに気を付けていることを備忘録&自分への戒めも含めて、簡単に書いてみたいと思います。 変数は大文字 シェルスクリプト書いていれば変数の出番は至るところであるでしょう。その際、可読性を増すように、変数は大文字を使っています。 RET=`cmd1`みたいに。好みの問題もあるでしょうが、分かりやすいので。 クオテーションは選ぶ クオテーションにはシングルだったり、ダブルだったり色々ありますが、使い分けておいたほうがよいでしょう。 変数の展開がないようであれば、シングルクオーテーションのほうがスマートでしょうし、展開があるのならダブルクオーテーションを使えばと。 ダブルクオーテーションを使うのにも意味があって、変数は「$RET」のようにクオテーションで囲まなくても動作はたいていするのですが、 echo "${RET

    シェルスクリプトを書く際に気を付けていること8箇条 - カイワレの大冒険 Third
    richard_raw
    richard_raw 2012/02/27
    実行時に"u"オプションとか先頭に"set -e"とかすっかり例外処理が頭から抜けてました!
  • 留年:OECDが廃止求める提言 - 毎日jp(毎日新聞)

    経済協力開発機構(OECD)は、学校教育での留年について「コストがかかるうえ教育成果の引き上げでも効果的ではない」として、廃止を求める教育政策の提言をまとめた。OECDは国際学力テスト「学習到達度調査」(PISA)を実施するなど、教育界に大きな影響力がある。大阪市の橋下徹市長は学力不足の小中学生に対する留年の検討を始めたが、留年の教育効果に批判的な提言が今後の論議に影響を与える可能性もある。 OECDがまとめたのは「教育の公平性と質-恵まれない生徒や学校に対する支援」と題する報告書。落ちこぼれを防ぎ経済成長や社会の発展につなげる教育政策を提言した。 留年の分析では、少なくとも1年留年した経験のある15歳の比率と初等中等教育への総支出に占める留年コストについて原則07年のデータを基に39カ国を比較。OECD平均は留年経験者が13%、コストが4・05%。フランスなど7カ国は留年経験者が30%を

    richard_raw
    richard_raw 2012/02/27
    こんな調査もしてたんですな。
  • Good night, Posterous

    Posterous Spaces is no longer available Thanks to all of my @posterous peeps. Y'all made this a crazy ride and it was an honor and pleasure working with all of y'all. Thanks to all of the users. Thanks to the academy. Nobody will read this.

    richard_raw
    richard_raw 2012/02/27
    今更じゃないかなーと思わないでもない。
  • Webとネイティブのいいとこどり。HTML5をラッピングしたAndroidアプリの参考に·html5webview MOONGIFT

    html5webviewはHTML5を積極的に取り入れたAndroidアプリを作るサンプルです。 スマートフォンはHTML5を積極的に使っていくのに最適なデバイスとなっています。HTML5を積極活用すればネイティブアプリ並のWebアプリケーションも実現できます。そんなHTML5型Androidアプリを作ってみるなら参考にしたいのがhtml5webviewです。 デフォルトでは有効になっていないAndroidHTML5機能について、html5webviewでは有効にしながら実際に使ってみるデモアプリも提供しています。 デモアプリをインストールしてみます。 デモは動画(videoタグ)音楽(audioタグ)、位置情報、ストレージ、縦書きとなっています。 audioタグのデモ。ボリューム調整、再生、停止ができます。 videoのデモ。Canvasタグを使ってキャプチャを撮れます。 下に表示され

    richard_raw
    richard_raw 2012/02/27
    アプリ内のWebViewでvideoタグが使えるようになるといいんですが……。
  • jQuery Mobile向けBootstrapテーマ集·Twitter Bootstrap jQuery Mobile Theme MOONGIFT

    Twitter Bootstrap jQuery Mobile ThemeはTwitterBootstrapとjQuery Mobileを組み合わせて使えるテーマ集です。 TwitterBootstrapは最新版でスマートフォンにも対応しています。そしてスマートフォン向けのJavaScriptライブラリと言えばjQuery Mobileです。この二つを組み合わせて使えるのがTwitter Bootstrap jQuery Mobile Themeになります。 Aデザイン。 Bデザイン。全体として青。 Cデザインは赤。 Dデザインは緑。 Eデザインは水色。 Fデザインはオレンジ。 Twitter Bootstrap jQuery Mobile ThemeはjQueryとBootstrapを組み合わせ使えるテーマ集です。面白いのはA〜Fまでカラーが用意されており、data-themeを変更

    richard_raw
    richard_raw 2012/02/27
    これは使ってみたいです。
  • 就職人気企業の6割が過労死基準超え 225社の36協定で判明 トップは大日本印刷の時間外1920時間

    就職人気企業225社のうち60.8%にあたる137社が、国の過労死基準を超える時間外労働を命じることができる労使協定を締結していることが、労働局に対する文書開示請求によって明らかとなった。1年間で見た場合の時間外労働時間ワースト1は、大日印刷(1920時間)、2位が任天堂(1600時間)、3位がソニーとニコン(1500時間)だった。労使一体となって社員を死ぬまで働かせる仕組みが、大半の企業でまかりとおっていることが改めてはっきりした。人気企業の時間外労働の上限が網羅的に明らかになったのは今回がはじめて。(225社の36協定締結書原文および一覧は、記事末尾よりエクセル・PDFダウンロード可) 就職人気企業225社のうち60.8%にあたる137社が、国の過労死基準を超える時間外労働を命じることができる労使協定を締結していることが、労働局に対する文書開示請求から明らかになった。開示請求したのは

    就職人気企業の6割が過労死基準超え 225社の36協定で判明 トップは大日本印刷の時間外1920時間
    richard_raw
    richard_raw 2012/02/27
    氷山の一角なんだろうなあ……。