タグ

htmlに関するsorausa1124のブックマーク (45)

  • hanatoweb.jp - このウェブサイトは販売用です! - hanatoweb リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

  • HTML CSS ガイドライン – Kangaroonote

    GitHub ディレクトリ構造 ディレクトリ構造、ファイル構成は案件毎に最適な方法を検討 ただし公開ファイルと公開不要なファイル(SASS や node_modules など)は明確に分ける 特に理由がなければ下記の形にする root/ ├── dist/ └── index.html └──css/ └──js/ └──images/ └── src/ └──sass/ └──style.scss └──_var.scss └──_mixin.scss └──_header-footer.scss └──_compo-list.scss └──_compo-table.scss └──_compo.scss └──_single-propery.scss └──_animation.scssルール 命名規則 ID名、クラス名、ファイル名で単語をつなぐ場合は -(ハイフン)を使用親要

  • もうCSS設計で悩まない!「CSSコーディング ガイドライン」策定のための参考記事・スライド 7選 / SQUEEZE - Web Design Studio -

    構造やクラス名、プロパティの記述方法などをルール付ける「CSSコーディング ガイドライン」策定のための参考記事を紹介します。 チームでの共有、コーディング効率やメンテナンス性などの改善のためにも、これを機会にガイドラインを導入してみてはいかがでしょうか。 コーディング規約を作ろう"制作チームの規模が大きくなればなるほど、コードの統一性は大切" ▶ コーディング規約を作ろう Webクリエイターボックス コーディング規約を見直すうえで抑えておくべきポイントを紹介。 チェックポイントコーディング規約に含むべき項目 ・ディレクトリやファイルの階層・名前 ・記述順やインデント、単位などのフォーマット ・ID,classなどの命名規則 ・対応ブラウザー CSSガイドラインを翻訳してみた"多くの開発者が関わる場合、メンテナンス可能、コード見通し良く、拡張可能にするために統一された方法を用いることが重要"

    もうCSS設計で悩まない!「CSSコーディング ガイドライン」策定のための参考記事・スライド 7選 / SQUEEZE - Web Design Studio -
  • jQueryによるフォームデータ取得方法のまとめ

    jQueryによるフォームデータ取得方法のまとめです。 フォームデータの取得で分かりにくいのは、セレクトボックス・ラジオボタン・チェックボックスの3種類ではないかと思われます。エントリーではこの3種類にターゲットを絞り、動作サンプルを用いて解説します。「$」は「jQuery」で記述しています。 2012.06.19追記:テキストフィールド・テキストエリアの取得方法も追加しました。 2014.05.11追記:チェックボックスの取得方法をattr()からprop()に変更しました。 ネットで検索したところ、まとまった記事がなかったので自作しました。なお、エントリーに掲載している方法以外にも色々なやり方があると思いますので、一例として参照して頂ければ幸いです。 1.セレクトボックスの値を変更したときに取得 セレクトボックスの値を変更したときに取得するには、changeイベントとval()を組

  • 奈良で品質の良い胡蝶蘭のお店を選ぶ。値段もお手頃。

    胡蝶蘭 奈良 ご質問があればお気軽に当店までお電話にてご連絡下さい。 あくまで目安とお考えください。 ・午前中・午後 ◎日曜・祝日、及び、一部地域では配達時間のご希望は承る事ができません。 」定期装花。 また、国宝や世界文化遺産に指定されている建造物や仏像が多く残されています。 成田花園 (神奈川県)の情報が更新されました。 12:00以降に送信していただいたご注文・・・・翌日発送(2~3日以降の到着)が可能です。 しかしながら、大事にしていることは、その農園の思いであると安永店長は語る。 (チューリップス) (愛知県)の情報が更新されました。 1万円以下のものもいろいろとありますが、お祝いとして贈るのならば1万円前後のものは最低と見ておいたほうが良いでしょうね。 ショップの方に相談し、ご提案されたのが、こちらのお花でした。 お誕生日・各種お祝いやプレゼント、お悔やみ、お供えなどのお花の贈

  • コーディング規約を作ろう

    2017年1月6日 Webサイト制作, 便利ツール コーディング規約やスタイルガイドは、HTMLCSSのマークアップや、各種プログラミング言語の書き方をまとめたものです。コーディングスタンダードやコーディングガイドラインとも呼ばれますね。コーディング規約を決めていなかったり、あいまいにしたまま進めていくと、書式が統一されていないため、コードを追加すればするほどゴチャゴチャしたコードになりがちです。チームでコーディングしていくならなおさら。今回チーム用のコーディング規約を見直すことになったので、その時感じた抑えておくべきポイントをまとめてみます。 ↑私が10年以上利用している会計ソフト! コーディング規約に含むべき項目 ディレクトリー階層 ファイルを保存するフォルダーの階層や、そのフォルダーの名前を決めておきます。画像を格納しているフォルダーを例にあげても、「image」「images」「

    コーディング規約を作ろう
  • intra-mart Accel Platform Tag Documentation

    CSS Module List API Documentation クライアントサイド JavaScript Client Side JavaScript API Client Side JavaScript API (IWP v7.2) スクリプト開発モデル タグライブラリ im-BizAPI im-BizAPI(互換) JavaEE開発モデル タグライブラリ im-BizAPI im-BizAPI(互換) CSSモジュール一覧 CSSモジュール一覧 CSS Sprite CSS Sprite Image List Webサービス IM-Workflow Web サービス (IWP v7.2)

    sorausa1124
    sorausa1124 2013/07/26
    スタイルガイド的なサイト!
  • NerdyData

    Unlimited reports. One for each competitor. All plans include unlimited downloads. Download a filtered list of targeted leads, or export a large list into your marketing tool of choice.

    NerdyData
    sorausa1124
    sorausa1124 2013/07/26
    サイトのソースコードも検索対象になっている検索エンジン「NerdyData」
  • Hamlで開発効率アップ|Sublime text 2でビルドしてみました。 | DevelopersIO

    先日、弊社で開催ししている勉強会:【課外授業5日目】「Sublime Text 2とSass&Compassで効率的なコーディングライフ」のスピーカーを務めさせていただきました。 人生初のスピーカーということで、緊張して時間を10分巻いてしまいました。。。 さて今回はHaml with Sublime text 2と題しまして、ご紹介できればと思います。 アジェンダ Hamlとは? Hamlの書き方 Sublime text 2でビルド(ファイル出力) おまけ Hamlとは? XHTML Abstraction Markup Languageの略称です。 と言われましてもなんのことだ??ってなるかと思います。 日Hamlの会というユーザーグループで以下のように、説明しれくれてます。 HamlはHTML/XHTMLを生成するためのマークアップ言語です。インデントや簡略構文によって簡潔な記述

    Hamlで開発効率アップ|Sublime text 2でビルドしてみました。 | DevelopersIO
  • [ Middleman で超速プロトタイピング ] #00 Haml 再入門 | DevelopersIO

    Web アプリケーション開発の初期段階においては、そのアプリのモックアップをよく作ったりします。いわゆるプロトタイピングというヤツですね。実装となるともちろんサーバーサイドは JavaPHP などで実装し、それに伴ってフロントエンドもそれらのプログラミング言語によるテンプレートエンジンをベースに HTML で作り上げる訳です。しかしプロトタイピングの段階ではそういったプログラミング言語に頼ることなく、HTML だけで一通りの静的な Web ページを作ることになります。 実はこのモックアップ作成という名のプロトタイピング、HTML だけで作るという理由からかなりの重労働だったりします。画面数の少ない小規模な Web アプリケーションであればどうってことないですが、業務系の Web アプリケーションとなると10画面、20画面は当たり前。時には40画面以上にも及ぶことも少なくありません。

  • Webサイト制作を仕事にしたい人を全力で応援する【コーディング道場】

    コーディングはWebサイト制作の基 近年、自由な働き方に憧れて「フリーランス」を目指す人が増えています。 ライティングやデザインなど、フリーランスが取れる仕事はたくさんありますが、その中でも特に人気を集めているのが「Webサイト制作」。 文字通り、私たちが普段スマホやパソコン上で訪れるWebサイトを作るのが仕事ですが、その基となるのが「コーディング」というスキルです。 コーディングとは、完成されたデザインをWeb上で表現することを言い、マークアップ言語やプログラミング言語といった知識が必要となります。 プログラミングとはどう違うのか? コーディングと似た言葉に「プログラミング」があります。 プログラミングとは、プログラムを設計したり記述したり、また、テストを繰り返してバグを修正したりといった工程すべてのことを指します。 一方のコーディングとは、多少のプログラム言語を書くことはあるものの

    Webサイト制作を仕事にしたい人を全力で応援する【コーディング道場】
    sorausa1124
    sorausa1124 2013/07/17
    学生向けに作られた国産プログラミング学習サイト!
  • サービス終了のお知らせ

    サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

  • HTMLにおけるimg要素のalt属性

    HTML Standardの4.8.1.1 Requirements for providing text to act as an alternative for imagesをざっと把握できるように日語で箇条書きにしただけのものです。最終的には原文をしっかりと読むべきでしょう。 基 必ず定義されるべきである その値は空であってはならない その画像に代わりになる最適な文字列である ページ上の全ての画像をそのalt属性の値で置き換えてもページの意味合いが変わってはならない 画像のキャプションや題名、銘とみなされるような補助的な説明を意味するものであってはならない 前後で解説されている情報の繰り返しであってはならない 画像以外に何も含まれていないリンクやボタンで使われる場合 リンクやボタンの目的を明確に伝える文字列を指定する わかりやすく説明するために文章ではなく画像のチャートやグラフを

  • サービス終了のお知らせ

    サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

  • WelcomeMat.co

    <!-- $$$$$$$\ $$\ $$ __$$\ $$ | $$ | $$ | $$$$$$\ $$$$$$\ $$$$$$$\ $$\ $$\$$$$$$\ $$$$$$$ |$$ __$$\ \____$$\ $$ __$$\ $$ | $$ \_$$ _| $$ ____/ $$$$$$$$ | $$$$$$$ |$$ | $$ |$$ | $$ | $$ | $$ | $$ ____|$$ __$$ |$$ | $$ |$$ | $$ | $$ |$$\ $$ | \$$$$$$$\ \$$$$$$$ |$$ | $$ |\$$$$$$ | \$$$$ | \__$$$$$$$\\_______| \__$$\__|\$$\ \__| \______/ \____/ $$$$$$$\ $$\ $$\ $$ __$$\ $$ | $$ | $$ | $$ |$$\ $$\$$$$

    sorausa1124
    sorausa1124 2013/06/12
    コメントアウトでAAを入れられる
  • 犯してはいけないHTMLタグの過ち10個

    【追記】 HTML5ではインラインとブロックの要素分類がなくなり、代わりに、メタデータ、フロー、セクション、ヘッディング、フレージング、エンベッディッド、インタラクティブというコンテンツの種類が定義されています。 2. 画像に代替テキストのalt属性が入っていない <img src="sample.gif" /> alt属性は、Webページに表示されるすべての画像に必須の要素ですので、必ず使用する必要があります。 <img src="sample.gif" alt="サンプル" /> 必須の要素ですので、特にテキストで表示する必要がない場合でも、alt=""としておく必要があります。 【追記】 HTML5では「Images whose contents are not known(どのような内容かわからない画像)」に限り、alt属性を省略することができます。写真共有サイトにユーザーが画像を

    犯してはいけないHTMLタグの過ち10個
  • Stack Overflow

    Ask questions, find answers and collaborate at work with Stack Overflow for Teams. Explore Teams Collectives™ on Stack Overflow Find centralized, trusted content and collaborate around the technologies you use most. Learn more about Collectives

    Stack Overflow
  • Qiita

    Why not login to Qiita and try out its useful features?You get articles that match your needsYou can efficiently read back useful informationdark_modeYou can use dark theme

    Qiita
  • ドットインストール - 3分動画でマスターする初心者向けプログラミング学習サイト

    ホームページやWebサービスの制作を通して、実践的にプログラミングを学べます。他にも、ゲーム制作やデータ分析機械学習/AIに使われる言語まで幅広くカバー。学びたい分野のレッスンがきっと見つかります。

    ドットインストール - 3分動画でマスターする初心者向けプログラミング学習サイト
  • AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ

    AndroidiPhoneHTML,CSS,JavaScriptのバグまとめ AndroidiPhoneなどのスマートフォンではHTML,CSS,JavaScriptにバグが多くてコーディングが大変になります。そこでバグを紹介しているサイト、記事をまとめてみました。(中にはバグではなく仕様なものもあるかもしれません) iOS 8.4.1の:hover問題 iOS 8.4.1で:hoverを指定していると1タップでページ遷移できない問題 【STINGER5】AndroidChromeで&nbsp;が「・」になってる気がする | ビビビッ &nbsp;を&emsp;に変更すると直るとのこと。 Mobile Safari 8でposition: fixedした擬似要素が完全に位置が固定されない - Weblog - Hail2u.net Mobile Safari 8でposition:

    AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