デザイン×テクノロジーで新しいサイトを創り続けるLETTERS.INCの制作物から心地よいアニメーションを学んでみるVol.1
最近様々なサイトで、デザインとテクノロジーの掛け算が素晴らしい『Letters.inc』が制作したサイトが取り上げられて…
CATEGORY
CSS3
32 記事
【サービス】Webデザイン・コーディングが圧倒的に効率化するというAdobe museを触ってみた所感
最近デザイナー界隈で噂のAdobe museを若干触ってみたので所感です。 コーディング不要のwebデザインという大胆な…
【Sass】連番のclass名と連番でない画像パス表示のメモ
今更感があるけどメモ。 普通はiconの画像も連番にするけど、しないときのやり方。 配列はカンマで区切る。 $icon-…
【CSS】BEMというバズワード
近頃BEMがバズワード化しTwitterで呟いてる人を見る度にリムってやろうか躊躇う程にもう見飽きている。 フロントエン…
【CSS】Knyle Style Sheets(KSS)/KSS-railsを導入してみた
今携わっているスマホアプリがrailsを使用していて、CSSのドキュメント・クリエイティブの情報共有のためにstyled…
【HTML/CSS/JavaScript】ウェブアプリを速くするための28の方法(翻訳)
フロントの技術について英語の記事をシェアされていて、気になったので理解を深めるために翻訳してみました。 英語の記事では、…
【CSS3】webkit-tap-highlight-colorのあれこれ
スマートフォンのサイト、ウェブアプリ制作時に気になるが、半透明のあいつですよね。 webkit-tap-highligh…
【CSS/Image】フロントで出来るCSSスプライト/DataURIの最適解とは
画像が膨大な数になったときに、画像の取り扱いについて(png,jpg)をどうするか、 CSSスプライトで何枚用意するのか…
【JavaScript/CSS3】アニメーションを作成する際のTips
現在やっているプロジェクトや、今後スマートフォンの市場でリアルタイムウェブの拡がりによって、WEBアプリが増えてきますよ…
【HTML5】HTML5の実践的活用法&jsdoitの全国統一実力テストに出題された問題を紐解いてみよう
いやー本当に寒いですね(本日2度目) 次の職場で働くまで後2週間程あって暇なので只管勉学に励んでおります。 さて今回はH…
【開発環境】コーディングを超高速化するためにDreamweaverからSublime text2+Emmetに乗り換えた時のメモ
既にめちゃめちゃ記事があると思うのですが、備忘録的な。 最近フロントエンドの方々がことごとく変えていくので、興味があって…
【HTML5/JavaScript】animation/transform/api/スマートフォンでのJSとインタラクティブコンテンツ作成方法まとめ
普段の仕事でスマホサイトは作ったりしていますが、 中々アニメーションを使った案件をやらないので、 3連休を利用して、HT…
【CSS/JavaScript】CSS/JavaScript高速化のためのまとめ
現在、現職の制作会社でマークアップと簡単なJavaScriptを仕事で行う中、最近機会があって、某ヒカリエに所属するフロ…
【HTML/CSS/API/JavaScript】次世代技術について
基本的に私は大規模開発やプロジェクトにおける効率的なマークアップと、綺麗なマークアップに興味があるので 前回までSass…
【CSS】Sassの実践的な使い方 -HTML5カンファレンス等まとめ
先日慶応義塾大学で開催されたHTML5カンファレンスにてSassのセッションが ありましたのでそちらの資料を基に現在の支…
【CSS】5分で出来るデザイナー・コーダーのためのSassの超簡単導入・具体的な使用方法
今更ですが、Sassを導入しました。汗 正直zen-codingでのカスタマイズ、 oo.css、通常のCSSでもある程…
[JavaScript]paper.jsを試してみた。これで新しいUIが創れるかも？
結構前ですが、paper.jsが話題になっていたのを思いだし、 テストとして動かしてみようと思ったのでサンプルのものを使…
スマートフォン制作で使えるバグまとめ集
スマートフォンサイト制作でもブラウザ・機種依存に悩まされますよね。 納期が短かったりするとホントに＼(^o^)／ｵﾜﾀと…
HTML5 audioで何か作ってみる
HTML5を使ったサイトが増えてきて、audioを使ったものって増えていますよね。 そこで何か自分でも作ってみようと思い…
話題のenchant.jsで簡単なゲームを作ってみた
最近JavaScriptの勉強をしていて、enchant.jsが気になっていたので 実際に何か作ろうと思ってやってみまし…