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

2014/06/12 225 users 備忘録的 メディアクエリ ウェブデザイン 小さいディスプレイ

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

フォームから簡単に登録申請できる国産Webギャラリーサイトのまとめ｜Webpark

2014/05/13 14 users フォーム 後発 登録申請 個性 たくさん

さいごに 調べてみると結構たくさんあることに気付きました。デザインも素敵なサイトが多いです。また、後発になるほど個性を出そうとしていて面白いなと思いました。 ちょっと前に、私もギャラリーサイトを作ろうと思ったことがありますが、やめておいてよかったかも。これだけたくさんあるなか後発で人気を集める自信がないです。 ということで、フォームから簡単に登録申請できる国産Webギャラリーサイトを13個紹介しま... 続きを読む

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

2013/06/12 226 users 一眼レフカメラ 知識 初心者 コネコ ミラーレス

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

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

2013/05/07 112 users アイコン素材 SVG PNG jpg ベクター形式

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

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

2013/01/31 539 users ウェブサイト作成 日本語スライド セオリー 勉強 スライド

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

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

2012/08/28 390 users アイコンタイプ 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... 続きを読む

復習にぜひ！WebparkのCSS3に関する記事のまとめ｜Webpark

2012/08/14 36 users ベンダープレフィックス Webpark CSS 復習 構造

このブログではCSS3に関する記事がなかなか人気です。個人的にも力を入れているところですのでうれしい限りです。そんな記事をもっと知ってもらいたいということでまとめてみました。単なるまとめですが、新しい発見などあればうれしいです。 CSS3のはじめ まずは基本的な内容から。 CSS3について知っておきたいことのまとめ CSSの構造やベンダープレフィックスなど基本的な内容を幅広く載せています。CSS3... 続きを読む

心が癒される。国内外の絶景写真がまとめられたサイトのまとめ｜Webpark

2012/05/30 77 users 絶景写真 国内外

行かずには死ねない…感動すること間違いなしの世界の絶景ポイント（PART1）26カ所:らばQ 世界の絶景が美しい写真とともに紹介されています。初めて聞いたところも結構多いです。 行かずには死ねない…感動すること間違いなしの世界の絶景ポイント（PART2）20カ所:らばQ 先ほどの続きです。こちらの方が有名なところが多いかも。 一度は訪れたい。世界、魅惑の30の駅 : カラパイア 近代的な駅からレト... 続きを読む

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

2012/04/16 717 users IE対策 CSS3 Internet Explorer 状況

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

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

2012/01/10 585 users 参考 ギャラリーサイト iPhone ほか スマートフォン

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

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

2011/08/03 826 users CSS3 セレクタ プロパティ CSS 目次

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

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

2011/06/21 692 users ウェブページ ユーザビリティ 高速化 スピード Amazon

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

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

2011/02/22 684 users 基礎 CSSプロパティ CSS3 HTML 先行

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

ロイヤリティフリーなフリーフォト、無料写真素材サイトのまとめ｜Webpark

2011/02/14 94 users フリーフォト カメラマン 枚数 最初 たくさん

実は先日からできるだけ画像をたくさん使おうと心がけているわけですが、そんな時に役立ちそうな海外のフリーフォト、無料写真素材サイトがたくさん載せてあったので紹介です。煩わしい登録がいらないお手軽なものを集めてみました。写真素材 足成私が最初にお世話になったサイトです。プロ・フォトプロのカメラマンが撮影した写真だそうです。枚数は載っていませんがかなり多いと思います。BEIZ Graphics Web数... 続きを読む