以前のプロジェクトで、訳あってレスポンシブとか使えないので、<html>にzoomを指定して、どんな機種でも画面幅にあわせるようにzoom値を変更する処理というのを行っていました。
さらにその中で、そのページをどうしても画面内に収めたいという仕様が降りてきました。イメージとしては、以下のような感じ。
<html&……
zoomした要素の中でzoomした要素の高さを取得しようとしたら
月: 2017年3月
Blenderで遊ぼう
Blenderって何かって言うと、無料の3DCGソフトです。
Blenderの良いところは、安くてもうん十万する3DCGソフトに負けず劣らずの機能をもっていながら無料なんですね。
自分は、PlayStationで、スクウェアやナムコの3DCGを見て涙流しながら感動して、大学時代に映像制作団体に所属して3DCGのムービーを作成したり……
Blenderの良いところは、安くてもうん十万する3DCGソフトに負けず劣らずの機能をもっていながら無料なんですね。
自分は、PlayStationで、スクウェアやナムコの3DCGを見て涙流しながら感動して、大学時代に映像制作団体に所属して3DCGのムービーを作成したり……
Photoshopの画像アセット機能で画像解像度を変更後の生成画像が見切れたりしてしまう
Photoshopの画像アセット機能は便利ですよね。一度使ったらスライスを多用していた頃には戻れません。スライスを何枚も引いていたのは、もう遠い過去です。
そんなアセット機能ですが、ファイルメニューの「イメージ」>「画像解像度」で、画像解像度を変更した後に、画像アセットで生成される画像が画像解像度変更前のサイズで切り出されて見切れてしまうことが……
そんなアセット機能ですが、ファイルメニューの「イメージ」>「画像解像度」で、画像解像度を変更した後に、画像アセットで生成される画像が画像解像度変更前のサイズで切り出されて見切れてしまうことが……
CSSで子要素の高さが親要素に収まる時は高さ100%、超える時は可変にしたい
コンテンツの最低限の高さを100%として、
子要素がその高さより大きくなる時は、その大きさに合わせて、大きくなる
ならない時は子要素は高さが100%になる
ような要素を作りたい時があったんです。
まぁ、今でなら、flex使えばいけるのかな？というような気もしなくも無いんですが、IEの旧バージョン対応がどうしても必要だっていう時は、……
まぁ、今でなら、flex使えばいけるのかな？というような気もしなくも無いんですが、IEの旧バージョン対応がどうしても必要だっていう時は、……
インフォグラフィックの面白さ
インフォグラフィックという言葉がよく聞くようになりました。かく言う私も、1年前に本を買ったりして、興味を持ちました。
データを可視化して、さらにデザインがもつ情報伝達効率の向上を利用して、本当に目を引き分かりやすいものだなと思います。
データの可視化っていうのは、表現方法が違えど3DCGシミュレーションの時に通じるものがあります。……
データを可視化して、さらにデザインがもつ情報伝達効率の向上を利用して、本当に目を引き分かりやすいものだなと思います。
データの可視化っていうのは、表現方法が違えど3DCGシミュレーションの時に通じるものがあります。……
Web制作における英語が読めることの利点
私は、英会話はできませんが、大学が英語教育に力入れていたのと、研究室の教授が日本語を喋れない先生だったので、英語に触れる機会はそこそこありました。卒論も修論も英語で書かなければならず結構苦労したものです（笑）
そして大学卒業後に最初に就職した会社の面接を受ける時に、その事を話したところ、丁度、新規事業として海外のソフトウェアを日本で販売すること……
そして大学卒業後に最初に就職した会社の面接を受ける時に、その事を話したところ、丁度、新規事業として海外のソフトウェアを日本で販売すること……
スタイルガイドsc5-styleguideでGoogle Fontsを使う
個人的には、スタイルガイドは、sc5-styleguideが一番モダンな感じがして好みです。
sc5-styleguidを使っていて、Google Fonts（webフォント）を使用したクラスのガイドを作成しようとした時につまづきました。
// リセットCSS @import "reset.scss"; // cssアニメーシ……
sc5-styleguidを使っていて、Google Fonts（webフォント）を使用したクラスのガイドを作成しようとした時につまづきました。
// リセットCSS @import "reset.scss"; // cssアニメーシ……
おしゃれな写真一杯で商用無料の写真素材サイト「Unsplash」
このブログを作っている時に、サムネイル用の画像が欲しい時に、なかなか良い写真素材サイトがなかったのですが、Unsplashというサイトを見つけて写真のクオリティが高くおしゃれで、サムネイル映えするので早速虜になりました。
ちなみに、この記事のサムネイル画像もUnsplashのものを使用してます。
Unsplash ……
ちなみに、この記事のサムネイル画像もUnsplashのものを使用してます。
Unsplash ……
iPhoneでimgにCSS3のanimationでopacityを0から1にしようとしたら画像が表示されなかった
少し前のプロジェクトでガワネイティブのアプリを作っていた時に、iPhoneで見たら画像が、表示されない状態が発生しました。
例えば、以下のようなCSSをimgタグに設定している場合です。 .img { position: absolute; top: 120px; visibility: visible; opacit……
例えば、以下のようなCSSをimgタグに設定している場合です。 .img { position: absolute; top: 120px; visibility: visible; opacit……
本当に今更ながらPinterestの良さに気づいた話
ちょっと色んなインスピレーションを得たくてデザインなどの調べ物をしていたんです。
いつもだったら、BehanceやDribbbleなどみたり、Googleの画像検索などをして、参考だったり気に入ったものは、diigoっていうオンラインブックマークにまとめたり画像保存するなりしていたんです。
基本的に、diigoっていうのにweb製……
いつもだったら、BehanceやDribbbleなどみたり、Googleの画像検索などをして、参考だったり気に入ったものは、diigoっていうオンラインブックマークにまとめたり画像保存するなりしていたんです。
基本的に、diigoっていうのにweb製……
WPの記事をJSONで返しそれをAjaxで取得してHandlebars.jsで処理する
このブログの情報を別サイトで表示するのに、タイトルのような事をしたいなと思いました。昔、普通に記事をwhileで回しつつthe_post()した後にJSON形式に出力してたけど面倒なので、もっと楽な方法は無いかと調べると、WPでJSONの出力は、
WordPressの新着記事をJSON形式で取得し外部サイトで表示する方法のようなプラグインを作る方法
……
ブログ開設しました。
どうも初めまして。
funnydreamerこと藤田と申します。
この度、いつか作ろうと思っていたブログを作成し、開設しました。とはいっても、TumblrやらBloggerやらでブログを開設してみたりはしていたんですが、ほぼ三日坊主のような状態でした（笑）
今回は、色々と真面目にデザインから考え、カスタマイズなどをす……
funnydreamerこと藤田と申します。
この度、いつか作ろうと思っていたブログを作成し、開設しました。とはいっても、TumblrやらBloggerやらでブログを開設してみたりはしていたんですが、ほぼ三日坊主のような状態でした（笑）
今回は、色々と真面目にデザインから考え、カスタマイズなどをす……