[B! ブラウザ] hisa_hのブックマーク

無料のスマホサイト作成ツール5個｜スマホ対応ホームページの作り方

1500以上の会社、お店が利用中の月額無料HP制作サービス「HPの制作を安心して任せられる業者が見つからない＞＜」そんなふうに頭を悩ますアナタ。以下の「ウェブさえパック」はもうチェック済みですか？ HPを作るのに必要なものがパッケージになってるお得なサービスです。料金と事例を見てみるなぜ、スマホ未対応のホームページは時代遅れなの？その答えは非常にシンプル。なぜなら、今が「ほとんどの人がPCではなくスマホでホームページを見ている時代」だからです。この数字が何を表しているかご存知でしょうか？スマホ： 83.4% パソコン： 69.1% これは、「総務省」が発表した2019年のIT機器の世帯保有率です。（詳しいデータはこちら）なんと、パソコンよりスマホを持つ人のほうがはるかに多いんですね！こんな世の中ですから、よりたくさんの人にホームページを見てもらいたいなら、スマホサイト

hisa_h 2013/06/06

リンク

CSS(スタイルシート)の基本、小技、テクニック総まとめ

CSSの基本や使える小技テクニックなどを幅広くまとめました。以前書いて今もそこそこアクセスがある「CSSの知識をもっと深める30+2の小技テクニック集｜Webpark」という記事があるのですが、2年近く前の記事ですしパワーアップさせて作り直しました。恐らく過去最長の記事ですので目次を作りました。クリックするとするりと移動します。基本的な内容が多いですが、お役に立つ項目があればうれしいです。ということで順番に説明していきます。 1. 全般的なこと 1-1. CSSリセットブラウザごとでデフォルトのスタイルは異なっています。その違いをそのままにしておくと、後でブラウザ間の表示の違いに悩むことになり、どこが原因か分からないとイライラしてしまいます。そんなことのないように、いったんデフォルトのスタイルをリセットしてしまおうというのがリセットCSSです。方法は色々ありますが、個人的には一番

hisa_h 2013/03/25

リンク

Learn web development | web.dev

Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.

hisa_h 2013/01/21

リンク

ウェブサイトの明朝体フォントにアンチエイリアスが掛かるフォントサイズ - Webのプルタブ

明朝体にアンチエイリアスを掛けて綺麗に見せる的なウェブサイトで文字を綺麗に見せたいけど、画像を作るのは面倒くさいなズボラな俺。ディスプレイサイズも大きくなってきているのでこれでいい。きっと大丈夫。良く使うからメモ。 CSS #content h1 { font-family: "ＭＳＰ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E",serif; font-size:23px; font-weight:normal; text-shadow:1px 1px 1px #ccc; /*ここから装飾*/ margin:0 0 10px; padding:5px 10px; border:1px solid #E0DCD8; background: url(h1_gradient_example_bg.gif) to

hisa_h 2012/12/11

リンク

ブラウザ上で実際にコードを入力しながら学べるプログラミング言語学習サイト「CodeStudy」【増田(@maskin)真樹】 | TechWave（テックウェーブ）

[読了時間: 1分] 学生エンジニア・デザイナーを対象とした求人情報サービス「JEEK」を展開するTechouseは4月5日、サイト内にプログラミング言語を習得できる新コーナー「JEEK CodeStudy」を開設した。プログラミング言語学習というと、テキストか動画のインプット型が大半で、“よし、やるぞ” と始めるまでが億劫。ところがCode Studyは、実際のプログラミングと同じようにコードを入力しながら、インタラクティブに学習することができるため、集中しやすく習得しやすくなっている。解らないことがあったらTwitterやFacebookで質問するという割り切りも、実は現実に則しているわけでいい感じだ。あたかも本当にプログラミングをしている感覚で学べる解答を入力するエリアは、プログラミングで使用するエディタさながらのふるまいをするため、初めてプログラミングをするという人にも感覚