2022/1/13をもって お客様がご利用中のブラウザ (Internet Explorer) のサポートを終了いたしました。 (詳細はこちら) クックパッドが推奨する環境ではないため、正しく表示されないことがあります。 Microsoft Edge や Google Chrome をご利用ください。 (Microsoft Edgeでクックパッドにログインできない場合はこちら)
【img via Workstation SetupsWorkstation Setups】 ここ最近、僕は毎日のように気に入ったMacワークスペースや作業用デスクを紹介している。なぜかというと、Macのあるデスクは格好良いから。毎日何時間もデスクに向かっている身からすると、自分のデスクはある意味自分の”秘密基地”みたいなものだ。色々な人の”秘密基地”を見て、自分のところをどのように改良するかインスピレーションを受けることができるからだ。 先日、MacBook Proの15インチモデルを使っている作業スペースをいくつか紹介したが、作業スペースとして紹介されているもののうち、圧倒的に多いのはiMac使い。iMacをメイン機として使い、持ち運び用にノート型Macを持っている人も入れば、iMacに外部ディスプレイを繋げてデュアルディスプレイで活用している人もいる。 絵になるカッコイイ作業環境も多
『Metallic Ratio』とは貴金属比という意味です。2つの数値の比において、美しいとされる比率というものが存在しており、特に有名なものが黄金比=1:1.618というもので、数多くの美術品や建造物、デザイン等の構成の中にこの比率を見ることができます。 黄金比の他にも白銀比、白金比、青銅比と呼ばれるものもあり、それらを総称して『貴金属比』と呼ばれています。 上のツールは、基準となる数値をひとつ指定するだけで、黄金比や白銀比に代表される各貴金属比を簡単に算出できるWebアプリです。数値だけではなく視覚的にも比率を確認できるので、求めている比率を直感的に得ることができます。 デザイン作業などで美しい比率が必要な時にご利用ください。
• Layout • Paint • Composite align-content Changing align-content alters the geometry of the element. That means that it may affect the position or size of other elements on the page, both of which require the browser to perform layout operations. Once those layout operations have completed any damaged pixels will need to be painted and the page must then be composited together. align-items Changi
Picture by ITエンジニアを目指す女子高生たちの学園ライフ4コマ漫画『ぱいじょ!』 こんにちは、谷口です。 ディレクターやプロジェクトマネージャーといった非エンジニア職の方々は、エンジニアとコミュニケーションをとることに難しさを感じたり、考え方にギャップを感じたりしたことがある方もいらっしゃるかと思います。 「エンジニアとわかりあえない…」「エンジニアが何を考えてるのかわからない…」という方のために、エンジニアとのトラブルのもととなるやりとりや、気を付けるとよいことを考えていきますので、非エンジニアの方々の参考になればと思います。 ■「どれくらいでできる?」はその場で決められるものではない 非エンジニアとエンジニアのもめごとの原因で多いのが、スケジュールに関することです。 非エンジニア「この機能どれくらいでできる?」 エンジニア「一日でできます」 非エンジニア「じゃあ明日リリース
Move an element To move an element, use the translate or rotation keyword values of the transform property. For example, to slide an item into view, use translate. .animate { animation: slide-in 0.7s both; } @keyframes slide-in { 0% { transform: translateY(-1000px); } 100% { transform: translateY(0); } } Use rotate to rotate elements. The following example rotates an element 360 degrees. .animate
Webアニメーションを高速化するために知っておくべき10のこと(前編) 斉藤 祐也(株式会社リッチメディア) アニメーション/トランジションは身の回りに当たり前にあるものです。 むしろ普段の生活では「0」が「1」に変化するものの方が珍しいでしょう。 アニメーション/トランジションはデジタルなWebに対して自然な変化を提供する大切なツールです。 今回はそんなアニメーション/トランジションをより自然にスムーズに動作させるために知っておきたいことを前・後編の2回に分けて紹介していきます。 アニメーションを高速化する理由 アニメーションは先ほど書いたように普段の生活にも存在しています。だからこそ、我々はスムーズではないアニメーションを見つけるのが得意です。 アニメーションに限定した話ではありませんが、FacebookのShane O’Sullivan氏が、ページロード後のレンダリングパフォーマンス
(追記: 2018年10月)何年か経ってから見ても内容大丈夫そうでした。 この記事はFrontrend Advent Calendar 2013の6日目の記事です。昨日は谷さんでWeb Components/Polymerを軽く触ってみるでした。(これ今後数年で大流行りしそうに思うので、未読なら是非!) さて、最近はHTML5だCSS 3だFlashやめてJS制御でアニメーションだーってんで盛り上がってるわけですが(周回遅れ)、いざアニメーションを実装してみても、なかなかスムーズに動いてくれなかったりしますね。 どうやったらスムーズに動くかってのを解説したいと思います。 なおこの辺りの情報は、概ね斎藤さんを中心としたFrontrend絡みの方々に教えて頂きました。感謝感謝。 先に結論 概念的なの GPU合成レイヤーを適切に使うと早い いわゆるハードウェアアクセラレーション 何がCPUで、何
2015.04.10 書評 個人情報のディストピア小説を 政府マイナンバー担当者が読んでみた 文: 楠 正憲 (内閣官房番号制度推進管理補佐官) 『ビッグデータ・コネクト』 (藤井太洋 著) パソコン遠隔操作事件で明らかになったサイバー冤罪や、通販業者から漏洩した個人情報を闇で売買する名簿屋、ウィルス感染したパソコンで構成されたボットネットを駆使して迷惑メール対策を巧みにすり抜ける振り込め詐欺犯、街に散在する監視カメラと顔認証を組み合わせた監視……藤井太洋氏が最新作「ビッグデータ・コネクト」で描くのは少し先の日本、官民で蓄積された個人データが勝手に名寄せされ、犯罪に悪用される世界だ。 個人情報を巧みに悪用した振り込め詐欺<サンマル名簿>を追っていた京都府警の万田警部は琵琶湖のほとりで建設中の官民複合施設<コンポジタ>のシステム設計・開発を指揮していた月岡の誘拐事件の捜査に駆り出される。犯人
OS X Yosemiteのシステムフォント” Helvetica Neue”を好きなシステムフォントに変更できる「YosemiteSystemFontPatcher」が公開されています。詳細は以下から。 OS X 10.10 Yosemiteからシステムフォントが”Lucida Grande”から”Helvetica Neue”に変更され、OS X 10.9 Mavericksまでの”Lucida Grande”に戻す「Lucida Grande Yosemite」などがリリースされていましたが、システムフォントを任意のフォントに変更するスクリプト「Yosemite System Font Patcher」が新たにリリースされています。 Other design changes include new icons, light and dark color schemes, and th
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く