haruharujaneのブックマーク - はてなブックマーク

PC版とスマートフォン版サイトを自動で切り替える方法 [ホームページ作成] All About

スマートフォンは、PC用に作られたウェブサイトでも表示できます。しかし画面サイズが小さいため、そのままの状態では読みにくい可能性があります。その場合の対策としては、レスポンシブWebデザインを採用するスマートフォン専用サイトを作るなどの方法があります。 ■更新や管理が楽なのはレスポンシブWebデザインだが…… 更新や管理の労力を考えれば、レスポンシブWebデザインを採用する方が楽でお勧めです。その方が、同じ情報を掲載したページを複数用意する必要がありませんし、新しい端末が登場しても(おそらくは)何もせずに対処可能ですから。 (参考) ブラウザの幅に合わせて表示を自動変更するレスポンシブ技12選しかし、既存のPC用サイトがレスポンシブ化しにくいデザインな場合や、スマートフォンの特性を活かしたウェブサイトを用意したい場合では、PC版サイトとスマートフォン版サイトを分離する方が望ましいこ

haruharujane 2017/01/12

リンク

3/3 CSSで斜線を引く方法:表の空セルなど任意のHTML要素に [ホームページ作成] All About

空っぽのセルの中に、CSSだけで斜線を引く方法それでは最後に、CSSを使って斜線を引く方法を解説いたします。ここでは記事冒頭でご紹介したように「空っぽのセルの中に斜線を引く方法」を例にしていますが、斜線自体は表(テーブル)のセルに限らずどこにでも引けます。斜線を引く仕様くらいはCSSに含まれていても良さそうなものですが、残念ながらありません。そこで、グラデーションを描くための仕様「linear-gradient」を利用して、斜線のように見せるテクニックを使います。CSSソースの記述は1行だけで済み、ほぼコピー＆ペーストで斜線が引けますので、ぜひ試してみて下さい。【このページで解説している内容の目次】空っぽのセルの中に45度の角度で斜線を引くCSSの書き方 CSSのlinear-gradientで斜線が引ける理由の解説・配色の調整方法正方形ではない(縦横比が不定な)対象に、うまく斜

haruharujane 2016/10/21

CSS3

リンク

シンプルは嫌！ウェブ上で高機能な表(テーブル)を作る6つの技｜All About（オールアバウト）

シンプルは嫌！ウェブ上で高機能な表(テーブル)を作る6つの技大量の情報を見やすく掲載するには表組み(テーブル)を活用するのが定石。でも、HTMLだけで作る表組みは、見栄えも機能もシンプルすぎて嫌！……というアナタに、ソート・抜粋機能の付加など、ウェブ上の表を見栄え良く高機能化する6つの技をご紹介！

haruharujane 2014/10/01

css

リンク

画面サイズ別にCSSをメディアクエリで切り替える方法 [ホームページ作成] All About

画面サイズ別にCSSをメディアクエリで切り替える方法画面サイズ別にCSSをメディアクエリで切り替える方法を解説。メディアクエリとは、画面サイズなどの閲覧環境に応じて適用スタイルを切り替えるCSSの機能です。レスポンシブWebデザインを作る際にも使い、HTMLのmedia属性値やCSSの@media規則で条件を指定します。スマホ専用スタイルや、PC等の広い画面幅向けスタイルなどを作成しておき、簡単に切り替えられます。メディアクエリ（Media Queries）とは、画面サイズや画面解像度などの閲覧環境に応じて適用スタイルを切り替えられるCSSの機能で、CSS3から追加されました。従来からCSSの仕様にあった、デバイスの種類に応じて適用スタイルを切り替えられるメディアタイプ（Media Type）を拡張して作られた仕様です。メディアクエリを使うことで、Webページの閲覧者が利用しているデバ

haruharujane 2014/10/01

リンク

別会社設立の節税 [節税対策] All About

別会社設立の節税法人税法の交際費の損金不算入制度、軽減税率などは、法人ごとに制限があります。そこで、別会社を設立して節税を図ることがありますが、別会社設立時のポイントは「資本金の額」です。 2006（平成18）年5月に会社法が施行され、会社の設立が容易になりました。事業が順調に伸び新事業に進出する場合などに、別会社を設立して経営効率を図り、節税効果を最大限に活用することができます。日本の企業数の99％を占める中小企業には、税法上多くのメリットがあります。中小企業となる資本金1億円以下による会社設立には、以下のようなメリットがあります。別会社を設立し、節税効果を図るのであれば、資本金の額は非常に重要になります。特定同族会社の留保金課税が対象外法人事業税の外形標準課税が対象外（赤字でも事業税を課税する制度のこと）法人税の計算上、軽減税率の適用交際費の損金不算入制度年間300万円まで

haruharujane 2013/10/24

リンク

エクセル（Excel）の、仕事に差が出る便利ワザ10｜All About（オールアバウト）

エクセル（Excel）の、仕事に差が出る便利ワザ10 VLOOKUP関数から、自動集計まで。知っていれば、業務効率が飛躍的に向上すること間違いなしの、エクセル(Excel)の便利なワザを10個厳選して紹介。しっかりマスターをして仕事に差をつけましょう！

