HTML5+CSS3で作った無料ブログ用テンプレート【SimpleBlack】
自分の知識の確認の意味を込めて、去年の11月にHTML5用の簡単なテンプレートを作成しました(もともとはCSS Animationの確認のために作った物です)。 もし気に入っていただけたらダウンロードして使っていただけたら幸いです。特に変わった仕様も無く、シンプルで単純なものだったので、多少でも見栄えを良くしようと、先日カスタマイズしておきました。 カスタマイズといっても、jQueryやアイコン・画像・少しのコードを追加しただけなので、そんなに期待しないでね！ちなみにブログ用にカスタマイズしてあります。 あとこのテンプレートの名前は【SimpleBlack】です(名前なんてどうでもいいですよね)！ 今回利用したjQueryなど jQuery Slider2 すごくシンプルで、軽量なスライダーです。あまりにシンプルだったので、本当に動くのか心配だったんですが、きちんと動いてくれました！このテ
Webデザイナーのためのjquery入門2（前編）
82 views jQueryの社内勉強会用スライドです。だいたい1時間で終われるように、前編・後編に分けています。 後編は6月以降で公開を予定しています。 More… jQueryの社内勉強会用スライドです。だいたい1時間で終われるように、前編・後編に分けています。 後編は6月以降で公開を予定しています。 このスライドを作るにあたって、書籍「WebデザイナーのためのjQuery入門」をかなり参考にしています。 Webデザイナーのためのjquery入門2（前編） — Presentation Transcript Webデザイナーのための jQuery入門 -覚醒編（前編） -jQueryのコードを自分で考えて書けるようになろう！ 目標 日々の業務にjQueryを取り入れて、 自分で何かを作れるようになる。 大まかな内容１. 何かを取ってくる ２. それに何かをする３. まとめ 1
タッチデバイスに最適化されたポートフォリオ用のWordPressのテーマ -Touchfolio
「Touchfolio」という名前の通り、iPhoneなどのタッチデバイスに最適化された、写真や作品を紹介するためのポートフォリオ用のWordPressのテーマファイルを紹介します。 もちろん、デスクトップでも動作します。 Touchfolio [ad#ad-2] Touchfolioのデモ Touchfolioの特徴 Touchfolioのインストールと使い方 Touchfolioのデモ デモはiPhone, iPadなどのタッチデバイスでも、デスクトップでも、どちらでも閲覧可能です。 まずは、デスクトップ時のキャプチャから紹介します。 デモページ：デスクトップ幅1200pxで表示 デモでは第二階層が5つあり、通常通り左のナビゲーションから階層を移動することができますが、右のメインコンテンツから移動することもできます。 分かりにくいかもですが、右端のアローが下向きになります。
3×4のグリッドビルダー・・・『3x4grid』 | 100SHIKI
まぁ、そのままだが知っておいて損はなさそうなのでご紹介。 3×4 Grid Builderを使えば、簡単にグリッドベースのレイアウトを作れるようだ。 使い方は簡単で、サイト上でドラッグ＆ドロップをしてコードをゲットすればいいだけである。 それだけではあるが、ちゃちゃっとサイトを作りたい人には便利だろう（もうちょっとコードの最適化をしていて欲しいところだが・・・）。 こういうツールはうまく使いこなしたいところですな。
[CSS]HTMLはシンプルで、紙をぺろっと折ったエフェクトをつけるチュートリアル
Code a Simple Folded Corner Effect With CSS [ad#ad-2] 下記は各ポイントを意訳したものです。 コンセプト デモ 実装 コンセプト このチュートリアルのコンセプトは、div要素に対してできるだけシンプルに紙を折ったエフェクトを与えることです。画像を使用すれば、当然かなり簡単にできることですが、これをCSSで行います。 基本的に必要なものは長方形のボックスのほかに、二つの三角形です。 デモページ [ad#ad-2] 実装 HTML HTMLは非常にシンプルです。 見出しとパラグラフを配置したdiv要素に、class（foldtl）を加えます。 <div class="page foldtl"> <h2>見出し</h2> <p>パラグラフ...</p> </div> CSS まずは、ページ全体とdiv要素のスタイルです。 div要素の背景はCS
最新のフリーWordPressテーマ集「Recently Released Free WordPress Themes」
TOP > WordPress > 最新のフリーWordPressテーマ集「Recently Released Free WordPress Themes」 手軽にwebページ制作ができると人気の高いワードプレスは、個人から商用まで幅広く利用されています。そこで今回は、ワードプレス制作に欠かせない、フリーで利用できるワードプレステーマをまとめた「Recently Released Free WordPress Themes」を紹介したいと思います。 （gravityonmars/wp-svbtle · GitHub） テイストや用途に合わせて利用できるテーマが豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Touchfolio – Free Responsive Portfolio WordPress Them
グリッドレイアウトなレスポンシブWebデザイン対応のテンプレートを手軽に生成出来るジェネレーター・Responsify
オンラインで手軽にレシポンシブWeb デザイン対応のテンプレを生成できる というジェネレーター・responsify.it のご紹介。グリッドレイアウトにも 対応可能です。 この手のはいくつか同じツールがありますけど、これはかなり使いやすい印象でした。操作もシンプルですし、スターターキットを生成するのに使えそうです。 レスポンシブWebデザイン対応のテンプレートを手軽に生成出来るグリッドの調整が可能なジェネレーター。スマフォやタブレットでの表示確認も出来ます。 操作感はよくあるグリッドレイアウトのテンプレジェネレーターと変わりません。 使い方は上図の通りです。 ダウンロードできるテンプレートにはjQuery、modernizrが装備されており、IE6と7にも対応したclearfixも含まれていました。総合的に見て、結構いい感じのジェネレーターじゃないかなと思います。 Responsify
ロゴデザインする時の参考に！ロゴデザインギャラリーのオンパレードと注目記事色々！ | バンクーバーのうぇぶ屋
僕がロゴを作るってことはこれまで正直殆ど無かったんですが、実は今とあるWEBサービスの開発に関わっていてそのフロントエンドの制作取り回しを担当させて頂くことになりました！ とは言っても、小さいプロジェクトなのでロゴも自分で作ることになったのですが、なんともまぁ久々のロゴデザインなわけですよ。サービス名もまだ思案段階で着手するのはもうちょい先かなと思うんですが、どうせ作るなら恥ずかしくない物にしたいと思い、ちょっと最近の流行やらロゴデザインの参考になりそうなサイトをEvernoteから引っ張ってきたので今日はその辺ついでにご紹介出来ればと思います！ いやしかし、ここ数年でめっちゃロゴだらけのサイト増えましたねー。僕がWEBとかデザインとか勉強しだした時ロゴサンプルとかは Doslogosとか LosLogosとか買って参考にするくらいしかロゴのサンプルというか、参考に見る機会無かった気がする
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
MySQL日本語利用徹底入門
Web制作初心者に読ませたい、最近の初心者向けWeb制作ネタ
IDEA * IDEA
新着記事
reset.cssやnormalize.css、box-sizingなどを選んでシンプルなHTMLのスターターセットを作れるSiimpler