10KB以内、レスポンシブWebデザインである事が条件の軽量Webサービスのコンテスト・10K Apartの中で面白かったもの10個

面白そうなコンテストが開催されているよう
だったのでメモがてらご紹介。10KB以下で、
しかもスマートフォンやiPadなど様々なデバ
イスで閲覧してもレイアウトを崩さないレス
ポンシブWebデザインであることが条件の
Webアプリコンテスト・10K Apartからいくつ
か面白かったものを選んでみました。

Read More »

無料・商用利用OK・バックリンク不要・著作権表示も不要で使える写真や日本語フォントなどの素材サイト集

少しリソースが溜まってきたのでリンク集に
して開放します。バックリンク不要で、商用
の利用可能、著作権表示も不要のWebデザイン
向け素材サイト。商用で使ってもいいけど
リンクしてね、といったようなCCのBY的な
ライセンスだとどうしても個人的に使いにく
いのでバックリンク不要は割りと必須です。

Read More »

地味に使えるCSS小技のメモ&サンプル集

cssの小技的なテクニックが便利なので好きなん
ですが、cssそのものが嫌いで覚えられないので
カンペ的な記事を作ることにしました。便利な小技
は沢山あるんですが、特に自分が良く使いそうな
Tipsをメモします。既に出回っている情報ばかりで
特に目新しい手法はありませんので何も期待でき
ないです。

Read More »

HTML5やcss3を使う際に見てるリファレンス的なサイトとか、使い勝手の良いツールとか

あまりに情報量が多くて混乱してきたので
自分用にまとめ。リファレンスとか、ちゃんと
実践で使えるツールを自分なりに厳選して
まとめておきます。どうも、あっちこっちで
あれが便利とかこれが便利だとか言われる
と訳が分からなくなるのでそろそろ絞らない
とですね。

Read More »

アイコンやシルエット、矢印など、シンボルタイプのフリーフォントまとめ

アイコンやシンボルなどの形をしたフリーフォント
のまとめ。なかなか使い勝手が良いものがいつ
のまにか増えていたので色々とまとめてダウン
ロードしましたのでその過程で良さそうに感じた
ものをシェアしてみます。まだお盆明けだったり
お休み中な感じなので軽めの話題で・・

Read More »

Webサイトにおけるユーザービリティの復習をしたので、よくチェックするポイントをリスト化した

ユーザービリティに関して少し復習したので
メモっておきます。初心忘れるべからずという
事で・・・Webサイトは基本的にユーザビリティ
を考慮したレイアウトやコンテンツが理想です。
もちろんケースバイケースではありますが、
これは全共通して言える、という事を忘れない
ようにメモ書き。

Read More »

iPhoneやiPad等にもWebサイトを最適化するレスポンシブWebデザイン構築に役立つフレームワークやTipsいろいろ

iPhoneやiPadなどの人気デバイスに
Webサイトのレイアウトを最適化する為
の方法の一つとして、Media Queriesを
使ったレスポンシブWebデザインの構築
が注目されつつあります。当サイトでも
何度か取り上げていますが、ここで少し
まとめてみたいと思います。

Read More »

何をしていても、何も上手くいかない時にする事

何かをしている、しなければならないけど何を
しても上手くいかない時、という状況は、誰でも
一度は経験したことがあるかと思います。僕も
例外なく仕事にしろプライベートにしろ、上手く
いかないことは多々有ります。で、こういう時に、
起こす行動としてどういう選択肢があるのか考
えてみました。

Read More »

スクロールに応じて要素がアニメーションする、視差効果(パララックス)を取り入れたWebデザイン例とTipsいろいろ

最近ちょくちょく見かけるようになったので調べた事をメモ。スクロールすると、複数要素が、それぞれアニメーションするようなWebデザイン。視差効果を生み出すようなパララックス効果を取り入れたものや、ユニークにアニメーションするものなどなど。

Read More »

美しい写真を参考にしたい時に見て回りたいコミュニティサイトやブログいろいろ

写真は構図やインスピレーション、Web
制作素材としても、大きく貢献してくれます。
加工や構図など、まだまだ勉強不足です。
多少でも参考にできるように出来るだけ
クオリティの高いフォトグラフィを見ておきたい
のでそれ系のコミュニティや紹介してくれる
ブログなどをまとめました。

Read More »

Ads

Posts

Contact

Services