haruharujane 2013/05/14

excel

リンク

自由にHTMLを書くFacebookページの作り方 [ホームページ作成] All About

Facebookページを新規に開設し、各種機能を活用して最低限の環境を整えて情報発信する方法については、前回の記事「Facebookページの作り方（基礎編）」でご紹介致しました。今回は、そのFacebookページに、「1からHTMLソースを記述して自由にデザインしたページ」を必要なだけ加え、Facebookページの内容をもっと拡充させてみましょう。本記事では例として、「ホームページ作成TIPS」という名称のFacebookページを作成する過程を使って解説しています。このFacebookページは実際に以下のURLで公開していますので、覗いてみて下さい。 http://www.facebook.com/hp.tips Facebookページに、1からHTMLソースを記述した独自のページ（※以下、「独自ページ」と呼びます）を加えるためには、以下のような手順が必要です。 [1] 外部サイトに、

haruharujane 2012/09/24

facebook

リンク

2/5 初心者でも簡単！Facebookページの作り方 [ホームページ作成] All About

新規にFacebookページを作成する手順それでは、新規にFacebookページを作成してみましょう。これ以降は、あなた個人のFacebookアカウントでFacebookにログインしてから操作して下さい。今ログインしているアカウントが、これから作成するページの「管理者」になります。最初の手順：「Facebookページを作成」ページにアクセス作成するFacebookページのカテゴリを選択して名称を入力最小限の設定 (スキップも可能) 短いチュートリアルが始まる (初回のみ) Facebookページが表示される ■1. 「Facebookページを作成」ページにアクセス Facebookにログインした後、画面の左側に見えるメニューの中から、右図のような「Facebookページを作成」項目を探してクリックします。 ※筆者の環境では、項目名としては「Facebookページを...」までしか

haruharujane 2012/09/24

facebook

リンク

CSSのborder-radiusで角丸に表示する方法 [ホームページ作成] All About

CSSのborder-radiusで角丸に表示する方法CSSのborder-radiusプロパティを使って、スタイルシートだけでボックスなどの角を丸くする方法を解説。枠線が引かれていれば四角い枠線の角が丸くなりますし、背景色が塗られていれば四角い塗りつぶし領域の角が丸くなります。画像の四隅を丸くカットすることも可能。角丸の半径は1ピクセル単位で設定でき、四隅の一部だけ(上だけ・下だけ・左だけなど)を角丸にすることもできるため、連結ボタンに見せる装飾も簡単に作れます。 CSSだけで簡単に角丸が作れるborder-radiusプロパティウェブページをデザインしていると、角を丸くしたいと思うことがあります。文章を掲載するボックスの角を丸くしたい場合や、テキスト入力枠の角を丸くしたい場合、画像の角を取って少しだけ丸く見せたい場合など、様々な状況があるでしょう。 CSSには、対象要素の角を丸くでき

haruharujane 2012/05/22

web制作

リンク

公立幼稚園と私立幼稚園 [幼稚園] All About

公立幼稚園と私立幼稚園子どもが家庭から出て初めて入る「社会」が幼稚園。どんな園に入れるか、親としては真剣に考えてしまうところです。家の近所を見回しただけでも、いろんな幼稚園があるよう。いったい、何を基準に選んだらいいのでしょうか。子どもが家庭から出て初めて入る「社会」が幼稚園。どんな園に入れるか、親としては真剣に考えてしまうところです。家の近所を見回しただけでも、いろんな幼稚園があるよう。いったい、何を基準に選んだらいいのでしょうか。現在、幼稚園には公立、私立の2種類があります。公立幼稚園は国、あるいは市町村という公の機関が運営しているもの。1～2年保育のところがほどんどで、入園金などはなく、月謝も安く抑えられています。市町村で運営している公立幼稚園は数が少なく、現在ではむしろ廃止の方向にいっています。入りたいと思っても自分の住んでいる市町村にない、という人も多いかもしれませんね。また

haruharujane 2011/06/08

幼稚園

リンク

携帯サイトの作り方第1回作成方法の基礎 [ホームページ作成] All About

携帯サイトの作り方第1回作成方法の基礎携帯電話などから閲覧できる「ケータイサイト」を作ってみましょう。携帯端末に搭載されているブラウザに関するいくつかの制約を押さえておけば、あとは簡単に作成できます。まずは、携帯サイト作成の基本をご紹介。 (注) 本記事の解説は、ガラケーサイトの作成方法です。本記事は、ガラケー(フィーチャーフォン)端末向けのウェブサイトを作成する方法の解説です。スマートフォン端末向けのウェブサイトの作成方法ではありませんのでご注意下さい。スマートフォン向けモバイルサイトの作成方法に関しては、下記の記事などをご参照下さい。スマートフォン対応サイトを作る際の注意点レスポンシブ・ウェブデザインの簡単な作り方レスポンシブCSSで使うブレイクポイントの決め方モバイルファーストでデザインする際のCSSの書き方ブラウザの幅に合わせて表示を自動変更するレスポンシブ技12選