サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
デスク環境を整える
flat.press
レスポンシブデザインのサイトの構築を行うには何しろ Sass の利用が便利です。CSS は手打ちに限る、と老舗の蕎麦屋みたいなことを考えていた時期もありましたが、兎角レスポンシブデザインについて言えば Sass の利用無しに構築を考えるのは今となっては苦行以外の何物でもありません。 そして Sass を使ってレスポンシブな設計を行う際、その記述の方法は様々あると思いますが、自分の中では 要素ごとに ( ・・・・・ ) media queries の指定をするのが一番分かりやすいように思えます。 // sample.scss .c-container { width : 800px ; @media screen and (max-width: 640px) { width : 540px ; } } h1 { font-size : 2.5e
Chrome の最新バージョン (ver.48.0.2564.103) で、特定のサイトのページ読み込みが愕然とするほど重くなる現象が発生した。重くなるどころかほぼブラウザがフリーズしたかのごとく、通常であれば体感的に5秒も待てば読み込みが完了するようなページが、同期・非同期の読み込みに関わらず猛烈に遅くなり読み込み完了に2〜3分近く待たされる。ちなみに Windows 版にはなく Mac 版にのみ発生する症状。 問題のページを Developer Tools を起動した状態でロードし、ネットワーク ペインを確認したところ画像・JavaScript・Web Font など数多くのファイルの読み込みで “ pending ” 状態が長く続いてしまう。ブラウザとサーバー間のリクエスト処理に何らかの問題が発生しているらしい。 [sc-figure src="http://flat.press/w
フロントエンドの実装をする際、複数の要素を等間隔なタイミングでササササッとアニメーションで表示する演出をすることが度々あります。その場合、jQuery.animate(または Velocity.js 等のアニメーションライブラリ)の delay オプションを使って遅延処理を行うことが多いのではないでしょうか。 しかし各アニメーションと同じタイミングで、アニメーションそのものとは無関係の別のメソッドをコールしり、特定の変数に値を追加したい時には、delay オプションでは事足りない場合もあります。 そこで以前から自作の jQuery プラグインを作って対応していたのですが、最近中身を整理したのでプラグインディレクトリへ公開しました。Bower からは “delay-do” でルックアップ可能です。 delayDo | a tiny timer management plugin for jQ
Mac 内のフォント管理にながらく FontExplorer X Pro を使ってきたが、あらゆる面で機能を凌駕するフォント マネージャが登場していたので閃光の様に乗り換えた。アイ・アム・ フラッシュ 。トライアルのダウンロードができないところがやや心配だったものの、ウェブサイトからしてしっかりしている感が伝わったので Team License で購入してもらった。 結果、購入して本当に良かったと思える。太陽系に住んでいる全ての Mac ユーザーが使えばいい。それはまあ言い過ぎだとしても、ウェブなり DTP なりデザイン業で大量のフォントを扱われている方には導入をおすすめせざるを得ない。 Sync! Sync! Sync! RightFont はライブラリをフォルダで管理する仕組みとなっており Dropbox と Google Drive 内へのライブラリ設置をサポートしています。つまり複
だいたい。プラグインやツールを探しまわってる時間て毎回なんなんだろうと思う。今より良いものがあるかもしれない。その「かもしれない」に懸けて膨大な時間を使って探しまわることに、結局いつも使っているものに戻ってくることに、そういうことに、ぼくは疲れたんだよパトラッシュ。なので1カテゴリにつき1つのルールで、今の「ぼくのさいきょう」を追加&アップデートしつづけていこうかと思う。より良いものが登場したら潔く以前のものは削除して上書きするので、このページはアーカイブではありません。「ぼくの」と言ってますが、より良いものに心あたりがある場合には推薦していただけると喜びます。それに、みんなのさいきょうも知りたいので類似記事も大歓迎です。NEW (2015.10.29) “meta ヘルパー” を追加しました。NEW • UPDATE (2015.10.21) 最新の使えるツール群を追加・更新しました。
OS X El Capitan へアップデートしたところ、互換性に概ね問題はない印象ですがそれでも古いバージョンのソフトウェアにはぽろぽろと不具合が見つかった。その中でも大きめなのが Adobe Fireworks CS6 が起動しないまたは起動しても即ダウンしてしまうという件。デザインの制作環境は概ね Photoshop と Sketch に移行しつつあるので大打撃ということはないのですが、過去案件で作業が発生した場合に困るので対応した。レガシーソフトウェア用の Java 6 ランタイムをインストールするレガシーソフトウェア用の最新の、というよく分からない言い回しになってしまうのですが、Apple が公式に古いソフトウェア用の Java 6 ランタイムの最新版を提供しています。Fireworks の動作にはこれが必須ですのでダウンロードしてインストールしてあげる必要があります。 Java
このページを最初にブックマークしてみませんか?
『[ FLAT ] Smooth and Even. | ONO TAKEHIKO from aguije inc.』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く