NO IMAGE お知らせ

『WEBディレクター・WEBデザイナーの備忘録』は『東京に勤めるWEBディレクターの日記』へ移転しました

『WEBディレクター・WEBデザイナーの備忘録』は『東京に勤めるWEBディレクターの日記』へ移転しました。 これからは、技術的なこと以外にもディレクターとして思ったこと感じたことや、こうしていくべきでは?といった個人的な考え方もつらつ
マークアップ

Compass でマークアップする時に必要なもの一式

Compass でイチからコーディングしようとする時、いつも過去にやったプロジェクトを探して、いらないファイルを削除して、コピーしなおして・・・ (さらに…)
NO IMAGE Compass

MacOSX El Capitan で Sass・Compass がインストールできない時の対処方法

焦った。いやー焦った。 OSアップデートしたら、いきなりSass・Compass が使えなくなってました。 慌てて調べてなんとか乗り切ったので、備忘録。 (さらに…)
NO IMAGE マークアップ

Sass、Compass はじめの一歩。

Sass を使い始めて2年位経ちます。まだまだ、使いこなせてはいないのですが、コーディングするうえで無くてはならないくらいにはなってきました。 (さらに…)
NO IMAGE マークアップ

Sublime Text 3 でタブをスペースにする方法

先日、こんな記事を書きました。 Googleにやさしいマークアップの技法について、要チェックなものをまとめてみた。 この記事の中に、インデントは、半角スペース2とする。というのがあります。 (さらに…)
NO IMAGE マークアップ

Googleにやさしいマークアップの技法について、要チェックなものをまとめてみた。

マークアップをする時、何を基準にしてマークアップすればよいか悩んだことはありませんか?(id名・class名など) ディレクターや、クライアントに説明が必要になった場合「なんとなく、、、」では理由にならなく、困ってしまうこともある
NO IMAGE マークアップ

いまさら聞けない!? マークアップエンジニアの為の Sublime Text 3

Sublime Text を使い始めて、はや1年。もうこれなしでは、コーディングは考えられない!っていうくらいまでなんとか使えるようになってきました。 この記事を書いている時点ですが、マークアップに使うアプリケーションのシェアで、
NO IMAGE デザイン

Mac で画面キャプチャの取り方

Windows だと、キーボートにスクリーンキャプチャボタンがあってそれで画面キャプチャをとったり、キャプチャ専用のアプリケーションでとったりしていると思うのですが、Mac だとキーボードのショートカットでキャプチャが取れます。 しかも、
マークアップ

Googleカスタム検索の設置

ちょっと仕事で、Googleカスタム検索を設置するか否かみたいな事になって、ちょっと調べてみたのですが、検索結表示画面にでてくる広告がクリックされると【¥】になる事がわかりまして、当サイトは Wordpress で作っていまして、 Word
NO IMAGE マークアップ

僕が思う一番見やすい font-family【ゴシック・明朝】

