マークアップ

Javascript

Slick の使い方(1)レスポンシブ対応 jqueryプラグインスライダー

これまで色々なスライダープラグインがありましたが、今はこれ一択です。簡単・軽い・レスポンシブ!備忘録を兼ねて使い方を紹介します。 Slickのダウンロード 以下より画面上部の をクリックしてダウンロード。Slick 公式サイ...
Compass

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

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

Sass、Compass はじめの一歩。

Sass を使い始めて2年位経ちます。まだまだ、使いこなせてはいないのですが、コーディングするうえで無くてはならないくらいにはなってきました。
ツール

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

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

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

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

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

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

Googleカスタム検索の設置

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

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

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

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

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

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

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

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

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

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

この業界に入って、はや10年。 何百回とクライアントに「キャッシュをクリアしてみてください」といい、 何千回とキャッシュをクリアしては、リロード、確認をしてきました。
HTML

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

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

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

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

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

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

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

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

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

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

IE6用透過PNG表示 DD_belatedPNG.js

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

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

多少めんどくさいですが、事が起こってからの面倒に比べたら「ふふ~~んmm♪」って鼻歌歌えるくらいのもんですよね。
CSS

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

リセット用CSS。コーディングする時ちょっと悩みますよね。
タイトルとURLをコピーしました