imasashi.net

webとデジタル

発作的に自分のサイト構造を見直しているのですが、ふとよく見る「前の記事へ」「次の記事へ」のリンクって必要なのか?と思いました。
そういえば最近のオシャレなブログではこんなエリアは無いような気がします。気がしてるだけかもしれませんが。
いわゆるこういうやつです。

こういうリンクが効果を発揮するのは、 …

continue reading

1年ぶりくらいにコーディングしてみまして、なんだかんだで使いたくなる上下左右センタリング。昔はネガティブマージンとか使ってせっせとやってたのですが、最近調べてみると画期的に省エネな方法がありました。毎回検索するのも面倒なので自分用の備忘録として残します。
こんな感じにマークアップしているとします。

continue reading

最近よく見るようになりましたエフェクトの実装方法です。
海外のオシャンティーなウェブサイトは必ずといっていいほど取り入れているように思います。

デモ作りました。要するにこういうやつです。
基本的な考え方

アニメーションはcss3のtransitionで制御する
アニメーションの開始トリガーをjs …

continue reading

久しぶりのサイト制作ネタです。
ちょくちょくプライベートでサイト制作をすることがありますが、スマホ対応方法はもうレスポンシブ1択でやらせてもらってます。
だいたいバンド用のウェブサイトを作ることが多いのですが、メンテナンスにコストをかけれないし、CMSを入れるにも、お客さんが扱えないことが多いことも …

continue reading

レスポンシブWebデザインは設計さえちゃんとしてれば実装も運用もラクチン(あくまでマルチデバイス対応という視点で言えば)ということで、私は会社仕事でもプライベート案件でも積極的に利用してる手法です。
でも最近は、この手法がパフォーマンスの観点からそれベストなのか、的な議論もありますね。まぁそういった …

continue reading

かなり前の話ですが、ハイスタのDVD特設サイト見て「おっ」と思いました。

背景に動画が流れている!カッコイイ!
全ての創造は模倣から生まれるという言葉をそのまんま鵜呑みにして、とりあえず自分のサイトで真似してみました。
実装方法
デモ

Dynamite Satan plus
※2014年1月現在 …

continue reading

案件でこういうのが必要になって、コーダーから「出来ない」と報告を受けたけども「できるんちゃう」と思って実験したらできたのでメモ。
よくあるtable-cellを使うんやけども、縦並びなのはドンピシャな例が見つからなかったんで書いておきます。
デモ
» こちらから
コーポレートサ …

continue reading

こういうケースって俺だけかもしれませんが、さっきまでドハマりしてたので書いておきます。
案件で「display : table-cell」を使ったレイアウトを実装しようとサンプル作りまくって検証してたんですが、IEだけ全然効かない。8、9、10全部。しかもtable-cellのとこだけ効かない。IE …

continue reading

この知識を仕事で求められたことは無いが、なんか気になったので簡単にまとめておく。
とりあえず知ってる条件だけ書く。
カウントされる条件

ページに設置されたいいね!ボタンをクリックする(当たり前)
ページのURLをfacebookでシェアする(当たり前)
他人がシェアしたことに対して「いいね!」する …

continue reading

グローバルナビのアクティブ表示を実装する方法はいくらでもありますが、最も簡単に(というか最小力で)やる方法は何かしら、というのがこの記事の趣旨です。
何を以って簡単と言うかですが、自分の場合「可能な限りhtmlをシンプルに」というのが信条なので、そこをポイントとしています。
結論から言うと、java …

continue reading
1 / 212