「Google Readerが終わっても、RSSは終わらない」――伊藤直也さんに聞く（1/2 ページ） この3月、RSSに関連する大きなサービスが相次いで終わりを迎えた。3月5日にTwitterのRSSフィードが終了。3月14日にはGoogleが、RSSリーダー「Google Reader」を終了すると発表した。 これらの動きを受けてネットでは、RSSについての議論が盛んになっている。「RSSは時代遅れ」「RSSリーダーは終わる」といった論調もある。 だが、ニフティのブログサービス「ココログ」や、はてなのソーシャルブックマーク「はてなブックマーク」など、RSSに関連するサービスを多く手がけてきたフリーエンジニアの伊藤直也さんは、「RSSも、RSSリーダーも終わらない」と話す。 RSSは、サイトの更新情報を届けるためのものではない そもそもRSSとは何だろうか。サイトの更新情報を届けるための

Apertureはデジタル写真（RAW画像）の管理・編集するソフトでiPhotoがコンシューマ向けでApertureはより上級者・プロ向けのデジタル写真処理・管理ソフトという位置づけです。だけど発売当時50,000円以上したApertureは今やAppStoreで購入すると6,900円です。自分のような一般人でもプロ並みのソフトを手軽に手に入れることができるので旅行時やお子様の写真を一眼レフなどでRAW画像で撮っている方はApertureにするとメリットも多いと思います。ApertureのRAW現像が自分好みで自然な感じが好きです。そこで自分なりのApertureのデジタル写真管理の仕方をまとめてみたいと思います。 Apertureでオリジナル写真（マスターファイル）の保存場所を決める。 まずApertureを起動するとMacのホームフォルダのピクチャフォルダにAperture Libra

どうも、Jack です。 だいぶ春めいてきましたね！写真を撮るのにいい季節になりました。iPhone やカメラを外に持ち出して、たくさんの写真を撮り、思い出を残したいものです。 Mac App Storeで Aperture 3 が販売されたのをきっかけに、Aperture ユーザが増えているのではないかと思います。そこで Aperture 3 に親しむための情報を下記にまとめました。 Aperture 3 を使って、写真を楽しく管理しましょう～ ^^ Aperture 3の入手方法 Mac App Storeでオンライン販売しているほか、Apple Store ほか小売店舗でパッケージ版を販売しています。またAppleのサイトからは30日間の試用版をダウンロードして、購入前に試すことができます。（オススメはMac App Storeです。最新バージョンのAperture をすぐにダウンロ

2010年4月24日、アップルストア銀座にてセミナーイベント「GXR x Mac」に参加しました！ 第一部は「GXR x Mac：写真の表現力を引き出す使いこなしテクニック」と題して、写真家の塩澤一洋先生による講演会がありました。（この模様はこちらのエントリをご覧ください。） つづいて第二部はアップルストアのスタジオに場所を移し、「GXR画像処理セミナー」と題したハンズオンセミナーが行われました。12名限定のこのコースは希望者であっという間に枠が埋まってしまったとのこと。ラッキーなことにボクは参加できました。 第二部「GXR画像処理セミナー」は、アップルストアのスペシャリストの方が講師となって進められました。スペシャリストの方からは、まず Aperture 3についての紹介がありました。Apertureは、一言でいえばiPhoto のプロ版です。iPhotoは25万枚の写真（おそらく普通の

どう見てもスティッキィ・フィンガーズでしょうが！ （中国の美大生Hu Shaomingさんが作ったジッパーがついたカメラ。ジッパーを下げればガジェットの中身が見える、という作品。アンティークカメラなところがまたいいですね。1910年代のカメラ、1920年代の時計、1930年代のカメラと4つの古いガジェットを改造して作品として展示しています。制作には1作品4ヶ月ほどかかったそうです。1つ1つ分解しながら、うまいことジッパーの取付けを行なわなければなりませんものね。いや、実に美しいです。） どんな説明文も頭にはいってきません。これは、絶対ブチャラティが愛用していたガジェットでしょうが！ ［Hu Shaoming via PSFK via CoolHunting via PetaPixel］ そうこ（Leslie Horn 米版）

GANREFをより便利にご利用いただくための有料サービスです。初回に限り入会月は無料でお試しいただけますので、ぜひ一度GANREFプレミアムサービスを体験してみてください。

