マークアップ

マークアップ

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年。もうこれなしでは、コーディングは考えられない!っていうくらいまでなんとか使えるようになってきました。 この記事を書いている時点ですが、マークアップに使うアプリケーションのシェアで、
マークアップ

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 マークアップ

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 マークアップ

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

多少めんどくさいですが、事が起こってからの面倒に比べたら「ふふ~~んmm♪」って鼻歌歌えるくらいのもんですよね。 (さらに…)
NO IMAGE マークアップ

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

リセット用CSS。コーディングする時ちょっと悩みますよね。 (さらに…)
NO IMAGE マークアップ

float をキチッと整列 jQuery Masonry

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

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

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

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

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

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

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

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

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

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

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

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

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