集客を目的としたWebデザイン、制作の方法を紹介します。

2014年12月の記事

文字列 文字列を変数に代入 [python] >>> fred = silly_string = 'Why do gorillas have big nostrils? Big fingers!!' [/python] 文字列を変数に代入するには、文字列の最初と最後をシングルクオーテーショ…

411 Views

 小さい画面のとき、1画面ではページが入りきらない場合があります。 レスポンシブWebデザインでは、フロートさせていたブロックを全て下に落とみ、全てのカラムを1行にします。 カラムを落とし込むと、左のカラムが上で右のカラムが下になります。 例)デスクトップで開いたとき、テキストを左、写真を…

336 Views

レスポンシブWebデザイン 制作の実践的ワークフローとテクニックposted with ヨメレバ渡辺 竜 ソシム 2012-12-20 AmazonKindle楽天ブックス 米国カリフォルニア州の制作会社 ZURB,Incが提供する「F…

379 Views

Pythonは、汎用のプログラミング言語です。オブジェクト指向型が特徴で、ライブラリも豊富でWEBアプリ、GUIアプリの作成も可能です。また、Google・yahooなどに代表される有名企業でも利用されています。インストールは、いたって簡単です。 Pythonのバージョンについて …

2087 Views

 グリッドシステムとは、グリッド・レイアウトに汎用性を持たせ、複雑なレイアウトパターンにも使えるようシステム化したものです。 グリッドシステムは、レスポンシブWEBデザインの必須条件ではありません。 しかし、中規模から大規模のサイトをレスポンシブWEBデザインにするとき、非常に効率的です。 グ…

370 Views

 viewport(ビューポート)とは、「表示領域」のことです。 前回メディアクエリの指定をして、スマートフォン画面にスタイルを対応させることについて説明しました。 →メディアクエリで画面サイズごとCSSを切り替えるには? しかし、viewportメタタグを指定しなければ、メディアクエリを記述…

350 Views

 同じ高さのボックスを3つ並べます。その上下左右の中央に文字を並べます。 完成イメージ ・Ie9以降のブラウザです。 黄色のボックス中央に文字を配置します。 ↓ ・スマートフォンサイズの画面です。 画面が縮むと、ボックスが縦一列になります。 文字の位置がやはりボックスの中央です。 …

383 Views

 リキッドレイアウトとは、ウィンドウサイズに合わせて幅を可変させるレイアウトです。 リキッドレイアウトは、幅や高さをパーセントなど相対値を使って指定します。 レスポンシブWEBデザインは、あらゆる画面サイズにレイアウトを適応させることが条件です。 そのため、フル可変のリキッドレイアウトはレスポ…

327 Views

 Internet Explorer 8以下では、メディアクエリが使用できません。 レスポンシブといってもIE8以下は「HTML5」「CSS3」が対応していないためです。 対応方法 javascriptによる対応  対応策として、以下の2つのJavaScriptのどちらかを実装します。 …

354 Views

 Media Queriesの概要と記述例について前回紹介しました。 → メディアクエリで画面サイズごとCSSを切り替えるには? Media Queriesの条件分岐に利用できる指定方法には、これまでにご紹介したものも含め、一例を以下でご紹介します。 記述例 width  横幅を条…

389 Views

プロフィール

名前:イワサキ ユウタ 職業:システムエンジニア、ウェブマスター 誕生:1986年生まれ 出身:静岡県 特技:ウッドベース 略歴 2008年04月 金融機関系I

最近の投稿
人気記事
カテゴリー
広告