こんにちは、デザイナーのてっちゃんです。
これを書いている現在ハロウィン真っ最中です。渋谷を避けて行動しましたがそれでも仮装しているひとを見かけましたね。
みなさんは参加されましたか？

さて今回は、レスポンシブHTMLメールを作ったのでその時の感想をまとめてみました。
まずは、そもそもなんでレスポンシブなの？意味あるの？ってはなしですが、
続きを読む

すっかり涼しくなりましたね！tanです。
まだ暑い日が続いた8/11に、社内勉強会に登壇しました。

経緯

受託を主な業務としているチームのフロントエンドエンジニアとして属しているのですが、
クライアントワークだと、そもそもクライアントのリテラシーがそんなに高くなく、
トレンドの技術を使いにくい傾向にあります。

続きを読む

どうも。マークアップのタムラです。

今回、マークアップエンジニアとして作業しやすい環境を整えるxamppの設定方法を書きたいと思います。
xampp初心者なのですが、下記設定だけしておけば、ローカルでコーディングの作業しやすい環境がつくれます。

 

目次

1. XAMPPインストール
2. ローカルでページを表示させてみる
3. サイトのルート環境を複数作成する
4. ssiを使用できるように設定する
5. xamppをドライブから別のドライブへ移動

続きを読む

こんにちは、てっちゃんです。
みなさんはお花見しましたか？今年は安定した暖かさで例年よりもすごしやすかったなと思いました。
そして、私事ですがこの春から花粉症デビューになりそうというお話をいただきまして、毎日マスクが手放せません。いやー、のどのイガイガがたまらなく嫌ですね。

今回は、cssの設計について調べたことを書いていこうと思います。
弊社でもフロントエンド陣によりある程度のコーディングガイドラインは決まっていますが、
記述の細かい仕様までには及んでいません。コンポーネントの作り方なども人によって差異が出てきます。
複数人で作業とも慣れば尚更その差異は大きくなります。cssは記述自体はとても簡単でそれゆえに、とてももろくすぐに壊れてしまいます。

参考：なんでCSSすぐ死んでしまうん

続きを読む

前回公開した「指定した要素がスクロールで画面内に入った時、内包要素を順番にフェードインするjQueryプラグインjquery-scrollInTurn.js」ですが、最近このプラグインだけでは物足りなくなってきました。
「指定した要素がスクロールで画面内に入った時」、特定のアニメーション効果などを実装したいときが多々あったので、その部分に特化したプラグインをもうひとつ作りました。

その名も「指定した要素がスクロールで画面内に入った時、イベントを発動させるjQueryプラグインjquery-scrollInFunc.js」です！
ファーストビューに入っていない要素に対してのアニメーションを、スクロール位置によって発動させることができます。

続きを読む