闇鍋 @_346_ @roatnek そのね、DP1？ DP2？ とかって、やっぱり他のカメラとは違うんですか？ 違うとしたらどういうとこが好きなんですか？ そのへんちょっと聞いてみたいなーって。 the llama @roatnek @_346_ んー そうだねえ。まとめるのは難しいねえ。違いならたくさんある。唯一の構造をもったセンサーゆえの独特の写りがまず特長。まあ言ってしまえば画質馬鹿。カメラとしての道具としての性能はぜんぜんだめ。でもだめすぎて何も撮れないほどではない。ちゃんと撮れる。

Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門 2013-03-14 / 2014-03-12 Webサイトの表示速度を気にすると、CSSやJavaScriptのminify、gzip、CSS Sprite、画像の最適化などの面倒な作業が発生します。 Grunt.jsとは？ Grunt.jsは、サーバーサイドJavaScriptのNode.jsを使用したCUIのビルドツールです。 タスクを設定しておき、それらを自動化します。 コマンドプロンプトやターミナルなど、いわゆる「黒い画面」を使います。 Grunt.jsの現在のバージョンは0.4.1です。 バージョンが0.3から0.4になったことで、大きく仕様が変わりました。 Grunt.js v0.4ではgrunt-cliをインストールしてプロジェクトごとにGruntやプラグインをインストールして使用します。 プラグイ

1：以下、名無しにかわりましてVIPがお送りします[]：2013/04/17(水) 12:50:17.20 ID:EFcU7JZq0 2015年冬って遠すぎだろｗｗｗｗ 2：以下、名無しにかわりましてVIPがお送りします[]：2013/04/17(水) 12:51:34.30 ID:QyQXdJ+ZP 生きる目的ができた 4：以下、名無しにかわりましてVIPがお送りします[]：2013/04/17(水) 12:54:24.79 ID:bVL/qCYE0 スケジュール切り詰めろよ 5：以下、名無しにかわりましてVIPがお送りします[]：2013/04/17(水) 12:54:38.10 ID:1LHjlO9T0 ソースどこ 6：以下、名無しにかわりましてVIPがお送りします[]：2013/04/17(水) 12:57:18.11 ID:EFcU7JZq0 >>5 映像サンプルの予告特典 7：

@JUNP_Nです。Macで便利に使えるアプリをまとめてご紹介。個人的にオススメなアプリのまとめなので敢えて定番を外していたりしますが、自分の備忘録的にもご紹介。

【Featherweight UI】ベクターベー... / 【Square UI Free】フラットなUIコ... / 【Flat UI Kit】フラットなUIを揃えた...他...全8件

2011年4月18日(火)に実施した、プライベートセミナー『アジャイル開発環境セミナー～一般ユーザが知っておきたいJIRAの概念と操作～』での資料です。

MVCフレームワークのBackbone.jsが正式版1.0に到達。jQuery互換のモバイル向け「Zepto」も1.0に JavaScriptのMVCフレームワークとして、おそらくもっとも知名度が高いと思われるBackbone.jsが、ついに正式版となるバージョン1.0としてリリースされました。 Backbone.jsは、わずか1500行程度のとても軽いフレームワークなのが最大の特徴です。昨年末には翻訳コミュニティのenja-ossによってコメントをすべて日本語訳したソースコードが公開されています。 MVCを実現するのにフォーカスしたフレームワークのため、jQueryやテンプレートエンジンのHandlebarsと組み合わせて使うのが一般的です。 バージョン1.0をリリースし、今後のBackbone.jsはどうなっていくのでしょうか？ ドキュメントには次のように書いてあります。 In an

DDN は 音楽 ・ 映像 に関する デジタル アート を中心に情報ミックスを配信中

電子機器にとって塩分を含んだ海水は大敵です。もし落としてしまったら無事に修理が終わって帰ってくるかどうか難しいところですが、台湾のニコン修理センターで「海に落としてしまった」というレンズが持ち込まれ、担当者が知恵を絞って「鍋で茹でる」という手段を取り無事修理したというケースが報告されています。 親愛的，我把鏡頭拿去煮了 (第1頁) - Nikon單眼相機 - Mobile01 http://www.mobile01.com/topicdetail.php?f=248&t=3256808&p=1 これはMobile01というフォーラムサイトに「親愛なるみなさん、私はレンズを茹でることになりました」というタイトルで投稿されたもの。投稿主は「Nikon Repair」というIDで、本当に台中市にあるニコン修理センターの中の人が投稿したようです。 センターに持ち込まれたのは「Nikon 17-35

