はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ まとめ|Webpark

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 10 / 10件)
 

レスポンシブなウェブデザインをする際に役立ちそうなこと(主にスマホ対応)のまとめ|Webpark

2014/06/12 このエントリーをはてなブックマークに追加 225 users Instapaper Pocket Tweet Facebook Share Evernote Clip 備忘録的 メディアクエリ ウェブデザイン 小さいディスプレイ

レスポンシブにデザインしたサイトを作った際に役立ったこと(主にスマホ対応)を備忘録的にまとめてみます。いろんな方が同じような内容をまとめていますし、基本的なことも多いですがお役に立てばうれしいです。 メディアクエリの指定方法 小さいディスプレイから指定する場合と、大きいディスプレイから指定する場合があります。どちらにせよ、PC用、タブレット用、スマホ用と分けることが多いようです。まずは大きいディス... 続きを読む

初心者のための一眼レフカメラの知識を深めるサイトのまとめ|Webpark

2013/06/12 このエントリーをはてなブックマークに追加 226 users Instapaper Pocket Tweet Facebook Share Evernote Clip 一眼レフカメラ 知識 初心者 コネコ ミラーレス

1年ほど前にミラーレスの一眼レフカメラ買って勉強を続けているわけですが、なかなか奥が深くて面白いです。ということで初心者の私が読んで役立ったサイトを紹介しますのでお役に立てば幸いです。 一眼レフカメラ本体やレンズについて 本体やレンズについての知識が深まるサイトをまとめました。まずはこちら。購入する際に知っておきたい知識が網羅されています。 デジタル一眼レフカメラの選び方 | デジカメ | コネコ... 続きを読む

フリーでフラットなアイコン素材がダウンロードできるサイトのまとめ|Webpark

2013/05/07 このエントリーをはてなブックマークに追加 112 users Instapaper Pocket Tweet Facebook Share Evernote Clip アイコン素材 SVG PNG jpg ベクター形式

最近フラットな感じのデザインが流行っているということで、フラットなデザインに使えそうなフラットなアイコンがダウンロードできるサイトを集めてみました。 ファイル形式は、pngやjpgなどの画像形式、aiやsvgなどのベクター形式、Webフォント形式など様々あります。最後にWebフォントの使い方を説明していますのでぜひご覧ください。 この記事はちょっと前に書いていたのですが、よくよく調べると同じような... 続きを読む

ウェブサイト作成の勉強になった日本語スライドのまとめ|Webpark

2013/01/31 このエントリーをはてなブックマークに追加 539 users Instapaper Pocket Tweet Facebook Share Evernote Clip ウェブサイト作成 日本語スライド セオリー 勉強 スライド

ウェブサイト作成に役立ちそうなスライドって結構たくさんあるなと今さら気付きました。ということで色んなスライドを見ましたので個人的に勉強になったものを紹介します。有名なものも多いですがお役に立てばうれしいです。 それでは基本的な内容から順番に10個紹介していきます。他にもたくさんあったのですが同じものばかりだと無駄に長くなるので個人的に気に入ったものを選んでます。 Webデザインのセオリーを学ぼう ... 続きを読む

画像の代わりに使えるアイコンタイプのWebフォントのまとめ|Webpark

2012/08/28 このエントリーをはてなブックマークに追加 390 users Instapaper Pocket Tweet Facebook Share Evernote Clip アイコンタイプ Format src font-family

アイコン形式になったWebフォントを集めてみました。これだけ色々揃うと画像を使う場面も減ってくるかもしれませんね。 @font-face { font-family: 'MyWebFont'; src: url('webfont.eot'); /* IE9 Compat Modes */ src: url('webfont.eot?#iefix') format('embedded-opentyp... 続きを読む

CSS3を使うにあたって知っておきたいIE対策のまとめ|Webpark

2012/04/16 このエントリーをはてなブックマークに追加 717 users Instapaper Pocket Tweet Facebook Share Evernote Clip IE対策 CSS3 Internet Explorer 状況

CSS3を使うにあたっていつも問題になるのが Internet Explorer(IE)です。CSS3への対応が遅い上に、旧バージョンを使い続けているユーザーも結構いますので、CSS3を使うことに躊躇する人も多いのではないでしょうか? ということでCSS3を使うにあたって知っておきたいIE対策を紹介します。 1. CSS3の対応状況を確認する まず、IEのバージョンごとでCSS3にどこまで対応して... 続きを読む

スマートフォンサイト作成の参考になるギャラリーサイトのまとめ|Webpark

2012/01/10 このエントリーをはてなブックマークに追加 585 users Instapaper Pocket Tweet Facebook Share Evernote Clip 参考 ギャラリーサイト iPhone ほか スマートフォン

このブログではないですが、Google Analyticsを見るとスマートフォンからのアクセスが結構あったので、スマートフォン向けのサイトを作ってみようと思いました。 ただ、スマホ向けのサイトは作ったことがないので、まず実際に色んなサイトを見て参考にしようと思い、ギャラリーサイトを調べてみました。 国内ギャラリー まずは国内サイトです。iPhoneが中心になっています。この3つのほかにも色々ありま... 続きを読む

CSS3について知っておきたいことのまとめ|Webpark

2011/08/03 このエントリーをはてなブックマークに追加 826 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS3 セレクタ プロパティ CSS 目次

CSS3には興味深い様々なプロパティがありますが、これらを勉強するにあたって知っておきたいCSS3の基礎をまとめてみます。 過去の記事に手を加えたものや新たに書いたものなど幅広くまとめてみましたので、ぜひ抑えておいてください。 今回は結構ボリュームもあるので目次を作っています。 1. スタイルシートの構造 CSS3に限ったことではないですが、CSSの構造は下の図のように、セレクタ、プロパティ、値と... 続きを読む

ウェブページの高速化のために読んでおきたいサイトのまとめ|Webpark

2011/06/21 このエントリーをはてなブックマークに追加 692 users Instapaper Pocket Tweet Facebook Share Evernote Clip ウェブページ ユーザビリティ 高速化 スピード Amazon

ユーザビリティの改善や検索エンジン対策としてウェブページの読み込みスピードの高速化は非常に重要です。ということで、ページの読み込みスピード向上のために役立つサイトをまとめてみます。 ページ読込速度の重要性 次の事例にあるように、ユーザーは表示速度に敏感です。 Googleによるとページの読み込みが0.5秒遅くなると、検索数が20%減少する Amazonによるとページの読み込みが0.1秒遅くなると、... 続きを読む

基礎から理解するためのCSS3に関するサイトのまとめ|Webpark

2011/02/22 このエントリーをはてなブックマークに追加 684 users Instapaper Pocket Tweet Facebook Share Evernote Clip 基礎 CSSプロパティ CSS3 HTML 先行

CSS3はIEが対応できていないこともあって、今まであまり紹介してませんでしたが、使いこなせると面白そうなのでまとめてみました。CSS3リファレンス有名なサイトですね。CSS3に限らず、HTMLやJavaScriptなど膨大な情報量です。CSS-EBLOG各ブラウザで先行実装しているCSSプロパティがまとめられています。次にブラウザごとの対応状況を確認するサイトを紹介。HTML5 & CSS3 R... 続きを読む

 
(1 - 10 / 10件)