タグ まとめ|Webpark
人気順 5 users 50 users 100 users 500 users 1000 usersレスポンシブなウェブデザインをする際に役立ちそうなこと(主にスマホ対応)のまとめ|Webpark
レスポンシブにデザインしたサイトを作った際に役立ったこと(主にスマホ対応)を備忘録的にまとめてみます。いろんな方が同じような内容をまとめていますし、基本的なことも多いですがお役に立てばうれしいです。 メディアクエリの指定方法 小さいディスプレイから指定する場合と、大きいディスプレイから指定する場合があります。どちらにせよ、PC用、タブレット用、スマホ用と分けることが多いようです。まずは大きいディス... 続きを読む
フォームから簡単に登録申請できる国産Webギャラリーサイトのまとめ|Webpark
さいごに 調べてみると結構たくさんあることに気付きました。デザインも素敵なサイトが多いです。また、後発になるほど個性を出そうとしていて面白いなと思いました。 ちょっと前に、私もギャラリーサイトを作ろうと思ったことがありますが、やめておいてよかったかも。これだけたくさんあるなか後発で人気を集める自信がないです。 ということで、フォームから簡単に登録申請できる国産Webギャラリーサイトを13個紹介しま... 続きを読む
初心者のための一眼レフカメラの知識を深めるサイトのまとめ|Webpark
1年ほど前にミラーレスの一眼レフカメラ買って勉強を続けているわけですが、なかなか奥が深くて面白いです。ということで初心者の私が読んで役立ったサイトを紹介しますのでお役に立てば幸いです。 一眼レフカメラ本体やレンズについて 本体やレンズについての知識が深まるサイトをまとめました。まずはこちら。購入する際に知っておきたい知識が網羅されています。 デジタル一眼レフカメラの選び方 | デジカメ | コネコ... 続きを読む
フリーでフラットなアイコン素材がダウンロードできるサイトのまとめ|Webpark
最近フラットな感じのデザインが流行っているということで、フラットなデザインに使えそうなフラットなアイコンがダウンロードできるサイトを集めてみました。 ファイル形式は、pngやjpgなどの画像形式、aiやsvgなどのベクター形式、Webフォント形式など様々あります。最後にWebフォントの使い方を説明していますのでぜひご覧ください。 この記事はちょっと前に書いていたのですが、よくよく調べると同じような... 続きを読む
ウェブサイト作成の勉強になった日本語スライドのまとめ|Webpark
ウェブサイト作成に役立ちそうなスライドって結構たくさんあるなと今さら気付きました。ということで色んなスライドを見ましたので個人的に勉強になったものを紹介します。有名なものも多いですがお役に立てばうれしいです。 それでは基本的な内容から順番に10個紹介していきます。他にもたくさんあったのですが同じものばかりだと無駄に長くなるので個人的に気に入ったものを選んでます。 Webデザインのセオリーを学ぼう ... 続きを読む
画像の代わりに使えるアイコンタイプのWebフォントのまとめ|Webpark
アイコン形式になったWebフォントを集めてみました。これだけ色々揃うと画像を使う場面も減ってくるかもしれませんね。 @font-face { font-family: 'MyWebFont'; src: url('webfont.eot'); /* IE9 Compat Modes */ src: url('webfont.eot?#iefix') format('embedded-opentyp... 続きを読む
復習にぜひ!WebparkのCSS3に関する記事のまとめ|Webpark
このブログではCSS3に関する記事がなかなか人気です。個人的にも力を入れているところですのでうれしい限りです。そんな記事をもっと知ってもらいたいということでまとめてみました。単なるまとめですが、新しい発見などあればうれしいです。 CSS3のはじめ まずは基本的な内容から。 CSS3について知っておきたいことのまとめ CSSの構造やベンダープレフィックスなど基本的な内容を幅広く載せています。CSS3... 続きを読む
心が癒される。国内外の絶景写真がまとめられたサイトのまとめ|Webpark
行かずには死ねない…感動すること間違いなしの世界の絶景ポイント(PART1)26カ所:らばQ 世界の絶景が美しい写真とともに紹介されています。初めて聞いたところも結構多いです。 行かずには死ねない…感動すること間違いなしの世界の絶景ポイント(PART2)20カ所:らばQ 先ほどの続きです。こちらの方が有名なところが多いかも。 一度は訪れたい。世界、魅惑の30の駅 : カラパイア 近代的な駅からレト... 続きを読む
CSS3を使うにあたって知っておきたいIE対策のまとめ|Webpark
CSS3を使うにあたっていつも問題になるのが Internet Explorer(IE)です。CSS3への対応が遅い上に、旧バージョンを使い続けているユーザーも結構いますので、CSS3を使うことに躊躇する人も多いのではないでしょうか? ということでCSS3を使うにあたって知っておきたいIE対策を紹介します。 1. CSS3の対応状況を確認する まず、IEのバージョンごとでCSS3にどこまで対応して... 続きを読む
スマートフォンサイト作成の参考になるギャラリーサイトのまとめ|Webpark
このブログではないですが、Google Analyticsを見るとスマートフォンからのアクセスが結構あったので、スマートフォン向けのサイトを作ってみようと思いました。 ただ、スマホ向けのサイトは作ったことがないので、まず実際に色んなサイトを見て参考にしようと思い、ギャラリーサイトを調べてみました。 国内ギャラリー まずは国内サイトです。iPhoneが中心になっています。この3つのほかにも色々ありま... 続きを読む
CSS3について知っておきたいことのまとめ|Webpark
CSS3には興味深い様々なプロパティがありますが、これらを勉強するにあたって知っておきたいCSS3の基礎をまとめてみます。 過去の記事に手を加えたものや新たに書いたものなど幅広くまとめてみましたので、ぜひ抑えておいてください。 今回は結構ボリュームもあるので目次を作っています。 1. スタイルシートの構造 CSS3に限ったことではないですが、CSSの構造は下の図のように、セレクタ、プロパティ、値と... 続きを読む
ウェブページの高速化のために読んでおきたいサイトのまとめ|Webpark
ユーザビリティの改善や検索エンジン対策としてウェブページの読み込みスピードの高速化は非常に重要です。ということで、ページの読み込みスピード向上のために役立つサイトをまとめてみます。 ページ読込速度の重要性 次の事例にあるように、ユーザーは表示速度に敏感です。 Googleによるとページの読み込みが0.5秒遅くなると、検索数が20%減少する Amazonによるとページの読み込みが0.1秒遅くなると、... 続きを読む
基礎から理解するためのCSS3に関するサイトのまとめ|Webpark
CSS3はIEが対応できていないこともあって、今まであまり紹介してませんでしたが、使いこなせると面白そうなのでまとめてみました。CSS3リファレンス有名なサイトですね。CSS3に限らず、HTMLやJavaScriptなど膨大な情報量です。CSS-EBLOG各ブラウザで先行実装しているCSSプロパティがまとめられています。次にブラウザごとの対応状況を確認するサイトを紹介。HTML5 & CSS3 R... 続きを読む
ロイヤリティフリーなフリーフォト、無料写真素材サイトのまとめ|Webpark
実は先日からできるだけ画像をたくさん使おうと心がけているわけですが、そんな時に役立ちそうな海外のフリーフォト、無料写真素材サイトがたくさん載せてあったので紹介です。煩わしい登録がいらないお手軽なものを集めてみました。写真素材 足成私が最初にお世話になったサイトです。プロ・フォトプロのカメラマンが撮影した写真だそうです。枚数は載っていませんがかなり多いと思います。BEIZ Graphics Web数... 続きを読む