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)
  • 福山市パソコン教室マテリアル福山

    教室の時間変更について 誠に勝手ながら、下記の日時は休講とさせていただきます。 2024年4月 10日(水)18時以降~今後毎週水曜日の18時以降はクローズ 何かとご迷惑をおかけいたしますが、何卒ご了承のほど、お願い申し上げます。 福山市のパソコン教室の中でも、最も「使いこなせる」を目的とした、繰り返し練習することで自然と頭に入ってくる人気の講座です。 一定の時間数の講座をこなしただけで、当に「使える」と自信が持てますか? 資格は取ったけど使えない。そんな沢山の人をみてきました。 マテリアル福山のパソコン講座は、通い放題や「合格保証」など、覚えて頂くためには時間を縛りません。納得いくまで繰り返し反復学習が可能です。 だから資格を取って会社に入っても「不安」なく「自信」に満ちて業務が遂行できるのです。 頑張った努力は必ず報われます!

    福山市パソコン教室マテリアル福山
    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/12/06 NEW 「MySQL入門 基礎編」のミニクイズをリリースしました 2024/12/05 NEW 【週刊ドットインストール】 マイページの改善、レッスン制作の進捗、ミニクイズ更新情報 2024/12/04 NEW 「UNIXコマンド入門」のミニクイズをリリースしました 2024/12/04 NEW 「PHP入門 クラス編」のミニクイズをリリースしました 2024/05/07 NEW あなただけの学習ロードマップを作成します 【随時受付中】

    ドットインストール - 3分動画でマスターする初心者向けプログラミング学習サイト
    xtan
    xtan 2015/11/29
    無料でプログラミングを学べるサービス。1本の動画は3分程
  • アルファシス – 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入門

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

    xtan
    xtan 2015/11/29
    分かりやすく、辞書的に使えるサイトです。
  • 1