[HTML]セマンティックで正しいコードを書く目的 ― 二人の主を戴く技術者 - WEBCRE8.jp という記事がFacebookのフィードに流れてきたので読んでみました。 1がいきなり理由（目的）じゃないですし、2と5は同じことを言ってますし（SEOに強いなんて事実はもはや有って無きに等しいのが実態ですが、いずれにしても機械が読んで嬉しいかという話ですので）、3と6はただのエゴですし、4の標準化っていうのはセマンティック云々の文脈でいうならばruleの話ではなくstandardの話をすべきではないでしょうか。カタチの想像もできないような未来を夢見る暇があるのなら、まずWebガバナンスからどうにかする努力をしたほうが何倍も有益でしょう。 2013/3/22 09:56追記：「セマンティックで正しいコードを書く6つの目的」のような構成であると読み取ってしまって（理由の箇条書きだと思って）上

Mailbox、私も便利に使わせていただいております。 Mailbox 1.0.1 容量 :8.9 MB 価格 : 無料 販売元: Orchestra, Inc. 本当ならレビューも書きたいところだったりするんですけど、なぜか本当に便利なアプリってレビューしないことが多いんですよね。なぜだかわかりませんが。実際 Mailbox のおかげでGmailに届くメールを必ずきちんと管理できるようになって Inbox ZERO を実現できてます。 なにより iPhone から簡単にメールの仕分けが指の動き一つでできて、後から読む機能でまた受信トレイにメール内容が戻ってくるところが気に入ってます。見逃しがありませんから。素晴らしいアプリだと思ってます。 ただ、メールの管理方法は色々とありまして、自動仕分けをある程度Gmailでやる場合に、ラベルを付けて管理するユーザーさんも多いようで、その点が Mai

瀧岡　優　（Yu Takioka） @ytakioka 頭の悪い人ほど、議論の内容が不明になるほどの誤りではないのに、議論の内容じゃなくて誤字脱字に反応する法則。というよりも頭の悪い人は一般的に自分の頭の悪さを知ると、焦点ずらししようとするから、その一環として誤字脱字を利用しているだけな気がする。頭のいい人の場合は議論終了後に指摘する 2011-04-06 13:08:14 寺沢 拓敬 @tera_sawa これはひどいw RT @yutakioka: 頭の悪い人ほど、議論の内容が不明になるほどの誤りではないのに、議論の内容じゃなくて誤字脱字に反応する法則。というよりも頭の悪い人は一般的に自分の頭の悪さを知ると、焦点ずらししようとするから、その一環として誤字脱字を利用しているだけ… 2011-04-06 13:12:53

頭をひねって厳選してみましたが、やはり一級の有名ドコロしか残りませんでした。(;・∀・) なので今更感が漂いますが、世代によっては参考になるかも。順不同で並んでます。 多感な時期に出会った作品は影響が大きく、選んでみると昔読んだのばかり。 そういう意味では、このリストは今後もう変わんないんじゃないかという気もします。 だいたい読んだ順に並んでいます。

雪見バーガー @H926 『ダイの大冒険』のフレイザードは「俺は戦うのが好きなんじゃあない。勝つのが好きなんだよぉ！」という名言を残しましたが、『ドラゴンボール』の悟空さはさながら「勝つのが好きなわけじゃあない、戦うのが好きなんだよぉ！」て感じですかね。最後がウーブを自らの手で育てるって辺り、まさに。

澤本 嘉光 CMプランナー 1966年、長崎県生まれ。東京大学文学部卒業後、電通に入社。カンヌ国際広告祭賞など内外の受賞多数。2007年に始まったソフトバンクモバイル「白戸家シリーズ」は5年目に突入し、いまや国民的CMに成長。 この著者の記事を見る 清野 由美 ジャーナリスト 1960年生まれ。82年東京女子大学卒業後、草思社編集部勤務、英国留学を経て、トレンド情報誌創刊に参加。「世界を股にかけた地を這う取材」の経験を積み、91年にフリーランスに転じる。2017年、慶應義塾大学SDM研究科修士課程修了。英ケンブリッジ大学客員研究員。 この著者の記事を見る

Google ChromeでCSSがSassの何行目に記述されているか確認する方法 Google Chromeでは表示しているサイトのCSSがSassの何行目に記述されているか簡単に確認することができます。 Sassで作られたサイトのCSSをGoogle Chromeで確認しようとするとインスペクタには以下のように表示されます。 このままだと、どのSassファイルの何行目に記述した内容が反映されているかわからないですね。 これを次のように変更します。Sassというか私は基本的にCompassを利用しているのconfig.rbを以下のように変更しコンパイルします。 sass_options = { :debug_info => true } output_style = :expanded #output_style = :compressed 次にGoogle Chromeのインスペクタの

