タグ

関連タグで絞り込む (4)

タグの絞り込みを解除

HP作成に関するhamayumi3のブックマーク (103)

  • HTMLコーディングTips : HTMLコーディングのノウハウ ： HTML/XHTML、CSSコーディング最安保障～クロノドライブ～

    サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキス

  • CSSハック一覧

    2013年3月23日 CSS 異なるブラウザーで見たらレイアウトが崩れる。。CSSハックはそんな時のお役立ち裏技（？）です。私がブックマークしているCSSハックに関するWebサイトがたくさんあったので（Safariがのってない・IE8しかのってない。。等の理由で）、自分用メモ。「こんなやり方もある！」というのがあればコメントして教えてください！ ↑私が10年以上利用している会計ソフト！ Internet Explorer IE6以下 #help_me { _color: blue; } * html #help_me { color: red; } IE7 *:first-child+html #help_me { color: red; } *+html #help_me { color: red; } IE6, IE7 #help_me { /color: blue; } IE8 #h

    CSSハック一覧

  • コーディングガイドラインを作るときに定めておきたい項目｜クロノドライブ

    コーディングガイドラインの必要性 私もはじめはガイドラインの必要性を感じずにいました。しかし、コーディングを続けていくうちにじょじょに必要性を感じてくるようになりました。 なぜなら、コーディングガイドラインを定めないままコーディングした結果、自分で作ったものですらどういう構造になっているか分からなくなったからです。そのため、更新に手間取ってしまいました。 一人のときですらこの有様ですから、二人以上で作業を行うことを考えるとコーディングガイドラインの必要性は明らかでした。 その後、何度もコーディングガイドラインを改善してきました。 項目1　データを編集した人が誰か分かるようにする HTMLファイル・CSSファイルともに、作成者と更新者の名前と日付をセットにした署名を入れるようにしましょう。 そのデータを編集した人が誰で・いつ編集したのかをわかるようにすることで、ミスが起きたときに責任の所在が

    コーディングガイドラインを作るときに定めておきたい項目｜クロノドライブ

  • Thickboxの使い方 – 画像やHTMLのポップアップをお手軽に！｜クロノドライブ

    ThickBoxとはjQueryを使用したAjaxライブラリの一つで、主に画像をページ上に大きく表示させるときに使われます。また、画像だけではなくHTMLファイルも表示することが出来るため、これ一つで画像とHTMLをポップアップ表示（正確には同じページ上にオーバーレイ表示される）させることができます。 ◆サンプル このライブラリの便利なところは、小難しい設定をしなくても使えることや、ポップアップした画像を自動的にブラウザに収まるサイズに縮小してくれるところです。 ※HTMLを表示する場合にはサイズを指定する必要があります。 使ってみたい！と思った方のために使い方の手順を下記にまとめました。 必要なデータを揃える まずは、配布元であるThickBox3.1に行き、Downloadから下記ファイルをダウンロードしましょう。 ファイル名 thickbox.js thickbox.css load

    Thickboxの使い方 – 画像やHTMLのポップアップをお手軽に！｜クロノドライブ

  • clearfix(クリアフィックス)の使い方｜CSS | オレのWEBPAD

    float(フロート)を使った場合、親要素が領域をなくして潰れてしまいます。それを回避するためにはfloatを指定した要素の後にclear:bothをかける必要があります。 しかしデザイン上、そううまくかけれるとは限りません。そこで頼りになるのがclearfixと言われるハック方法です。 clearfix以外でフロート解除をする方法はこちら clearfix(クリアフィックス)の記述 clearfixはCSSに記述して、クラス名に指定して適応させます。 clearfix(クリアフィックス)の記述 .clearfix:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; } .clearfix{ display: inline-block; } /* Hides

  • clearfixでfloatを解除 | d-spica

    clearfixでfloatを解除 2007-03-07 1 0 XHTML/CSS clear, CSS 枠や背景が消えたり，途中で切れたりしたことはありませんか。 floatした要素（ボックス）を含む親要素（ボックス）のborderやbackgroundが途中で切れてしまうことがあります。 左の例では，右側のメニューが終わったあたりで，左右にあるラインも切れています。 floatした要素の高さは親要素の高さに反映されない 分かりやすいようにXHTMLとCSSの例を書いてみましょう。 <div id="wrapper"> <div id="content"> <p>content</p> </div> <div id="menu"> <p>menu</p> </div> </div> #wrapper { width: 200px; border: solid 3px #999999;

  • tech-log 控え室改め ありんくtech-log

    こちらで続けようと思います。 とりあえず、CentOS5、CentOS6の共生と cpanmでのImage::Magick の取り扱い、Imagerがいまいち美しい処理をしてくれないあたりが目下の目標です。

  • 実際に作ってみよう　準備編

    実際にXHTML+CSSで文書を作ろう 教科書を読んで理解したつもりになっても時間が経てば多くのことを忘れてしまいます。 スキルを身につけるためには実践あるのみ。 自分で手を動かして成功体験を積むこと・失敗から学ぶことが大切です。 これから実際にXHTML+CSSで文書を作成してみましょう。 まずはリラックス いざ自分でWebサイトを作る段階になるといくら時間が経っても作業が進まない人がいます。 そのような人は最初から完璧を求めるあまり、細かいところで「ああでもない、こうでもない」と堂々巡りを繰り返しているケースが多いです。 失敗してもいいんです。 後で好きなだけ、自分が納得いくまで修正できます。 まずはザックリと大まかで良いので作業を進めていく。 随時、細かいところを作りこんでいく。 この繰り返しです。 いきなり詳細部分まで完璧に作ろうとしないことが大切です。 ホームページを公開するため

    実際に作ってみよう　準備編

  • SEO対策に重要なMETAタグについて

    検索エンジン最適化（SEO）のためにスパイダーを制御できるMETAタグを上手に活用してアクセスアップに役立てよう ◆◇◆　METAタグとは　◆◇◆ METAタグとは、Google、goo、infoseekなどに代表されるロボット型検索エンジンでスパイダーと呼ばれるプログラムにホームページの情報を拾わせるためのHTML記述方法です。 ロボット型検索エンジンのスパイダーがネットワーク上を巡回し、ホームページを探し出し、そのページのHTML文書の中からキーワードを拾い集め、URLを検索ページに反映させるという訳です。 いわば、METAタグはロボット型検索エンジンのスパイダー様のツアーコンダクターといったところでしょうか。 METAタグはページ内容の説明やキーワード、ファイル情報などを記載しますが、直接ブラウザに表示されるわけではありません。 メタタグには、いろいろなものがありますが、

  • GIMPで綺麗に楕円を描く方法

    概要 GIMP で [選択領域をストローク描画] コマンドを使って太い楕円などの図形を描画すると、質の悪い結果になってしまいます。綺麗に楕円を描くには、 Shape Paths スクリプトで楕円形のパスを作ってストローク描画するのが良いようです。 初めに GIMP (GNU Image Manipulation Program) はフリーの画像加工・作成ソフトです。僕が日常的な画像加工で必要とする機能はすべて備えている (もっと高機能です) 上、 Windows でも Unix でも動くので、大変重宝しています。でも、僕のような初心者にはときどきとても簡単なことをする方法がわからないのが玉に瑕です。 GIMP で初心者がどうしたらいいか迷う操作の代表は、何と言っても「円周を描くこと」でしょう。ここでは次のような太い楕円を描きたいとします。 これをうまくない方法で行うと、次のように汚い画像に

  • seotemplate.biz

  • sectionseven.com

    This domain may be for sale!

  • 教えて！ Watch - 同じページを横スクロール

  • error403.net

    Error 403 you have permission to access / on this server :)

  • 縦や横に長いサイト「高級ペライチ」1度は見ておきたいスクロール演出のまとめ32個！

    HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」！ HTMLファイ部の「HTML5の鬼」ことほんだです。 カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。 スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。 今回は「高級ペライチ」とググると1位に表示される、 僕のはてブ「高級ペライチ」タグから厳選32サイトを紹介します！ まずは王道！縦に長い高級ペライチ

  • idとclassの違いと使い分け！スタイルシート(CSS)適用法 [ホームページ作成] All About

    idとclassの違いと使い分け！スタイルシート(CSS)適用法idとclassの違いと、使い分け方法をご紹介いたします。HTMLにスタイルシート(CSS)を適用する方法には、class属性を使う方法と、id属性を使う方法があります。この「class」と「id」は明確に役割が異なります。全部にclass属性を使っている場合は問題ありませんが、全部にid属性を使っている場合は問題がある可能性があります。 スタイルシート(CSS)を記述する際、「特定の要素すべて」を一括して装飾するのではなく、「特定の要素のうち一部だけ」を装飾したい場合、HTMLに付加できる属性は2種類ありますね。class属性と、id属性です。この「class」と「id」を、正しく使い分けられていますか？ この「class」と「id」は、どちらでもよい方法が2種類用意されているわけではなく、明確に役割が異なります。そこで今回

    idとclassの違いと使い分け！スタイルシート(CSS)適用法 [ホームページ作成] All About

  • 表のボーダーを表示する（ＣＳＳ編）その三 - 自作ＰＣ

  • MovableType.jp

    マニュアル Movable Type では、CMS（Content Management System）として安全にコンテンツを管理・運用するために、ユーザーごとにロール（役割）を指定する事で権限を管理できます。ここでは、その主なロール別に役立つマニュアルや、クラウド版、Advancedに関するマニュアルをそれぞれまとめています。 スタートガイド Movable Type の動作に必要なシステム要件や、注意・制限事項について説明します。初めてご利用される場合は、Movable Type を導入する前にご一読ください。

    MovableType.jp

  • クラス分けと、入れ子

  • 外部スタイルシートに書くCSSタグ（各役割に見栄えを設定する）

  • 前のページ 1 2 3 4 5 6 次のページ

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.