A syntax to SCSS uses its @media = 700x600x40:body = green, and foreground =… To generate a Sass Syntax, please contact Sass Syntax using this url and a screen name (width: (000) 700px). Image: @media (width *= 700px); body: green; background: green. Table of contents what is @media in sass?what is media scss?how do you structure a media query?can we use media query in sass?where do media queries
Responsive Web Designを考えたCSSコーディングに役立つLESS/Sassのコードを紹介します。 本記事はLess & Sass Advent Calendar 2011の13日目の記事です。 ※投稿日付が15日になっていますが、私の勘違いで投稿が遅れてしまいました。。(関係者の方ごめんなさい) LESS/Sassの前にResponsive Web Designの定義の話 まず先にResponsive Web Designとはどういうものであるかを確認しましょう。 Ethan Marcotteが提唱したResponsive Web Designは、次の3つの要素で構成されたものとなります。 A flexible, grid-based layout,(柔軟で、グリッド型のレイアウト) Flexible images and media, Media queries
check Unlimited Number of Websites check Unlimited Email Accounts check Unlimited Bandwidth check 2X Processing Power & Memory check LiteSpeed Cache check WordPress Acceleration (LSCWP) check Cloudflare Protection check Github Integration check 24/7/365 Support check Easy Website Builder check 99.9% Uptime Guarantee check DNS Management check Unlimited MySQL Databases check 100 Subdomains check Un
2012/12/31 フォロー記事書きました: 1年前のSass/Compassを振り返ってみた みんな気になってしょうがないPathのアレを、Sass, Compass, CSS3 Animationsのお勉強をかねて作ってみました。Chrome, Safari, Firefox, IE10で動きます。 Demo: http://teppeis.github.com/menu-like-path/ Source: https://github.com/teppeis/menu-like-path 「CSSでPath風メニュー」っていうのは国内外ですでにたくさんあるので、気になったところなどSass&Compass寄りでいくつか書きます。 SCSSの記述量はCSSの約5分の1 今回作ったもので、SCSSで約300行(後述の自作ライブラリ含む)、コンパイル後はCSSで約1550行になりました
NAVER UITのSass Mixins職人(他称)の上村です。 今日はLess & Sass Advent calendar 2011の21日目です。 3日目に書かれている通り、NAVERでは半年ほど前から実務でSassを使っています。 今回は弊社で使用しているSassのディレクトリ/ファイル構成やMixinsについて解説します。 基本ディレクトリ/ファイル構成 今のところcss/sassディレクトリは下記のような構成を基本としています。 project |~css/ | |-category-A_TRUNK.css | `-category-B_TRUNK.css |~sass/ |~core/ | |-_setting.scss | |-_style-mixin-base.scss | |-_style-mixin-layout.scss | |-_style-mixin-mod
Sassを書く時には変数を多用することと思います。それら変数は自分で定義して自分で使うので、同じプロジェクト内で再定義する必要はあまりありません。しかし他人や自分の作ったSassファイルを流用する場合、その中で使われている変数の値を最適化する必要が出てきます。もしその変数がハード・コーディングされているだけだとしたらどうでしょうか? その場合変数を直接書き換えることになるでしょう。こういったSassファイルの再利用における問題を解決するためにSassには!defaultというフラグが用意されています。 Less & Sass Advent Calendar 2011もついに18日目ですね。ゴールまであと少しです。 まずはSassリファレンスの!defaultを扱っている部分を読んでみましょう。参考にざっと以下に訳してみました。 変数の値を指定する時、!defaultというフラグを付けておく
Ever find yourself needing to wipe your iPhone 15 Pro Max clean? Maybe you’re planning to sell it, following an iPhone guide at i5apps.com, or perhaps it’s just time for a fresh start. Whatever your reason, performing a factory reset is a straightforward process. By the end of this quick overview, you’ll know exactly how to restore your iPhone 15 Pro Max to its original factory settings. After you
こんにちは。 年末の予定はぶっ通しでスカイリムにつぎ込むことが決定したUIT富田です。 今回は、Less & Sass Advent calendar 2011の6日目として、 sassのfunctionについて解説します。 すっぽりハマった四則演算の落とし穴 sassは値の四則演算をサポートしており、10進数だけでなく、16進数の値であってもよしなに計算してくれます。 color: #a3a4a5 + #111111; ↓ color: #b4b5b6; 16進数と10進数でもエラーにならず計算してくれます。(普通あまりやらないとは思いますが) color1: #000000 + 1; color2: #000000 + 15; ↓ color1: #010101; color2: #0f0f0f; この16進数の計算は、結果が#fffffを上回った場合、上回った分は切り捨てて、す
開発部の川野です。今回も Sencha Touch をテーマに、記事を書かせて頂きます。 Sencha Touch と言えば、「綺麗な UI」が特徴ですよね (JavaScript だけで画面を構築する独特のスタイルも特徴ですが)。 本記事では、その綺麗な UI を支えている「Sass」「Compass」というツールについて、また、Sencha Touch で、それらをどのように利用しているかについて、少し覗いてみたいと思います。 Sass makes CSS fun again. Sass は、CSS の冗長性や、保守性・生産性の悪さを解決するために生まれた CSS の拡張言語です。独自の文法で記述したファイルをコンパイルして、CSSを生成します。 Sass の具体的な説明は本記事では割愛させて頂きますが、一言で言うと、CSS の「プログラミング」を可能にしてくれます。押さえておきたい特
松駒 @matsu_koma 「お客様は神様だろぅ!?」とお怒りになったお客さんに対して、淡々と「神は死んだ」と返した期待の大型新人が夜勤にやってきました。ゆとり世代ならぬさとり世代である彼の今後の活躍に期待したいところです。 2012-04-16 19:15:14 松駒 @matsu_koma ニーチェ先生(大型新人)に「仕事は慣れましたか?」と尋ねたところ、「『ザ・コンビニ3 ~あの街を独占せよ~』でシミュレーションを重ねに重ねました」と率直に返されて、確かにシミュレーションが大事とは伝えたけど方向性が違うよって伝えられずにいる。 2012-04-18 17:41:53
Stopwatch | By wwarby Flickr! こんにちわ、あなたの@t32k、ごきげんいかがでしょう。みなさんはスマホWebアプリ作っていて、自分の作ったものは速いのか遅いのか気になりませんかね?僕は木に泣くりまくりすてぃです。 そうゆうわけなもんで、表示速度とか計測してみようって話になるじゃないですかー、まさかストップウォッチで計測しないとは思うんですけどー、一応どのようにスピードを計測、そのアプリの性能を評価すればよいのか一緒に考えてみましょう。 僕が昔、ゴメス・コンサルティング(現:コンピュウェア モーニングスター) のセミナーに行ってきた時の話ですが、ここの会社はサイトパフォーマンスの計測サービスを提供していて、計測で重要なのは『定期的かつ継続的かつ同手法にてパフォーマンス測定』と言っておられました。 サービスリリース時はスモールスタートなのでアプリもコンパクトですか
要素内容に依存する幅の指定についてのメモです。 これらは「CSS basic box model(草案)」に記載されており、MDNのページに分かりやすく説明されています。 本来、これらは幅だけでなく高さの指定にも使えるようなのですが、まだ実装されていませんので確認できません。 2013年4月現在、幅の指定として使えるブラウザはFirefoxとGoogle Chromeです。Safariでは動くんですかね。最新版ないから分かりません。 available or fill-available包含ブロックから該当要素のマージン、ボーダー、パディングのサイズを引いた幅。 現在、Firefoxは-moz-available、Chromeは-webkit-fill-availableで動作します。max-contentややこしい計算式があるんですが、とりあえずは該当要素が取りうる最大の幅として覚えてお
UI(ユーザーインターフェイス)は、いつの頃からか魅力的な視覚要素が含まれた GUI として語られるほうが多くなりました。これはある種、デザインを装飾としてのみ捕われてしまう状況と似ているところがあります。 では、ユーザーインターフェイスとは一体何なのか。スケッチしてみました。 昔からあるデスクトップでも、Google Glass のような未知のデバイスでも、人とコンピュータの関わりは必ずといっていいほど発生します。 人が何かをインプットすることで、コンピュータは処理したデータをアウトプットして人に伝えます。ユーザーインタフェイスとは、人のインプットを助長したり、コンピュータが処理したデータを人が理解できるようにアウトプットする役割を果たします。つまり、人が操作するコンピュータとの関わりを円滑なものにするのがユーザーインターフェイスの基礎と捉えることができます。UI を HCI (Huma
このサイトについて Gruntの日本語リファレンスです。 Gruntの本家サイト(英文) の内容を翻訳して作成していますが、誤訳や誤記があると思いますのでその点についてはご了承ください。 もし、誤訳などの間違いを見つけましたら、 @tomof まで教えていただければ幸いです。 News 2013.04.15 サイトをオープンしました。 概要 何故タスクランナーを使うのか? 一言で言えば、自動化のためです。 ファイル圧縮、コンパイル、単体テスト、Lintなどの繰り返し実行しなければいけないタスクを自動化することで、仕事を楽にしてくれます。 タスクランナーを設定すれば、こういった冗長的なほとんどの仕事を、あなたやチームのために行なってくれます。 何故Gruntなのか? Gruntエコシステムは、巨大で日々成長しています。 Gruntを使って文字通り何百ものプラグインから選択し、最小限の努力で自
今さら感がハンパないのと、ちょっと前の話になってしまいますが、hgroup 要素が HTML5 の勧告候補 (Candidate Recommendation) から削除されるようです。 WG Decision on request to drop hgroup from HTML5 : W3C Mailing lists plan on removing hgroup from spec : W3C Mailing lists as per the chairs decision I plan to remove hgroup from the HTML5 spec. It will be made non conforming, but the implemented parsing rules and user agent CSS rules will remain (as is u
2013年04月05日 マクドナルドの完全新商品「チキンてりたま」「バーベキュービーフ」「バーベキューチキン」を試食イベントで食べた感想 カテゴリ:ブロガーイベントマクドナルド 2013年4月5日(金)、マクドナルドが新商品の「チキンてりたま」を発売します! これまでにない完全新作で、発表されたのが4月4日にも関わらず、発売は翌日の5日。なんとスピーディーなんでしょう! → マクドナルド、「チキンてりたま」「バーベキュービーフ」など新たに3種類のハンバーガーを発売へ! そして、4月4日(木)にはマクドナルド主催のブロガーを対象とした「チキンてりたま」「バーベキュービーフ」「バーベキューチキン」の試食イベントが開催されまして、僕も参加してきましたよ! この会場、何度来ても緊張するわ〜。 会場前方で解説を聞きながら、手元には早速ブツが登場! ふぉ!こ、これが今回お初となる親子バーガーこと「チキ
こんにちは。小野ほりでいです。 突然ですが、インターネットでチヤホヤされたくありませんか? Twitterに限らず、さまざまなSNSで自分のことを諦めて「モテない」などと書き込む人が増えていますが、そんなことをしていては悪循環です。 今日は覚悟を決めて、Twitterモテの第一人者から生き馬の目を抜く戦術を教えてもらいましょう。 <登場人物> エリコちゃん パソコンとインターネットのことはからっきしのOL。要領が悪い。 ミカ先輩 エリコが働く部署の先輩。仕事ができるうえに、実生活でもネット上でもモテモテ。 インターネットモテとは? はぁ~。今日もいっぱいリプライが来て大変だわ~。 すごいなあ。先輩って、どうしてそんなにモテるんですか? それはあんた、いろいろやってるからね。 いいなあ、あたしもTwitterでチヤホヤされたい…。 あら、誰だって工夫すればチヤホヤしてもらえるわよ。 教えてあ
■質問 今の仕事に対するモチベーションが沸きません。30代の頃は、残業も厭わずバリバリ働いていましたが、現在は仕事への興味を失い、やる気が全くでません。家族の養育費と住宅ローンのためだけに仕事を嫌々続けている毎日です。転職してやり直すことを日々考えますが、このご時勢にしては、それなりの待遇の会社なので、専門的な技能があるわけでもない私を、現在以上の待遇で採用してくれる会社があるとも思えません。 満員電車に揺られる中で、自分はいったい何をしているんだろうと思います。会社の定年は65才で、あと20年以上今の状態で働くと思うと、滅入って仕方ありません。家族のためにこれからの人生を現在の延長で終わるのかと思うと辛い毎日です。出版関係勤務 エックスマンさん(41歳) ■回答 要するにおまえは、自分じゃ生き方ひとつ決められんクソってことじゃろ? 家族だのローンだの、踏み出せない理由をまわりに押しつけと
日本すげー! マンガ底知れねー! 昨年、「花のアンドロイド学園(Androidやグーグルをとりまく端末メーカーを擬人化した作品)」で米国のギークたちを震撼させた日本の漫画界。これに続いて現在、太平洋の向こうからアツい視線を注がれているのは、やっぱりこの作品でした。 3月25日から講談社「Kiss」で連載がスタートした漫画「スティーブ・ジョブズ」。本作を描くのは「テルマエ・ロマエ」でおなじみのヤマザキマリさんです。ウォルター・アイザックソンさんが執筆したジョブズ公認の伝記が原作となっているところも、本国では一定の信頼感につながっているようですね。 米ギズモードでは、「日本語が読めなくてもいいから、とりあえず見てみて」とばかりに、第一話の一部を公開した立ち読みコンテンツ(無料)のリンクを掲載。まだチェックされていない方はぜひどうぞー! [Apple Insider via The Next W
Understanding 해운대고구려 Facebook Marketing Works Having a really good해운대고구려 item may certainly not be actually a guarantee for excellent purchases. It’s achievable for you to possess wonderful service or products,… [더 보기] Just howCrucial 해운대룸싸롱 The Right Diabetes Mellitus Diet? There is actually해운대룸싸롱nothing more important than the best diabetes diet regimen. Diabetic issues is actually a major disea
学びたい言語のネイティブ同士での相互添削サービス Lang-8は学びたい言語で日記を書くサービスです。 英語を学びたい人は英語で日記を書きます。 そうすると、その書いた英語の日記は英語圏の人に添削をしてもらうことが出来ます。 Lang-8には日本語を学びたい海外の人も、日本語で日記を書いています。 そこで、僕ら日本人はその日本語で書かれた日記を添削してあげるのです。 つまり、ネイティブ同士で学びたい言語を相互に添削しあうです。 例えば「日本人で英語が学びたい人」 と 「イギリス人で日本語を学びたい人」 が、お互いの日記を添削しあうことが出来るのです。 お互い学びたい言語を教え合うのです。 ちなみに、昨日の僕のLang-8の画面。こんな感じで添削し合います。 僕はスマホで電車中など移動中にやってます。 PCよりスマホの方が辞書アプリが使えるので便利なのです。 ほとんどソーシャルゲーム感覚でL
人によってはそうでもないけど、人によってはゾクっとする。人の数だけ恐怖の対象があるようなのだが、その中でもダメっていう人が多そうな画像がいくつか集められていた。 無数のものが並んでいたり、穴がボツボツ開いていたり、錆びてたり痛んでたり、分解されたりと、そういう系のものが多いようだね。 1.クルミ割り人形の顔 この画像を大きなサイズで見る 2.珊瑚 この画像を大きなサイズで見る この画像を大きなサイズで見る 3.古い人形 この画像を大きなサイズで見る 4.屋上から下を見下ろす写真 この画像を大きなサイズで見る 5.コンタクトレンズを外すシーン この画像を大きなサイズで見る 6.蓮 この画像を大きなサイズで見る 7.ふやけた指 この画像を大きなサイズで見る 8.入れ歯 この画像を大きなサイズで見る 9.シダの胞子 この画像を大きなサイズで見る 映像 10.側溝の蓋の網目 この画像を大きなサイズ
2013年4月14日 著 先週の金曜日、勤務先にてCSUN2013 参加報告セミナーが開催され、自分も講師の一人として登壇しました。セミナーで紹介し終えるまで言及するのを避けていた、というわけでもないけれど、今更ながらレスポンシブWebデザインにおけるアクセシビリティ面での注意点について覚え書きしておきます。その注意点は、CSUN 2013の初日に参加したResponsive Design and Accessibility Workshopで聞いた話や、3日間あったセッション聴講期間の初日に聞いたAccessibility Through Responsive Designというセッションで伺った話が元ネタです。ちなみに、レスポンシブにデザインしさえすればアクセシブルだと言える訳ではない、という話ではありません(それはそれで重要な事実ですが)。 Webは、さまざまな人々がさまざまなアクセ
Published: 22 March 2013 This article explores are simple method for creating responsive tables, without the need to radicially alter the table content or layout. There are a lot of very clever responsive table solutions available now. They include: flip the table on it's side, convert it to a pie chart, gradually reduce the columns, allow users to determine columns, and even allow partial scrolli
大人気都市づくりシム『シムシティ』のMAC版が、ウィンドウズ版から遅れること約3ヵ月、6月11日に発売されることになりました! 『シムシティ』 ●エレクトロニック・アーツ 価格未定 しかも、うれしいことに“ウィンドウズ版をすでに購入している人は、Mac版は無料で遊べる”んです!そういえば、某マックピープル編集部の人が、「うっかりウィンドウズ版を買ってしまった」、とツイートしていましたが、追加購入しなくていいんですよ、よかったですね!正直、この日のために1ヶ月も前からネタを仕込んでくれていたマッピー編集部に感謝の念を禁じ得ません。 もちろん、ウィンドウズ版とMac版のアカウントは共通で遊べるので、自宅PCでみっちりつくった街を、出先ではMacbook Airで監視する、なんて遊び方もできちゃいます。私ジサトラアキラが昨年購入した11インチのMacbook Airもこのために買ったといっても過
うーん何から書こうかな。 Alfredの話は前から記事にしようと思っていたのだけど、あれよあれよと年が明け、あれよあれよとバージョン2。撮ったキャプチャもやたら古いっちゅーの(あるある ではご存じない方向けに軽くさくっと。他の方は寝ててください。 AlfredとはMac用(OS X 10.6+)のアプリケーションランチャーである Alfredとは検索ツールである(ネット、ファイル、ブックマークなど) Alfredとは計算機である Alfredとは辞書である Alfredでシステムコマンド入力ができる ランチャーとしてはここまででも十分すぎるくらいだけど、追加機能が使えるようになるPowerpackライセンスを購入すると… Alfredで連絡先にアクセスできる、URL履歴が使える、iTunesコントロールができる、1Password連携、クリップボード管理ができる、スニペットを登録して使える
好みの記事を選んでくれる、だけじゃない。ネットと人を 優しく繋げる「グノシー」【中の人 こんにちは #2】 ある日の編集部 伊藤:お・さ・だ すわ~ん、最近ハマってるアプリってあります? 長田:がぜんグノシー。どんぴしゃオレ好みの記事をガッって配信してくれて、自分が見透かされてる気がして、キャッ(〃ノωノ)て恥ずかしい! 伊藤:ことばの意味はわからりませんが、とにかくスゴイ気に入ってるアプリということは十分伝わりました(笑)。それでは開発者の方にお話きいてみましょう! 編集部(特にオサダ)の情熱に後押しされて、第2回「開発者さん いらっしゃい」はパーソナル ニュースリーダー『グノシー』の開発者の皆様に来ていただきました。 結局南極、グノシーって何者? 伊藤:まず「グノシー」の説明をお願いできますか?(オサダの説明じゃ全然わからんし) 福島:グノシーは、ユーザーのFacebookやTwitt
Feedly: Your Google Reader, Youtube, Google News, RSS News Reader 14(無料) カテゴリ: ニュース, エンターテインメント 販売元: DevHD – DevHD Inc Website RSSフィードリーダーのFeedly。メインカラーとして鮮やかな黄緑を使っており、カテゴリー部分では色を多用しています。慣れればどのカテゴリーかぱっとわかりそうで良いですね。 Infomatic Website Infomaticは自分のTwitterやFacebookの使用状況を統計で確認できるアプリ。残念ながら日本のアップルストアではダウンロード出来ませんが、青をベースとした配色が綺麗ですね。 Figure
わずか280行程度のJavaScriptで作られ... / JavaScriptで作るいろいろな物理シミュレ... / JavaScriptによる波の物理シミュレーショ...他...全14件
AI Aria browser AI now available in Opera without sign-in September 26th, 2024 Opera is making it possible for you to use Aria AI without sign-in requirements. Opera for iOS Opera One for iOS wins the MUSE Design Award 2024 September 6th, 2024 We're thrilled to announce that Opera One for iOS has won the MUSE Design Award for 2024! AI Image Understanding arrives in Opera for Android September 3rd,
世代交代早い気も......。 「ガジェット速報」によりますと、米アップルは今年の第2四半期(4月~6月末)までに新型MacBookをリリースするのではないか? と報じられています。上流サプライチェーンからの情報で、情報のソースは海外のニュースサイト「DigiTimes」であるとのこと。 さまざまな話題が出ていますが、情報をまとめて噛み砕くと以下のとおり。 ・Retinaモデルの出荷は意外と伸び悩んでいる。 ・第2四半期に新型出した後に発注増えるかもね(WWDCで発表か?) ・インテルの次世代CPU「Haswell」は省電力特化だからこれが積まれるかも? ・MacBook AirへのRetina搭載は省電力化がネックだよね。 という内容。 MacBook Pro Retinaモデルが発表されたのって、たしか去年6月のWWDC。そこからちょうど1年と考えるといい区切りなのかもしれません。でも
If you are looking for a slider that is completely customizable, lightweight, works cross-device/browser and built with modern standards in mind? Then HTML5 and CSS3 sliders are very good option. There are lots of free HTML5 and CSS3 Slider which can displaying any HTML content (images, videos, text..) inside a slider interface and comes with awesome features. HTML5 slider and CSS3 Slider is mob
一日に3時間以上は電車に乗っています。PITE.です。 いい加減一人暮らしでもしようかなと思っている今日このごろ。六本木にオフィスがある会社に来年就職予定なのでアクセスしやすいオススメの地域とかあったら教えて下さい。 あ、またどうでもいい話してる…!さっさと本題に入りましょう。 最近ブロガーさんと話す機会が増えブログデザインに関する話をすることが多くなってきました。その中で特に話題に上がるのがスマホ用テーマについて。選択肢としてはスマホ専用テーマを作って振り分けるか、レスポンシブデザインを使って一つのテーマで対応するという2つが代表的なものだと思います。WordPressを使っている方はWptouchを使っている方も多いですね。 僕は現在、レスポンシブデザインを避け専用テーマを作って対応しています。 なぜ僕がレスポンシブデザインを避けるのか、思うところがあったので少しだけ記事として書いてみ
連休も終わってしまうので、昨日に引き続きSigma DP2 Merrillのレビューっぽいことをしておきます。色の不具合とか質感すげーという話は昨日したので、今日は個人的につぼったポイントを紹介します。 まず画角について。35mmカメラ換算で約45mmという、いわゆる標準レンズの画角なのですが、これがやっぱり使いやすいです。最近はD90+カラースコパー20mmという変態構成で散歩することが多くて、これはこれでボーっと眺めてる景色を四角い画面に収めたいときには都合よくて楽しいのですが、意識的に「何か」を眺めてるときの光景を切り出すのにちょうどいいのは、やっぱり標準レンズだったんだなーと思い出してきました。 10数年前、お金ない学生のころはフィルムカメラに標準レンズをつけて歩くしかなかったわけですが、そのころの感覚もこんなでした。そんなおっさんがDP2 Merrillを使うと、当時の自分には切
先週、Webブラウザーの世界にふたつほど衝撃的なニュースが走った。ひとつ目はMozillaがSamsungと共同でプログラミング言語Rustをベースにした新Webレンダリングエンジン「Servo」の開発を進めていくと表明したこと、そしてもうひとつが今回の主題、GoogleがWebKitを離れて「Blink」への移行を表明したことだ(開発者向けバイナリーを配布するGoogle Chrome Canary(28.0.1468.0 canary)では、すでにBlinkが含まれている模様)。 Mozillaの抱えるGecko、AppleとGoogleが推進するWebKit、そしてMicrosoftのTridentの3つは、Webブラウザー業界においてシェアのほとんどを握る3大勢力となっている。その勢力のうちのふたつが従来の技術とは別の新しいエンジン採用と開発推進をほぼ同時に発表したことは、今後のト
福島県三春町の小学生と中学生の内部被ばくについて調べたところ、去年秋の時点では、児童・生徒全員が検出限界を下回り、東京大学などのグループは、食品から体内への放射性物質の取り込みはほぼ防ぐことができている、としています。 東京大学などのグループは、福島第一原発の周辺市町村の住民などを対象に、体内に取り込んだ放射性セシウムを測定する内部被ばくの調査を行っています。 このうち、福島第一原発からおよそ50キロにある三春町の小学生と中学生で、おととし11月から去年2月にかけて行った測定では、54人から最大で1300ベクレルのセシウム137を検出しました。 しかし、去年9月から11月にかけて行った測定では、およそ1400人の児童・生徒全員が、検出限界の300ベクレルを下回りました。 これまで発表されている住民の内部被ばくの調査は、主に測定を希望した人を対象にしているため、データに偏りがあるのではないか
最近のスマホサイトとかコーディングしてると上記のようなリストビューのコンポーネントをよくマークアップする。リストのひとつの項目全体がタップエリアで遷移したりアクションしたりする。 これをコーディングするとなると、ul > li > aでaをBlock要素にすると思う。そのとき、上記の普通のテキスト文もリンクテキストになってしまって、いわゆる青色の下線テキストリンクのようなスタイルになってしまう。
We all know that technology is evolving like anything and since web browsers are constantly making changes and improving their standards, web developers have to become shrewd and they, too, are constantly trying to adopt the changes. I personally believe that all these changes are positive and this will definitely lead to enhanced support and of course making frontend development time a lot more c
ブログを書くなら余計な手間は省きたい。 それはこの世に生きとし生けるもの、万物全ての祈り・・・。そんな気がする。 と、言うわけで今日は劇的にブログ作成を楽にしてくれるChromeエクステンションのご紹介。 ショートカットキーでブックマークレットを呼び出すというエクステンションで、Make LinkジェネレーターはFirefoxのMake Linkのように自分用にカスタマイズしたHTMLタグを吐くブックマークレットをつくってくれるツールです。これを組み合わせることで超高速にHTMLタグを作成できます。 例えば「Shift」+「L」でリンクタグを作成出来たり、「Shift」+「Q」で選択した文章で引用タグを作成出来るのです。9つの中で一番おすすめ! 以前、上の記事を読み、一番最初に紹介されているChromeエクステンション「Chrome Keyconfig」を導入しようとしたのですが、なるほど
家の中にあるのは確かなのに、見つからない・・自分に電話をかけようにもマナーモードにしてるので、音がなりません。 今日はiPhoneが自宅内で見当たらくなってしまった場合の対処法を紹介します。 iCloudのiPhoneを探すiCloudの「iPhoneを探す」機能を使います。iPhone側でも機能を必ず有効にしておいてください。 設定→iClould→「iPhoneを探す」をOnにしておく。 PC/MacからiCloud.com(https://www.icloud.com/)へアクセスします。「iPhoneを探す」をクリックします。 「デバイス」から探したい端末を選択して、「サウンドを再生」。これでiPhoneから音が出ます。 ※マナーモードでも音ができます。 これでiPhoneを無事発見する事ができました。あれいつの間にバッグの中に入れてたんだろう。 iCloudのiPhoneを探す機
PocketGridは0.5KBの小さなCSSフレームワークです。レスポンシブWebデザインのベースにどうぞ。 Bootstrapをはじめ多様なデザインフレームワークが出回っていますが、デザインの可能範囲が狭まってしまうのを嫌がる声もあります。そこでほんの基礎部分だけを提供してくれるグリッドデザインテンプレート、PocketGridを使ってみましょう。 サンプルです。左が30%、右が70%のコンテンツです。 幅を狭めても比率を維持しています。 よくある三層のWeb構造です。 このように組み変わります。 比率を維持させることもできます。 より複雑な表示です。 レスポンシブに並びが変わっています。 維持させることもできます。 元がこれで… 隙間をなくす設定も可能です。 PocketGridはピュアなCSSだけで作られています。レスポンシブだけでなくセマンティックにも対応しています。メディアクエ
こんにちは! 日々、様々なWebサービスがリリースされており、そのほとんどは基本的には「無料」で利用することができます。 しかし、それらのサービスには、月額料金を支払うことで無料会員よりたくさんの特典を受けることができる有料会員制度を設けているところも多いです。 今回は、有名Webサービスで、有料会員のコストパフォーマンスが高いと思ったサービスを紹介します。 (参考までに、2013年4月7日現在の為替レートは、1ドル=97.52円です。) Flickr [browser-shot url=”http://www.flickr.com/” width=”550″] Welcome to Flickr – Photo Sharing 世界的に有名な写真共有サービス「Flickr」。 写真共有サービスとしても勿論便利ですが、オンラインストレージとして利用している人も多いでしょう。 有料会員(24
先日、Twitterで 『レスポンシブWebデザインをする際に、ナビゲーションなどをPC用とSP用の2種類、HTML内に書いて、出し分けることがあるようだ』 というようなことをつぶやいたのですが、自分では思ってもいないところでリツイートされました。 自分はちょっとした愚痴のつもりで書いたのですが、これはもうちょっと深く考えるべき問題なのかもしれない。と感じ、 自分なりにもうちょっと考察して、人と話して、自分なりの答えが見つかったので書いてみます。 私の周辺では、レスポンシブWebデザイン(以下、RWD)の案件をやるとき、「PC用」「スマホ用」2種類のデザインをお客さんに提出し、それをベースにコーディングすることが多いです。 PCサイトとスマートフォン最適化サイトを両方作るのと同じような手法です。 いわゆる「スマートフォン最適化」では、PCとスマホ用のHTMLは別で作れますので、デザイン上の
エロ漫画家になることを決意した俺がエロ絵を一年描き続けてきた結果を淡々と貼る 26 2013年04月17日 カテゴリ: 画像関連 http://hijikisokuhou.doorblog.jp/archives/7054946.htmlエロ漫画家になることを決意した俺がエロ絵を一年描き続けてきた結果を淡々と貼る http://hijikisokuhou.doorblog.jp/archives/7054946.htmlエロ漫画家になることを決意した俺がエロ絵を一年描き続けてきた結果を淡々と貼る 1: 名も無き被検体774号+ 2013/04/15(月) 22:40:31.39 ID:fWzUUt+o0 0日目:エロ漫画を見てエロ漫画家になることを決意する。 1日目 2: 名も無き被検体774号+ 2013/04/15(月) 22:42:02.84 ID:D3LYQPqe0 これは期待
単行本の1巻は昨年の夏に出ている。 機械仕掛けの愛 1 (ビッグ コミックス) 作者: 業田良家出版社/メーカー: 小学館発売日: 2012/07/30メディア: コミック クリック: 14回この商品を含むブログ (36件) を見るロボットのワタシも、泣いていいですか。 本を愛する刑事、最強の兵士、子育てのベテラン、失敗ばかりのダメ店員……ココロを持ったロボットたちの愛情と葛藤、そして“人間”を描きだす、切なくて温かいオムニバス!! 持ち主に飽きられたペットロボの女の子は、愛された記憶を頼りに“お母さん”を捜すが…? 人間の遺言で自由を手に入れた、介護ロボの苦悩とは? 思い出を託された執事が、約束を果たすために選んだ道は? ロボット神父は、搾取に苦しむ農民たちを導けるのか? 機械仕掛けのココロの系譜、9編を収録。 【編集担当からのおすすめ情報】 ヒトではないキカイが、「生きたい」と叫ぶ。
彼女が居ない友達に、女友達を紹介してみた。すっげーイライラした。 俺が、友達の長所が女友達に伝わるように話を振ってるのに、 そういう話題を謙遜で全部潰して、逆に自分の短所のアピールを始めるわけ。 キャバやスナックならそれでいいかもしれないけど、初対面の女の子にいきなり甘えるのはやめろよ。 短所ばかりアピールして好かれると思うなよ。何なんだよ。 終わったあと説教したら、「短所はあらかじめわかってもらわないと不誠実だと思って」。 なんで付き合うのが前提なんだよ。向こうは考え中なんだよ。 お前は考え中の相手に対して「俺はこんなにダメです!こんなにもダメなんです!」って言い続けたんだよ。 そしてダメな部分を受け入れるよう、暗に強要してたわけ。 それは甘えてるってことなんだよ。初対面の人を相手に甘えるな。彼女や嫁だけにやれ。 この友達、男同士で話しているときには普通に面白いやつなのに、 今回初めて初
一昨日、ちょっとショッキングなニュースがネットを駆け巡った。なんと、ソーシャルブックマークのDeliciousがなくなるかもしれないらしい。親会社であるYahoo!の内部文書がリークされたことで、一気に世の中に知れ渡ったというわけ。 真偽のほどはまだ謎だけど、Deliciousユーザーの1人としては残念な思いだね。できればこのまま継続してほしい。でも、もしもの場合に備えて代替サービスの目処は付けておいたほうがいいのかも。そんなわけで、今日はDeliciousと併用して使っていたもう1つのおすすめを紹介したいと思います。 拙著『iPhone×iPad クリエイティブ仕事術』でもDeliciousの活用法を詳しく解説している。ソーシャルブックマークは、RSSリーダーやツイッターで見つけた有益なリンクを自分の情報源としてストックする場所でもあり、他のユーザーとシェアするメディアでもある。 拙著の
Updated 2014.04.07 / Published 2011.04.28 下記に記載の内容では、2015年現在新たに登場してきているOSまで対象にするには限界がありますので、Mobileの判定をMobileとTabletにだけフィーチャーさせた2015年版JavaScriptユーザエージェント判別もあわせてご参照ください。 jQuery.supportだけで代表的なブラウザの判別を行うことができなくなってしまったので、UA情報には依存しないブラウザがサポートしている機能でブラウザ判別を行う試みです。ただし、モバイルかどうかの判別をするためにWindows Phoneに限ってはUA情報に依存する必要があります。 判別用コード var _ua = (function(){ return { ltIE6:typeof window.addEventListener == "undefi
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.
Alfred って何が便利なの?インストールしたけど、どこから手をつけて良いのか分かんないんだけど・・・、という人は是非この記事を読んでみてください。 きっと、Alfred が手放せなくなりますよ♪ 超絶便利なランチャーアプリ Alfred の使い方や設定方法です。 Alfred はとにかく多機能で、その機能は別のアプリで良いんじゃないの?という事まで出来たりするので、初めからあれもこれもと手を出すと収集が付かなくなります。 なのでせっかく Alfred をインストールしても、どこから手をつけて良いのかわからない・・・。 ということで、Alfred の基本的な操作方法や設定方法をちょっとでも参考になればと思い記事にしてみます。 インストールの方法は「Mac ユーザー必須の神アプリ Alfred v2 本体と Powerpack をインストールしてみる」をご覧ください。 Alfred の基本
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
Free Tools for Web Designers Website ToolsNataly Birch • December 17, 2018 • 5 minutes READ Designers are always struggling to express themselves. Putting heart and soul into a project is their motto. Every job, every concept, every sketch and even every icon is an outcome of creativity and hard work. For majority people who are not related to this profession, being a digital artist may sound roma
「レスポンシブWebデザイン」が題に入る本を書いてはいますが、レスポンシブWebデザイン(RWD)という手法を選択しなければならない、絶対にRWDでなければならないという理由はないと考えています。なぜなら、プロジェクトごとに向き不向きはありますし、そもそも発注側の企業文化や制作会社との相性、信頼関係の深度などによっては、RWDという制作の手法が向いていない可能性もあります。 そう考えると、なんでもかんでも安易にRWDで良いかというと、そうでもないように思います。長期的な視野で考えるとRWDのような手法が良いと考えていますが、だからといって現段階でそれが唯一の方法だとは考えていません。ゼロか百かの選択肢だけじゃなく、必要な場合は、ちょっとレスポンシブという臨機応変な対応もありですし、プロジェクトによっては個別スマホサイトを作ったほうが良いケースもあるかもしれません。 では、ウェブサイトの制作
今回は富士通研究所が開発に成功した、 次世代ユーザーインターフェースから。 書類などをタッチパネルに変えてしまう技術なのですが、 個人的には開発品にこれほど感動を覚えたのは久しぶりです。 詳細は動画内にて説明されていますので、さっそくごらんください。 実世界の物に対してタッチ操作可能な次世代UI #DigInfo ■ これは、未来、君なのか? ロシア ■ スマートフォンにこの機能が付いてたら最高だよな。 セルビア ■ 未来はまさにここから始まる。 +79 マレーシア ■ 未来が始まるのはいつだって日本からさ。 +4 アメリカ ■ もっと言うと、日本からすべてが始まった。 マレーシア ■ 未来の俺のデスクにはこの技術が搭載されてるはず。 国籍不明 ■ 未来がもうすぐそこまで来てるって感じがする! 国籍不明 ■ プロジェクターはちょっと不便だなって思ってたトコなんだよ。 これに加えてグーグルグ
3月半ばに書いてそのままになってた下書きを発見。 なんで放置してたんだっけ……引用多すぎるからかな。まあいい。 WebKitにこんな変更が加わった。 Changeset 146025 – WebKit ― Legacy CSS vendor prefixes should only work for Dashboard 先日Paulが公開した “WebKit for Developers” (日本語訳)を読んだHacker Newsの読者があることに気がついた。 "CSS parsing is the same, though. Slurping up your CSS and turning it into CSSOM’s pretty standard. Yeah, though Chrome accepts just the -webkit- prefix whereas Apple
こんにちは、小野ほりでいです。 今、Twitter女子の間で「フォロワーの増えた男子が調子に乗っている」とまことしやかに囁かれています。 猫も杓子もSNSにいそしむ時代ですが、もしも優しかった自分の恋人がインターネットの影響で変わり果ててしまったらどうしますか? ”ツイッター天狗”予備軍の危険な兆候と、暴走を防ぐ対策をご紹介します。 <登場人物> エリコちゃん インターネットリテラシーが著しく低い女性。 ミカ先輩 会社ではキラキラ働いて、私生活でもモテモテのエリコ憧れの先輩。 最初は優しかったのに… シクシクパクパク…。 うおお~! アボカドを食らえ~~~!! グシャッ!! ポケーーー…。 シクシクパクパク…。 うおお~! アボカドを食らえ~~~!! グシャッ!! ポケーーー…。 うーん、どうしたものかしら…。 エリコったら、泣きながらチョコを食べてはアボカドを壁に投げつけ、よだれを垂らし
好きな人が翻訳を断ってきました|恋愛・結婚・離婚 : 発言小町:大手小町 : YOMIURI ONLINE(読売新聞) http://komachi.yomiuri.co.jp/t/2013/0205/571627.htm?o=2 なんかこの話を聞いて思い出したのがこっちのエントリ 金の話をしない経営者を信用するな - 脱社畜ブログhttp://dennou-kurage.hatenablog.com/entry/2013/01/22/214620 金儲けというか金の話をしたがらない人、本当に多いですよね。 「友達なんだし、ちょちょっとで構わないからタダで○○してくれるよね」っていうアレです。本当に、全力で、関わらない方がいいタイプのアレです。 それが法人であっても個人であっても同様で、「友達だから」「家族だから」「長い付き合いなんだから」みたいな関係性をタテにフリーライドしてくるパターン
スタイルシートを使って画像を縦横比そのままにリサイズする方法。 以下のスタイルシートを組み込むことで、縦横比をそのままに画像をリサイズすることが出来ます。 img{ max-width: 300px; height: auto; } もちろん縦幅でもできます。 img{ width: auto; max-height: 300px; } お手軽にリサイズ出来てしまうので、ぜひ使ってみて下さい! するぷはこう思った。 @isloopをフォローする 僕はスマホ用のサイトをレイアウトするときにこの技を大変重宝しました!
【Sidr】Facebookアプリのようなメニュ... / 【jPanelMenu】横から出てくるサイドメニ... / 【Snap.js】フリック動作で出し入れが可能な...他...全4件
AI & MLLearn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry. Generative AILearn how to build with generative AI. GitHub CopilotChange how you work with GitHub Copilot. LLMsEverything developers need to know about LLMs. Machine learningMachine learning tips, tricks, and best practices. How AI code generation worksExplore the capabilities and be
GitHub特集記事を再編集した@HIROCASTERでございませう。 4月10日(水)にWEB+DB PRESS Vol.69に寄稿したGitHub特集記事を再編集して開発ツール徹底攻略 (WEB+DB PRESS plus)が発売されます。 1冊で現役の開発者が愛してやまない開発ツールの最新事情と利用方法が学べる1冊に仕上がっています。 4月に入って新しい会社や学校で開発をはじめる方多いかと思います。そんな方に、ぜひ手にとって頂きたい1冊です。そういった方達を教える立場にある方も、参考資料として利用して頂ければ幸いです。 これ1冊で Git GitHub Jenkins エディタ(Vim/Emacs) Linuxの基礎知識 の最新の状況と設定、利用方法まで学ぶことができます。少ない時間で、開発ツールを使うまで学ぶのにはとても効率的でオススメです。2,000円でお釣りがきてしまうので、ぜ
最初にお断りしておくが、これは冗長な自分語りである。あまり面白くないと思う。 共通の知人の結婚式で、前に付き合っていた女性に会った。もう数年前のことだ。 私たちは大学の同期生で、お互いが初めて付き合う相手だった。二十歳から付き合い始め、20代の大部分を二人で過ごした。同棲していた期間も長かった。20代の終わり、彼女が突然別れを切り出し、部屋を出て行った。会うのはそれ以来だった。 彼女は美人ではない。ファッションに力を注ぐタイプでもない。しかし彼女は、なんというか、非常に素敵になっていたのだ。その時だって別に美人ではなかったが、彼女を綺麗だという人がいても私は全く驚かない。付き合っているときはあんなにもっさりしていたのに。 私にはその時点で、特定の恋人がいなかった。それで思ったのだ。彼女とは趣味が合うことも分かっているし、一度は別れたが共に積み重ねた10年からの歴史があるわけで、もう一回付き
※本サイトは、アフィリエイト広告および広告による収益を得て運営しています。購入により売上の一部が本サイトに還元されることがあります。 バージョン 3.4.4 の新機能 ・イメージの読み込み中に Aperture が突然終了する問題が解決されます ・Nikon P7700 の RAW イメージが“読み込み”ウインドウで正しく表示されます ・バージョン名が 250 文字を超えるサムネールが正しく表示されます ・スリープ解除後に Web アルバムの同期が完了した場合に、複数の警告ダイアログが表示される問題が解決されます ・フォトストリームに写真をアップロード中に Aperture が突然終了する問題が解決されます ・共有フォトストリームの参加依頼のリストを正常にスクロールできます ・安定性およびパフォーマンスが改善されます
4月16日、一般社団法人新経済連盟主催、経済産業省後援「新経済サミット2013」が開催された。新経済サミット2013は、産業界および政官界へ意識改革を促すためのアクションとして始動したイベント。既存の仕組みにとらわれない海外の企業やサービス動向を基に、日本における環境整備や教育の在り方がディスカッションされた。 セッション1では、Androidの生みの親 アンディ・ルービン(Andy Rubin)氏、Twitter共同創業者 ジャック・ドーシー(Jack Dorsey)氏、Skypeで世界をつないだ ニクラス・ゼンストローム(Niklas Zennstrom)氏らがスピーカーとして登壇し、それぞれがイノベーションを起こすまでの歩みが語られた。 一方、セッション2では、海外のイノベーション事例と対比し「日本から破壊的なイノベーションを起こすには?」という観点からディスカッションが行われた。海
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く