Most developers nowadays are recognizing that if you’re developing large applications that have different views and states, it is best to take a modular or object-oriented approach to your CSS development. When you throw media queries into the mix, however, the you can lose some of the benefits of modularity — code that’s easy to read, update, and maintain. Let’s look at different ways we can writ

What's this? HTMLソースをもとに、id,class名CSS、子孫セレクタCSS、子セレクタCSS、LESS、SASS、SCSSを自動生成するオンラインサービスです。 従来のHTMLコーディグを強力にサポートします。 What's LESS/SASS/SCSS? LESS / SASS / SCSSはCSSを効率的にコーディングできるCSSメタ言語です。 従来のCSSに比べ子孫セレクタ・子セレクタを簡単に管理することができ、高速にコーディングすることができます。 LESS OFFICIAL SASS/SCSS OFFICIAL 関連サービス 高画質サムネイル生成サービス HTTPクエリデコード SQLフォーマッター Insert文フォーマッター スペースフォーマッター JSONフォーマッター HTML/XMLフォーマッター Emmet toolkit for <textare

Normalize.css は僕もプロジェクトによって部分的に取り入れてたんだけど、v2.0 になったのをきっかけに今後はどのプロジェクトでもまるごと採用していこうかと考えてる。たとえばこのサイトでは今までどうやっていたかというと、 @mixin normalize-html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } @mixin normalize-body { margin: 0; } html { @include normalize-html; font-family: $sans-serif; overflow-y: scroll; ... } body { @include normalize-body; background-color: $

Sass（+ Compass）：Firebug やデベロッパーツールで SCSS の該当行を表示 2013.03.04 | この方法お勧めです！ | 制作あるある | 覚えておきたい こんにちはピンクです。確定申告の季節ですね！青色申告の私は毎年この時期、宿題を溜めてしまった夏休み最終日の小学生のようになっています…。 さて、Sass ネタです。 Firefox の Firebug や、Chrome のデベロッパーツールで要素のスタイルを確認すると、どのスタイルシートの何行目に記述があるか分かるようになっています。 上図は Firebug で適当にとったキャプチャです。「スタイルシート名.css」の n 行目に記述があるよー、と書いてありますね。デフォルトではここは .css の何行目か、しか見てくれません。 Sass（.scss）で書いて表示確認をして「ああ～ここ少し調整したいな…」なん

CSS Preprocessor Advent Calendar 2012の記事の続編…というか完結編です。 3月まで持ち越すつもりはなかったのに…… Part 7: あとはもう、まとめる 今回はPart 4, Part 5, Part 6で作ったmixinをひとつのmixinにします。どのmixinも type-of() 関数で、mixinの最初の引数を調べて処理を分岐する作りになっているので、分岐先の処理を統合するだけですね。 // config $lg_support_prefixes: '-webkit-'; $lg_support_webkit_gradient: true; $lg_support_svg_gradient: true; @mixin linear-gradient( $first, $rest... ) { $prefixes: $lg_support_pre

2013年2月も終わりかけですが、CSS Preprocessor Advent Calendar 2012の記事の続編です。 今回は linear-gradient() から、SVGのグラデーション画像を生成するmixinをつくります。なんでそんなことをするのかというと、IE9が linear-gradient() を実装しておらず、またグラデーションを生成できる独自フィルタもIE9標準モードで使えないからです。面倒ですねえ。Windows 7版のIE10の登場とそれへの移行が早く済むとよいのですが。 Part 6 ― SVGはパーセントエンコードされたdata: URLで表現 今回やるのは、異なるCSS構文の変換ではなく、CSS→SVGというフォーマットの変換が主です。IE9からサポートされたSVGを利用し、グラデーションを含んだSVGファイルを、background-image で参

2013年1月も後半ですが、CSS Preprocessor Advent Calendar 2012の記事の続編です。 さて、数日前にWebKitが接頭辞なしのグラデーションをサポートしました。Chrome 26やSafari 7?になれば幸せになりそうです。 でも、GingerbreadのAndroidブラウザーなど、-webkit-gradient() しかサポートしてない環境に対応しないといけないこともあるでしょう。というわけで、今回は linear-gradient() から -webkit-gradient()を生成するmixinを作ります。 Part 5 ― 構文の違いは制約と関数でなんとかする -webkit-gradient() は linear-gradient()と構文が大きく違います。 -webkit-gradient( linear, start, end, co

最近は配色を決めるときに、ColorHexaを参考によく使っているのですが、CSS書く時にいちいちコピペするのが面倒なのでSassの変数にまとめています。 必要なものだけここからコピペして、分かりやすい名前の変数に入れたりして使っています。 被ってる部分は実際にはいちいち指定してません。こういう配色だと分かりやすくするために念のため書いています。 // 基本とする色 $color-base: #0088cc; // 色相回転の基準角度 $hue-step: 30deg; // 補色 $color-complementary: adjust-hue($color-base, 180deg); // Analogous $color-analogous-primary: $color-base; $color-analogous-secondary-A: adjust-hue($color-b

ども、白です。ホワイトデーは来月です（はい）。 さて、いろんなデバイスを対象にしたり、ちょっと規模の大きいサイトを作っていくとなるとCSSを書くのも大変です。そんな時は「素のCSSなんて書いてられっか、バカヤロー！（ガラガラガッシャーン）」ってなるので、最近話題の「Less」や「Sass（+Compass）」「Stylus」といったCSSプリプロセッサを使ってテーマのスタイルを作る人もいるでしょう。 新規で作る場合は自分の好きなプリプロセッサを使えばいいし、「Forge」なんていうSass / CoffeeScriptなテーマ開発フレームワークみたいなの（要Ruby / RubyGems）もあるんですが、昔構築したサイトのメンテナンスとかリニューアルの時など、既存のテーマを元にいじらないといけない場合はきっとイライラすることでしょう（笑）。 しかし、世の中には便利なツールを作ってくださる開

【課外授業5日目】「Sublime Text 2とSass&Compassで効率的なコーディングライフ」を開講しました！！ クラスメソッドブログ課外授業5日目 今回は今大人気のSublimeText2とSass&Compassの勉強会でした。弊社のブログでも大変人気なこのシリーズですが、今回も募集30名という枠に対して倍近い応募があり人気の高さが分かりました。 1時間目：ちょっと心地よいHTMLコーディング with Sublime Text2 1時間目は、清田 隆志によるsublime text 2 のパッケージ（プラグイン）についての話でした。発表したスライドは以下になります。 スライドのリンクは以下になります。 https://dev.classmethod.jp/slide/html-coding-with-sublime-text2/ ロレム・イプサムについて熱く語る清田先生。サ

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

やっべぇ、これ便利！って思ったので即共有！これまでSprite画像作る時って皆さんはどうしてましたか？僕はCSS Sprite Generatorというサイトを使って画像を生成していました！ しかし、さっき見てた記事でなんと、Compassを使ってSprite画像を生成する方法が紹介されていて、今さっき試したら結構ツボにハマったので、まずはこの興奮のまま皆さんともシェアさせて貰えれば嬉しいです！ 参考にさせて頂いた記事は以下なんですが、結構詳しくCompassで作るCSS Sprite画像の作り方が紹介されています。まずは僕も試してみた簡単な概要部分をちょっとご紹介させて頂きましょう！SassとCompassの基本的な使い方はググって頂ければ嬉しいです＞＜ How to automatically generate CSS sprites with Sass and Compass | C

これはありがたい！と思えるSass/Compassに関するスライドが2つほどSlideshareにアップされていたので、このブログでも紹介させていただきます。去年行われたHTML5 Conference 2012でNHN Japanのマークアップエンジニアの方から発表されたもので、すでにSassを使ってCSS運用を始めている方からの貴重な情報です。 前編、後編とあるので、それぞれに対して自分なりに重要だと思ったこと、また、それらに対する考察をまとめてみました。自分が管理・運営しているウェブサイトのCSS管理も、Sass/Compassを使ってやりたいなぁと思う今日このごろです。時間的な初期投資は必要だけど、長期的に考えたらメリットも多く時間の節約にもなりそうです。 今回の投稿では、まずは前編から。 前編で気になったところのまとめ 「実践Sass 前編 — HTML5 Conference

HTML5 Conference 2012 で使用したスライドです。 前編のスライドはこちらです。 http://www.slideshare.net/azusatomita3/sass-14212266Read less

17. Scout • 無償 • Compassも対応 • サイトからDLできるver.ではconfig.rbが読めない • githubの最新版は、config.rbとSass3.2対応 • Sass3.2の対応が遅かった （一昨日ようやくリリース）

この記事は賞味期限切れです。（更新から1年が経過しています） 先日スタイルガイドを制作する機会がありまして、 せっかくなので、スタイルガイドの生成に利用したStyleDoccoの使用感などをまとめておきます。 スタイルガイドについて ざっくり言うとスタイルシートのドキュメントです。 自分一人で完結するその場限りのページなら良いのですが、 複数人のチームで組み込んでいたり、メンテナンス担当が他の方だったりする場合、 プロジェクトのCSSをドキュメント化しておく必要が出てきますね。例えば、 どのような命名規則や方針で書かれていて どこになにがあり どのようなモジュールがどこで使えて そのモジュールはどうするとどのような挙動を起こすのか 等をまとめておく文書になると思います。 規模によってはかなり骨な作業になりそうです。 StyleDoccoとは StyleDocco StyleDocco ge

うららかに晴れた秋の日、みなさんいかがお過ごしか？こんちわ@t32kだ。 今日はCSScombってツールの紹介だよ。タネマキであったこもりさんのSublime Text2勉強会のときに知ったんだけど、 まぁCSSプロパティを綺麗にソートしてくれるって代物だ。大まかな機能はこんな感じ。 CSSプロパティのソート ソート順は設定可能 style要素、style属性もパース スタイルシートのフォーマットは変更しない CSS2,3,4も完全にサポート オンラインからでも使えるし、Sublime Textだけじゃなくてメジャーなテキストエディタだったら、たいていのプラグインは用意されているんだ。 便利なものがあるなーと思ったけども、Sassファイルでこのツールを実行すると、その時はバグっていて、単純にプロパティ順を綺麗にさせるためだけなのに、そんな致命的なバグの危険性（CSSが壊れる）とかマジ勘弁！

CSS Nite @cssnite 来週の土曜日は、CSS Nite LP, Disk 26「CSS Preprocessor Shootout」です。 http://t.co/uCd1aGWf 受講票は、週明けにお送りする予定です。 #cssnite_lp26 http://t.co/0BulOQTp 2013-01-04 18:25:20 ねこみみ隊長 @nekomimiTaicho 来週のCSS nite LP26 http://t.co/ZAmOW7PF に参加するので、そろそろ仕事にも入れるべく環境を整備しようかなとか思ってみたり。あ、でも会社はWIndowsだったorz 2013-01-05 08:53:36 CSS Nite @cssnite 今週土曜日に開催予定のCSS Nite LP, Disk 26「CSS Preprocessor Shootout」に参加される方に、

Sass の数値で出力されるのは小数点以下 5 桁までで、6 桁めが四捨五入される (Sass 3.2 の デフォルト設定 の場合)。つまり、0.333333... は 0.33333 に、0.666666... は 0.66667 に丸められる。でもたとえば 16px/12px の結果として 1.33333 ではなく 1.34 がほしい、というような場面もある。数値を丸める関数として round()、ceil()、floor() が用意されてるけど、いずれも小数部分を丸めて整数を返すもので、任意の桁を操作するということはできない。というわけで、小数点以下の桁数と丸めを制御する round-decimal()、ceil-decimal()、floor-decimal() という関数を作ってみた。 // Round (四捨五入) @function round-decimal ($numbe

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

誰がうれしいのかわからない、CSS Preprocessor Advent Calendar 2012の記事の第2弾です。 今回は -webkit-gradient() への変換について書こうと思ったのですが、ひとつ忘れてたことがあったので、それについて書きます。 Part 4 ― type_of() で処理を振り分け 前回は「方向なし」「キーワード」「角度」別に3つのmixinを定義しました。分けるとそれぞれ何をやってるかがわかりやすいのですが、やはり使うことを考えると一つにまとめたいもの。そこで、ひとつのmixin内で処理を振り分けることにします。 やり方ですが、Sassの type_of() 関数を使います。mixinの引数を第一引数と可変長引数のふたつにわけ、第一引数の型を判定します。 @mixin lg-compound($first, $rest...) { $prefixes

このエントリはCSS Preprocessor Advent Calendar 2012、13日目のエントリです。 Sassを本格的に使い始めてもう6ヶ月経つのですが、まだまだだなあと思うこと多々です。 というわけで、勉強のためCSSのグラデーションを出力するmixinを書いてみました。 Part 0 ― linear-gradient() の構成 CSS Image Values仕様の linear-gradient() は、グラデーションの「方向」に、色と位置の組からなる「カラーストップ」が続くという構成になってます。 linear-gradient( direction, colorstop1, colorstop2, ... ) さて、今日のImage Values仕様の linear-gradient() と、接頭辞つきの -prefixed-linear-gradient()

I know you can strip units from numbers in SASS when you know the unit before-hand like this: $number: 16px; $without-unit: 16px / 1px; @warn $without-unit; // 16 But is it possible to strip the unit from a number without knowing what the unit is first? @function strip-unit($number) { // magic code here... } @warn strip-unit(16px); // 16

昨日、思わず背筋が凍るようなニュースを見つけてしまい、朝から憂鬱だった。 都営地下鉄を24時間運行　３大都市圏に特区検討 http://www.nikkei.com/article/DGXNASFS1505J_V10C13A4MM8000/ 都営地下鉄だけでなく、都バスまで24時間運行を検討しているらしい。「利便性」だけ考えると、終電が無くなって電車やバスが24時間走るようになるのは決して悪くないように見える。確かに、例えば金曜日の夜とかに友人と飲んでいて、あっという間に終電の時間が来てしまって、ちょっと名残惜しい気持ちになったりすることはある。 もっとも、終電には「区切り」を作るという重要な役割があることを忘れてはならない。特に、労働環境が劣悪で深夜残業が常態化している会社が山ほどある我が国においては、終電によるタイムリミット効果は多かれ少なかれ確実に「ある」と思われる。そもそもこの計画

どう楽しむかは冒険者次第！ アトラスは、週刊ファミ通2013年5月2日号（2013年4月18日発売）において、2013年6月27日に発売予定のニンテンドー3DS用ソフト『新・世界樹の迷宮 ミレニアムの少女』の最新情報を公開した。以下、記事内容を一部抜粋してお届けする。 人気RPG『世界樹の迷宮』シリーズの新展開たる本作。今回は、バトルをいっそう奥深くする要素や、新旧のユーザーが好きなように本作を楽しむための各種要素を紹介していくぞ。さらに、シリーズ第1作を遊んだことがない人にとってはとくに朗報と言える、“クラシック”なモードも搭載されていることが判明！ スキルの幅を広げる新要素“グリモア” パーティーメンバーはそれぞれ特定の職業に就いているが、別の職業のスキルが宿った“グリモア”と呼ばれる石を装備することで、より多様なスキルが使用可能になる。グリモアは、バトル中に“グリモアチャンス”が発生

シャーロックとハリー・ポッターが大好きなライターの内藤です。 ハリー・ポッターに至ってはUK版を原書で全て読みあさっており、とあるテレビ番組に出演したことがございますが、それも今となっては恥ずかしい思ひ出でございます。 とはいえ・・・ 私は、TOEICを受けたことがありません。 私は、多少の英語は読めますが、書くのと聞くのと話すのは全くダメです。 でも英語できるようになりたい！シャーロックのために！ハリー・ポッターのために！ そんな私が最近はまっているLang-8をご紹介致します。 勢古口さんの記事”実践英語を身につけるための、無料で使える言語学習サイト5選“でも紹介されていました。 世界中で外国語（母語以外の言葉）を勉強する人のSNSサービス、それがLang-8です！ http://lang-8.com/ Lang-8とは？ 簡単に言うと、自分の母語を学んでいる外国人の記事をお互いに添削

2013年04月17日19:30 深夜徘徊面白すぎｗｗｗｗｗｗｗｗｗ Tweet 1：以下、名無しにかわりましてVIPがお送りします：2013/04/16(火) 23:17:30.57 ID:51CVWfxr0 誰もいないし静かだし星きれい 4：以下、名無しにかわりましてVIPがお送りします：2013/04/16(火) 23:21:02.01 ID:iTMXC9HQ0 ネタじゃないなら現実逃避の一種だからほどほどのしとけ 5：以下、名無しにかわりましてVIPがお送りします：2013/04/16(火) 23:21:22.92 ID:51CVWfxr0 >>4 現実逃避ってマジかよ 6：以下、名無しにかわりましてVIPがお送りします：2013/04/16(火) 23:21:55.91 ID:nZNszJnh0 >>4 なにそれ怖い 9：以下、名無しにかわりましてVIPがお送りします：2013/

制約：「桃」「おじいさん」「おばあさん」「犬」「猿」「キジ」「鬼」「きびだんご」「山」「柴刈り」「川」「洗濯」「どんぶらこ」「日本一」「家来」「宝」の使用禁止 昔々、あるところに高齢の男性と高齢の女性が住んでいました。高齢の男性が周囲より標高の高い地形へ剪定作業に、高齢の女性が細長い地形に絶えず水が流れる場所で衣類の汚れを排除していると、上流から大きな学名Amygdalus persicaが大仰な擬音と共に流れてきました。 「こんなに大きなAmygdalus persicaは見たことないわ。これは良いみやげになるわね」 高齢の女性はその時折お尻の隠喩として使われる果物を持ち帰り高齢の男性と二人で割ってみると、中から元気のいい男の子の赤ん坊が飛び出して来ました。子供がいなかった高齢の男性と高齢の女性は大喜び。シロップ漬けの缶詰にすると美味しいそれから生まれた子供だったので、それらしい名前を付

programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / ※ この記事はgrunt version 0.2.x のもので、grunt 0.3 からはAPIが変更されています 例えばこんなの htdocs ├── common // サイト共通ファイル格納ディレクトリ │   ├── css │   │   ├── all.css // コンパイルしたやつまとめたい (A) │   │   ├── all.min.css // そんでminifyしたい (A) │   │   └── fragments │   │   ├── base.css │   │   ├── modules.css │   │   └── reset.css │   └──

Posted 12月 13th, 2012 by codechord. 8 Comments Tweet Tweet こんにちは。Sublime Text 2 Advent Calendar 2012 の13日目です。 http://www.adventar.org/calendars/20 釣りタイトルですいません。 記事が思ったより長くなってしまったので、まず簡単に何をしたいかを説明します。 僕だけじゃないと思うんですが、sass/SCSSを使っている場合に限りですが、サーバにアップするのが自動でできなくて、イライラを感じたことはありませんか？SublimeText2使ったら解消でき、作業効率化できますよ。というお話で、一連の設定手順を紹介します。 SublimeText2を使って、Sass/SCSS(compass)を使い自動生成したcssファイルを自動でサーバにアップロード。これっ

CSS Preprocessor Advent Calendar 2012の10日目、@Takazudoです。 僕はSassが好きです。なぜならSassにはextendがあるからです。その理由を、社内勉強会で発表した、以下のスライドで話したことを補足しつつ、書きます。 OOCSS + Sass OOCSSってなんぞ まず、Sassのextendが素敵な点を紹介する前に、OOCSSについて簡単に紹介します。 OOCSSというのは、Nicole Sullivanという人が言い出した考え方です。そのプレゼン資料やビデオなどは、本人が発表したものが、slideshare等にアップされています。 Object-oriented CSS Object Oriented CSS by Nicole Sullivan · Fronteers The Cascade, Grids, Headings, an

コミュニケーションが生まれるツイートまとめツール

なんか突然東京行きたくなったので、ひょひょいと行ってきた。 たまたま立ち寄ったクックパッドっていう会社でクックパッド流UIの作り方という勉強会してたので、偶然持ち合わせていたはてなステッカー渡したりおいしい料理いただいたりした。 UI/UXのためのSass 池田さん / サービスデザイン部 Sass / Haml (エンジニア・デザイナー問わずに) Github デザイナーもpull req 一つのサービスを複数チームで開発 各デバイスで速いサイクルでの開発 Sassとは → ぐぐれ 全体のデザインを束ねる → デザインガイドライン ガイドライン Sassで統一的なものを提供する 画像を使わずにCSSでデザインするメリット mixinをつかって統一できる 画像編集がいらない プロパティの変更によってデザインに幅をもたせる事ができる mixinの中身は応用がきくような仕組みにしておく 検証を

ビューポートの幅に合わせてフォントサイズを変更するCSSを、コッぺッするのをやめSassのミックスインにした。あんまり見ない感じのミックスインになったのでメモがてらエントリーに。こうなるともうCSSじゃないどころかSCSSとしてもとても読みづらいものになってきていて、ダメなミックスインの例な気がしないでもない。 $safe-for-content: 4.5em; $safe-for-full: 66em; @mixin adjust-font-size($sizes) { @each $size in $sizes { $ratio: $size / 16px; $feature: min-width; $value: $safe-for-full * $ratio * $ratio; @if ($ratio < 1) { $feature: max-width; $value: $saf

Get a new domain registered at NameSilo.com. Find out who owns any domain name with the WHOIS tool. This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.