Macだときれいに見えている文字も、Windows で見るとジャギってしまう事ありませんか。 そこで、(僕が思う)一番見やすいfont-family 指定を備忘録として残しておきます。 ※2015/01/12に修正 (さらに&helli
マークアップ

jQuery たった7行でできる、シンプルな階層型メニュー

Webサイトで階層型メニューはよく使われる手法のひとつといえます。でもやり方は人それぞれ。CSSだけで実装する手法もありますが、JavaScriptライブラリとして最も浸透しているであろう jQuery を使って階層型メニューを作ってみまし
マークアップ

jQuery で作る簡単でシンプルなアコーディオンメニュー

jQuery でアコーディオンメニューを作ってみました。 某参考書を元に作ったのですが、人によって書き方は色々あるというのを教えてもらった感じです。 できるだけ簡単でシンプルな書き方にしてみたつもりなので、参考にして頂けると幸いです。
マークアップ

Webフォントを利用した、画像を使わないWebサイトの作り方

当サイト、ひっそりとリニューアルしました。 リニューアルに際して、 『できるだけシンプルに』 『できるだけ軽く』 『できるだけ見やすく』 を信条にデザインしたのですが、テキストばかりになってしまうと、ただの味気ないサイトになってし
NO IMAGE マークアップ

もうキャッシュを残さない

この業界に入って、はや10年。 何百回とクライアントに「キャッシュをクリアしてみてください」といい、 何千回とキャッシュをクリアしては、リロード、確認をしてきました。 (さらに…)
NO IMAGE お役立ち・ニュース

サーバー移行・ドメイン移行に使える!.htaccess を利用した、ドメイン指定のリダイレクト

.htaccessを利用したリダイレクトはよくありますが、ドメインを指定したい場合もあります。 (さらに…)
NO IMAGE マークアップ

HTMLのコメントアウトで [ # ] は使わない方がいい

先日、仕事で大変なことが起こった。 納品して、クライアントのサーバーにアップしたら、謎のエラーが画面上を席巻していた。 (さらに…)
NO IMAGE マークアップ

美しすぎるスライドショー!?jQueryプラグイン Nivo Slider

「美しすぎる○○」が世間をにぎわせていますが、「美しすぎる」といっても過言ではないスライドショー、それが『Nivo Slider』です。 HTMLを少しでもかじった事のある方なら、驚く程簡単にサクっと設置できますよ。 (さらに&helli
NO IMAGE マークアップ

Media Queries は基本こう使う事に決めた。

スマホ、タブレット。みなさん使っていますか? 普及のスピードはひと段落した感がありますが、仕事では「スマホでも、タブレットでも見れるように。しかもワンソースで。」なんて事が増えてきました。 なので、備忘録として「俺はこう使う!」というの
NO IMAGE マークアップ

簡単にソーシャルボタンを設置できる jQueryプラグイン jquery.socialbutton

皆さんは、ブログなどにどのようにしてソーシャルボタンを設置していますか?僕は以前まで、それぞれのサービスのオフィシャルサイトで発行できるものを使っていました。こんなかんじで。 (さらに…)
NO IMAGE マークアップ

marginプロパティの相殺について

Webの仕事について早11年。HTMLのコーディングなら一通りできていると思っていたが、こんな基礎的な事が知らなかった。ショックだぜぃ。 (さらに…)
NO IMAGE マークアップ

IE6用透過PNG表示 DD_belatedPNG.js

IEの自動アップグレードが発表されて、ようやくIE6の呪縛から逃れられるとほっとした Webデザイナーも多いはずです。とはいえクライアントの仕様書から IE6 の文字がすぐ消えるかといわれるとそうではありません。すくなくとも、あと2年くらい
NO IMAGE デザイン

Webデザイナーが絶対にしてはいけない事10箇条

10年もWebをやっていると、時に流されて良くないことになれてしまったりします。 自戒の念のこめて、しちゃいけないことをまとめてみました。 (さらに…)
NO IMAGE マークアップ

jQuery を使うとき、はじめに書いておくおまじない

多少めんどくさいですが、事が起こってからの面倒に比べたら「ふふ~~んmm♪」って鼻歌歌えるくらいのもんですよね。 (さらに…)
NO IMAGE お役立ち・ニュース

今週のブックマーク(2012.3.18〜3.24)

気になった記事、今後の参考にしたい記事などの、ブックマークした記事をご紹介致します。 (さらに…)
NO IMAGE お役立ち・ニュース

ブログの投稿をfacebookに!【RSS Graffiti】

『ブログを書いているけど、facebookもやっている。』 『ブログのアクセス数を増やしたい。』 そんな人いると思います。僕がそうです。 そんな時は、この【RSS Graffiti】を使いましょう。 その悩みをまるっと解決してくれま
NO IMAGE お役立ち・ニュース

Twitterウィジェットの作り方

超今更ですが、いざ設置するとなると『どーやるんだっけかーー』って忘れてしまうので、サイト名同様に備忘録として記事にします。 (さらに…)
NO IMAGE お役立ち・ニュース

今週のブックマーク(2012.2.26〜3.3)

気になった記事、今後の参考にしたい記事などの、ブックマークした記事をご紹介致します。 (さらに…)
NO IMAGE お役立ち・ニュース

Webデザイナー必須!5つのブラウザ拡張機能

Firefox 1、Firebug おなじみFirebug。僕はあまり使わないのですが、たまにjsとかでおかしな挙動がある時便利です。 (さらに…)
NO IMAGE マークアップ

(僕が思う)単純で分かりやすいリセットCSS

リセット用CSS。コーディングする時ちょっと悩みますよね。 (さらに…)
NO IMAGE お役立ち・ニュース

Facebook に Twitter のツイートを表示させる方法

(さらに…)
NO IMAGE お役立ち・ニュース

個人サイトオープン!

(さらに…)
NO IMAGE マークアップ

float をキチッと整列 jQuery Masonry

(さらに…)
NO IMAGE マークアップ

【WordPress Tips】自作のCSS, javascript を読込む

テーマを自作した際の、javascript を の様に、ルートパスで読込んでいました。 それしか方法が無いと思い込んでいましたが、流石はwordPressさん。あるんですね、便利なものが。 (さらに…)
NO IMAGE お役立ち・ニュース

色々なソーシャルボタンを設置してみる

最近ソーシャルボタンを設置しているサイトを良く見かけます。 でも、実際に設置する時そのページへたどり着くのが意外とわかりにくく、途中で嫌になって辞めてしまう事が多々ありました。 (さらに…)
NO IMAGE マークアップ

IE8だと絶対配置した子要素は親要素を透明にしても透明にならない件

びっくりした。いやいや、びっくりした。こんな事ってあるんですね。 IE8のみのバグ!?でしょうか。 (さらに…)
NO IMAGE マークアップ

メディアクエリまとめ Media Queries

スマートフォンが普及するにつれて、Web制作者としては避けては通れない道になりそうな Media Query 。 (さらに…)
NO IMAGE マークアップ

iPhoneサイトを作るときの5つの必須コード

スマートフォンの普及が加速しています。 それに伴いWeb制作者に、スマートフォン制作のスキルが求められてきています。 (さらに…)
NO IMAGE マークアップ

ページ内を縦横スムーズに移動するjQueryサンプル

(さらに…)
NO IMAGE マークアップ

[jQuery] マウスカーソル追従

最近になって jQuery を勉強しだした。 (さらに…)