ウェブ制作者のためのベストエントリ33【2010年7月版】
というわけで、しばらくまとめていなかったまとめ記事を再開し、私は元気ですとアピールしたい。 7月にあつめたブックマークのまとめです。 7月度必須ブクマベスト HTML5 Canvas Cheat Sheet 悩んだけど一応ベストへ。 HTML5 Canvas tagのチートシート。日常的に使うものでもないし、開発者向けになってしまうけど念のため。 OSを選ばないウェブデザイナーのための使えるウェブアプリ15*ホームページを作る人のネタ帳 7月に書いたけどついこの間のようだと思ったら、あんまり記事かいてないからそう思うんだきっと。 ついでにこちらも7月でした。 今日から現場で使えるjQueryのフォーム関連プラグイン15選 iPhone等のWebアプリをHTML5で構築する為のフレームワーク・Sencha Touchを触ってみた スマホアプリ開発者ならブクマしておきたい一品です。 Googl
女子のための情報サイトデザイン21+4 – Commit Lab
現在業務で女性向けの情報サイトのような物を作ってるのですが、デザインで少々詰まってましまいました。情報サイトとなると自然と文字数も多くなってゴチャゴチャしがちなうえに、元々女性的なデザインを意識して行った事があまりないので中々アイデアが出てこなくて困っていました。 いつも通りGoogle先生に訪ねてみたものの、案外見つからないんですよね。どうしようかなと悶々と悩んだ末に、ググれカスと言われるのを覚悟してwdscratchのフォロワーさん達に参考になりそうなサイトを教えて頂きました。 という事で今日はGoogle先生とwdscratchのフォロワーさん達が教えてくれた女子向け情報サイトをご紹介したいと思います。 今回協力して頂いた皆さん、本当にありがとうございました。助かりました。 追記1：ひとつ掲載漏れがありましたので修正しました。 追記2：コメント欄でご紹介いただいたサイトを追加いたしま
無料ですさまじく使い勝手が良く参考にもなるPSDファイルのウェブデザインテンプレート10種類
ネット上には時として「こんな高品質なものが無料でよいのか？」というオドロキがありますが、まさに今回のPSDファイルはそれです。実際に使うのも良し、デザインの参考にするのも良し、非常に価値あるものとなっています。 ダウンロードは以下から。 10 Beautiful PSD Web Templates Of July 2010 For Free Download ◆その1：FreePSDTheme >> Free “Black Eve” PSD 以下の6種類で構成されています。 about.psd blog.psd contact.psd index.psd media.psd services.psd ◆その2：FreePSDTheme >> Free “PixelStudio” PSD themeforest_pixelstudio.psdが1つあり、その中に全部入っています。 ◆その3：
Webサイトのフッター２００個とフッターデザインの考え
フッターの美学。 そんな素敵サイトを紹介しようといくつかチョイスしていたら海外ブログのDWSが「The 200 best footers on the web」なんていう化け物エントリーをさらっと出してきたもんだから驚きだ。 しかもクオリティもめちゃ高い。 なので今回はこのエントリーを紹介して終わろうかなって・・・。 参考までにネタ帳が好きなフッターを７つほど紹介します。 たま、フッターまとめサイトの楽しみ方も一応書いておきます。 以下からどうぞ。 すばらしいフッターデザイン２００ The 200 best footers on the web « Web Design Shock もはやひとつのショーケースというか一冊の本になってもおかしくないクオリティの記事です。 ご堪能あれ！ 中でもネタ帳がお気に入りのフッター７つ Tomáš Pojeta | kreativní grafik ここ
はてなブログ | 無料ブログを作成しよう
来年も作りたい！ふきのとう料理を満喫した 2024年春の記録 春は自炊が楽しい季節 1年の中で最も自炊が楽しい季節は春だと思う。スーパーの棚にやわらかな色合いの野菜が並ぶと自然とこころが弾む。 中でもときめくのは山菜だ。早いと2月下旬ごろから並び始めるそれは、タラの芽、ふきのとうと続き、桜の頃にはうるい、ウド、こ…
はてなブログ | 無料ブログを作成しよう
水風呂のすゝめ 毎日めちゃくちゃに暑い。 ここ数年「およげ!たいやきくん」のように昼間は太陽とオフィスビルとアスファルトの三方向から押し寄せる35℃オーバーの熱に挟まれ、夜になっても最低気温が27℃くらいまでしか下がらない。そんな理不尽な東京鍋の中の暮らしが毎年のことにな…
あの人が独学で覚えたなら私も独学すれば…
WebデザイナーみたいなWebに関わる職業には独学で知識を身につけたという人が多くいて、 その影響なのか「私も独学すればなれるかな？」と思う初心者や 「独学ならお金掛からないから生活費の足しにちょっとやってみようかな」と言い出す主婦、 「スクールや講座に通うのと独学どっちがいいですか？」などと質問する就職希望者がいる。 Webに関わらずモノを作る職業で独学だという人は、好きが高じて仕事にしちゃった人だから、 多くの場合趣味＝仕事で、会社から家に帰ってもサイト弄ったりしてて 覚えたり学んだりということを空気を吸うに近いレベルで無意識にやってる。 だから上に挙げた人たちが考える独学とはちょっと違うと思うんだよね。 まあ中には「○○のプロに俺はなる！」と決意してから勉強しまくった結果なった人もいるかもしれないが、 そういう人もいつの間にか無意識で勉強している状態に陥ってるはず。 無意識で勉強って
配色センスに自信がなくても綺麗なサイトをつくる方法 | nanapi[ナナピ]
配色センスに自信がなくても綺麗なサイトをつくる方法 に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。配色はセンスではない！ よく「私は色のセンスがないから…」などという言葉を聞きますが、 配色には基本となるセオリーがあり、知識として学ぶことができるものなのです。 よりよいWebデザインにするための配色のセオリー http://sweetlovexx.seesaa.net/article/90107619.html こちらにもいろいろ参考になる情報が盛りだくさんです。 書籍もいろいろあるのでamazonなどで検索してみてはいかがでしょうか。 「でも勉強とか面倒じゃないですか」 というひとでも大丈夫。 以下のサイトを使えば、なんとなくそれとなくカッコいい配色が手に入ります。 Color Scheme Designer 3 http:/
少しのコードで実装可能な20のCSS小技集
2019年5月17日 CSS CSSハックに続き、このCSS小技集も私のブックマークにずらりと並んでいたので、整理も兼ねて記事にしてみました。CSSのお勉強を始めたばかりの頃にブックマークしておいたものも多数。。ということで初心者さんからベテランさんまで参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ コードはサンプル内の「HTML」や「CSS」タブをクリックしてくださいね！ 少しのコードで実装可能なCSS小技集 シリーズ 【第2弾】少しのコードで実装可能な20のCSS小技集 【第3弾】少しのコードで実装可能な15のCSS小技集 まずはCSS基礎編 1. divを中央揃えにする ほとんどのサイトが基準となるdivを画面の中央揃えに設定しています。左右のmarginをautoにして中央揃えに。 See the Pen Center Div by Mana (@manabox
[CSS]画像にも負けないクオリティのボタンを実装するスタイルシート | コリス
CSS3を使用して、ディテールにこだわったボタンを実装するスタイルシートのチュートリアルをInferenceから紹介します。 Creating a Realistic Looking Button with CSS3 実装されたデモは、元記事の下「Show and Tell」で確認できます。 対応ブラウザはFx3.6, Safari4, Chromeで、IE8では角丸とアクティブ時のスタイルが欠けます。 実装：HTML ディテールにこだわっているため、HTMLは煩雑なものになっています。これらはCSSの指定に意味をなします。 <textarea name="code" class="html" cols="60" rows="5"> <a class="button"><b class="o"><b class="m"><b>Post</b></b></b></a> </textarea>
WordPressをブログ以外で使っているサイトいろいろ・国内編 - かちびと.net
ブログエンジンのWordPressを ブログ以外で利用しているサイト の国内編です。ブログの線引き の基準が分からないので自分で 線引きしています。ここで言 ブログ以外とは「日記ではない」 サイトを指しています。 Webマガジン、ニュース系サイト、ECサイトやギャラリーサイトなど、ブログ以外のWPサイトのまとめです。順不同です。 元ネタさがし ネタ系サイトです。画像の元となった画像を収集しているサイトでレーティング（評価）機能が付いています。ナイスアイデアですねー。いいコンテンツです。 元ネタさがし 新商品FINDER ニュース系というよりポータル系に近いサイトです。新商品のみを紹介するサイト。デザインもかなり綺麗ですね。参考になります。 新商品FINDER ブログタイムズ ブログ記事に紹介記事を書くと掲載費を貰える、というサービスを提供しているサイトです。WPでこういったサービスを提供し
新たなデザインのインスピレーションを呼び起こすTwitterの背景画像パターンいろいろ
みんなと同じような「いかにもそれっぽい」デザインを重んじる日本と違って、自己主張の激しい人が多い海外では普通にしているとその他大勢の中に埋もれてしまうため、なんでもかんでも自分流にカスタマイズするのがデフォルト化しており、Twitterの背景画像もそのひとつ。特にTwitterは超個人的な事柄に属することをツブヤキがちであるため、その背景画像は個性を出すための格好の場所でもあり、Twitter上では日々、「オレをフォローしてくれ！」ということでツブヤキの内容だけでなく、その背景画像にまで戦場は及んでいます。 そのため、非常に個性的なデザインが増えており、新たなデザインのインスピレーションを呼び起こすような背景画像が多く、「なるほど、こういうのもありだな、ふんふん」という感じでかなり参考になります。 詳細は以下から。 基本的な傾向として、横幅が1024ピクセルから1920ピクセル程度まで広が
おしゃれなYouTubeのチャンネルデザインが手に入るサイト「MyTubeDesign」*二十歳街道まっしぐら（FC2ブログ時代）
まず「MyTubeDesign」にアクセスします。 いろんなデザインが用意されているので眺めてみましょう。 ノートの切れ端！ 落ち着いてていいですね。 MacBookじゃないですか！ 透明をうまく利用していますね。 リボンや下部の曲がり具合がいいですね。 今回は、このデザインを適用してみることにします。 各デザインの下部にダウンロードするリンクがあります。 こちらからダウンロード可能。 ダウンロードすると、2種類のファイルが用意されています。 ひとつは、デザインのカラーコード表。 もうひとつは、背景画像です。 さて、デザインを適用するために、自分のチャンネルページにアクセス！ （YouTubeの自分のIDをクリックするととぶはずです。） チャンネルの編集より、「テーマと色」を選択します。 「詳細オプションの表示」より、詳細設定メニューがあらわれます。 ここで先ほどダウンロードしたカラーコー
ウェブ開発者に人気のFirefoxアドオン10 - ネタフル
10 Popular Firefox Add-ons for Web Developersというエントリーで、ウェブデベロッパーに人気のFirefoxアドオンが10種類まとめられていました。 知っている人には当然のアドオンかもしれませんが、これからウェブデザイナーを目指そうといった人には参考になると良いのですが。 1. Firebug :: Add-ons for Firefox Firefox上でCSS、HTML、JavaScriptを編集したりデバッグすることができる。 2. Web Developer :: Add-ons for Firefox ツールバーにJavaやcookie、CSSの切り替えといったメニューを追加する。 3. ColorZilla :: Add-ons for Firefox カラーピッカーのアドオン。 4. Html Validator :: Add-ons
フリーのWordPress用テーマがPSDファイル付きでたくさん配布されている「WordPress Theme Designer」 - GIGAZINE
「WordPress」は日本でも2006年から急激にシェアを増やし始め、ついにはMovable Typeをも駆逐しそうな勢いのオープンソースで無料のブログ・CMSプラットフォームとなっており、その勢いはとどまるところを知りません。 オープンソースで開発されているため無料で利用できるという特徴以外にも、サイトのデザインである「テーマ」を切り替えることによってカンタンに変更できるというのも特徴のひとつで、かなりデザイン的に秀逸なものが無料で多く公開されています。しかし自分好みにカスタマイズしようと思うと、やはり少し物足りないテーマが多いのも事実。 そこで使えるのがこの「WordPress Theme Designer」で公開されている無料のテーマ集。なんとPSDファイルが同梱され、非常にカスタムしやすくなっており、公開されているテーマファイルとPSDファイルを組み合わせれば、それっぽいデザイン
背景画像として使えそうなパターン素材が大量にダウンロードできるサイト「Bgrepeat」*二十歳街道まっしぐら（FC2ブログ時代）
「Bgrepeat」はサイトの背景画像として利用できそうな素材がダウンロードできるサイトです。 すべて無料でダウンロードできますよ！ 種類も豊富にあり、クオリティの高いものが揃っています。 単色背景はなんだか物寂しいなって方は、背景画像を探してみるのもいいかも。 以下に使ってみた様子を載せておきます。
かっこいいメニューバーが簡単に作れちゃうジェネレータ「MenuBuilder」*二十歳街道まっしぐら（FC2ブログ時代）
「MenuBuilder」はメニューバーを作ってくれるジェネレータです。 グラデーションやマウスオーバーも実装できます。 色を選んで、パターンを指定したらおしまい！ 簡単すぎ！ 画像およびHTML（CSS）もダウンロードできるので、使い回ししやすいです。 以下に使ってみた様子を載せておきます。 まず「MenuBuilder」にアクセスします。 メニューはグラデーションになります。 上側がデフォルトで下側がマウスオーバーのときです。 そしてお次は、メニューのパターンを指定します。 あと、横に並べるのか、縦に並べるのかも選択しましょう。 「Generate&Preview」すると、最上部で仕上がりを確認できます。 「Download」ボタンをクリックすると、画像とHTML（CSS）を一括でダウンロードできます。 HTMLファイルを開くと、このように先ほど作ったメニューが実装されています。 HT
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなブログ | 無料ブログを作成しよう
http://e0166nt.com/blog-entry-774.html
ダウンロードし放題 商用利用可能な写真素材サイトいっぱい | DesignWalker
