タグ

xtanのブックマーク (8)

  • ★レスポンシブの基本、メディアクエリの書き方 | | それからデザイン スタッフブログ


    以前のWebは﹁PCで見る﹂というのが第一でありそれ以外の選択肢はありませんでしたが、 最近ではスマートフォンやタブレットの登場により、ユーザーの環境も様変わりし、PC以外の端末でWebをみるという人も増加傾向にあります。 そんな中、﹁レスポンシブWEBデザイン﹂という手法が注目を集めています。 今回はそのレスポンシブの要となるメディアクエリについて取り上げたいと思います。 メディアクエリとは？ メディアクエリとは、CSS2の頃にあった　media タイプを発展させたCSS3の新しい要素です。 下記のコードは既にお馴染みだと思います。
    xtan
    xtan 2015/11/30
    メディアクエリの書き方CSSやサイズごとの外部リンク切り替え
    リンク

  • 商品一覧ページで横並びにする（2.13） - 仕事備忘録


    list.tpl内のdiv.list_areaが商品ひとつの塊となっている。 そのため、contents.css内にあるdiv.list_areaに対して、float: leftとwidthを設定すれば、商品一覧ページで商品を横並びで表示させることができる。 ただ、これだけだと各list_areaの高さがまちまちのため、並び方がガタガタになる場合もある。 希望としては <div class="list_are_wrap clearfix"> <div class="list_area"></div> <div class="list_area"></div> <div class="list_area"></div> </div> <div class="list_are_wrap clearfix"> <div class="list_area"></div> <div class="l
    商品一覧ページで横並びにする（2.13） - 仕事備忘録
    xtan
    xtan 2015/11/30
    商品一覧ページで横並びにする（2.13）
    リンク

  • 福山市パソコン教室マテリアル福山


    福山市のパソコン教室の中でも、最も﹁使いこなせる﹂を目的とした、繰り返し練習することで自然と頭に入ってくる人気の講座です。 一定の時間数の講座をこなしただけで、本当に﹁使える﹂と自信が持てますか?資格は取ったけど使えない。そんな沢山の人をみてきました。 マテリアル福山のパソコン講座は、通い放題や﹁合格保証﹂など、覚えて頂くためには時間を縛りません。納得いくまで繰り返し反復学習が可能です。 だから資格を取って会社に入っても﹁不安﹂なく﹁自信﹂に満ちて業務が遂行できるのです。 頑張った努力は必ず報われます！
    福山市パソコン教室マテリアル福山
    xtan
    xtan 2015/11/29
    福山市でパソコンの検定試験が合格するまで何回でも何時間でも通い放題！
    リンク

  • 日本語の文章のタイポ/変換ミス/誤字脱字エラーをチェック/校正


    Enno.jpは日本語のあからさまなエラー︵タイポ、スペースのエラー、誤字脱字、変換ミス、入力後の編集ミス、文字化け︶を自動チェックするWebサービスです。 フォーマルな文書を中心に、あらゆる日本語文書のあからさまなエラーをチェックできます。 誤検出および無関係なエラーを極力排除しており、他のチェック・校正ツールと組み合わせるのに向いています。AIで生成・処理した文章のチェックにも有用です。 特定の業種やスタイルに依存しません。全角句読点﹁，﹂﹁．﹂やソースコードを含む理工系文書もチェックできます。 ユーザー登録は不要です。 エラーのパターンを蓄積してチェックしているので動作が安定しています︵AIは使っていません︶。パターンは常時追加されます。 プライバシー保護のため、チェックされる文書はデータベースやログや外部サイトなどに一切保存していません。サイト運営者も読めません。 LIG様のブログ
    日本語の文章のタイポ/変換ミス/誤字脱字エラーをチェック/校正
    xtan
    xtan 2015/11/29
    タイポ／変換ミス／日本語・英語・ソース／誤字脱字エラーをチェックする
    リンク

  • B. Feeds - Kuler - Adobe Learning Resources

    Language Navigation Language Navigation

    xtan
    xtan 2015/11/29
    Illustratorの使い方をadobeが動画で分かりやすく解説
    リンク

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

    レッスン一覧 料金プラン ログイン 2024/06/24 NEW 『Laravel入門 基本機能編』をリリースしました 2024/06/20 NEW 【週刊ドットインストール】 レッスン制作の進捗、HTMLの検証ツール、写真アップロード時の注意点 2024/06/18 NEW 【無料レッスン】 『Emmetで爆速コーディングを修得しよう』をリリースしました 2024/05/07 NEW あなただけの学習ロードマップを作成します 【随時受付中】

    ドットインストール - 3分動画でマスターする初心者向けプログラミング学習サイト
    xtan
    xtan 2015/11/29
    無料でプログラミングを学べるサービス。１本の動画は３分程
    リンク

  • アルファシス – alphasis.info -

    カテゴリー別アーカイブ JavaScript (2,265) リファレンス (1,050) Hello World (3) 基本構文 (8) 変数 (13) 定数 (2) データ型 (5) リテラル (13) 文字列リテラル (4) 配列リテラル (3) オブジェクトリテラル (3) 演算子 (52) 制御構造 (65) if (5) switch (4) while (6) do-while (6) for (10) for-in (8) for each-in (6) break (6) continue (5) debugger (1) function (1) return (1) var (1) with (1) try-catch-finally (3) throw (1) ユーザー定義関数 (21) ユーザー定義オブジェクト (10) 組み込み関数 (10) 組み込み定数 (

    xtan
    xtan 2015/11/29
    JavaScript リファレンス,jQuery 入門,PHP リファレンス他
    リンク

  • とほほのBootstrap 3入門 - とほほのWWW入門


    このページは ﹁Bootstrap3﹂について説明しています。Bootstrap4については、﹁Bootstrap4入門﹂を参照してください。 Bootstrap は、スマートフォンなどのモバイル端末にも対応し、レスポンシブデザインを採用した HTML, CSS, JavaScript フレームワークです。 Twitter 社で開発され、最初は﹁Twitter Bootstrap﹂と呼ばれていましたが、現在は﹁Bootstrap﹂となりました。 ライセンスはMIT License で、商用利用も可能です。 現時点(2018年5月6日)の最新バージョンは 4.1.1 です。 Bootstrap2と Bootstrap3以降では一部互換性の無い機能があります。 2018年1月に Bootstrap4も正式リリースされました。
    xtan
    xtan 2015/11/29
    分かりやすく、辞書的に使えるサイトです。
    リンク
  • 1

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

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

  • @hatebu

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

はてなブックマーク

公式Twitter

はてなのサービス

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