CREATOR BLOG

「HTML」の記事の一覧

レスポンシブHTMLメールを作ってみての感想

2015/11/02
てっちゃん
  • このエントリーをはてなブックマークに追加

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

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

【チームでやる効率化】脱!Web制作における5年前の常識

2015/09/04
tan
  • このエントリーをはてなブックマークに追加

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

経緯

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

続きを読む

xamppでローカル作業環境構築をしよう!

2015/07/31
タムラ
  • このエントリーをはてなブックマークに追加

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

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

 

目次

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

続きを読む

cssの設計を考えるにあたり参考にした設計思想

2015/04/09
てっちゃん
  • このエントリーをはてなブックマークに追加

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

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

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

なんでCSSすぐ死んでしまうん from Hayato Mizuno

続きを読む

指定した要素がスクロールで画面内に入った時、イベントを発動させるjQueryプラグインjquery-scrollInFunc.js

2015/02/16
tan
  • このエントリーをはてなブックマークに追加

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

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

続きを読む

Recent Entry

CSSの単位まとめ pxからvm/vh/vmin/vmaxまで

レスポンシブHTMLメールを作ってみての感想

CSSのリファクタリングでした5つのこと

大人が読んでも頭を使う絵本の紹介

サイト内にうまくInstagramを取り入れてるサイト11選

Category

Archive