Scott Klarrのエントリー「Cheat Sheet Index」から、ウェブ制作・プログラマー・デザイナーのためのチートシート集です。
Scott Klarrのエントリー「Cheat Sheet Index」から、ウェブ制作・プログラマー・デザイナーのためのチートシート集です。
テキストエディタでWebサイト構築をガンバル人へ:どこまでできる? 無料ツールでWebサイト作成(6)(1/3 ページ) 「あえて」テキストエディタでWebサイト構築 今回はテキストエディタと組み合わせることで、開発をより便利にできるツールについて考えてみよう。 現在「あえて」テキストエディタでの開発を行われている方には、現在使っているエディタを選択するまでの“経緯”や“こだわり”があると思う。筆者もこれまでにさまざまなテキストエディタを試し、「この程度のもので十分だ」と感じるテキストエディタを現在使っている。 テキストエディタ+α そこで今回は、テキストエディタ自体とそのプラグイン/拡張機能に関する紹介は行わないこととし、「どのようなテキストエディタを使っている場合でも、組み合わせて使うことでより簡単にWebサイト構築ができるツール」という観点で紹介したいと思う。もちろん、Webオーサリ
Lightview Lightview was built to change the way you overlay images on a website. カスタマイズできる多機能LightBox「Lightview」。 次のように、背景色を赤にカスタマイズしたりできるLightBoxの登場です。 背景色のほか、角丸の度合いや、灰色背景の描画ON/OFFとその透明度、zIndex、表示の際のエフェクトなどをカスタマイズ可能です。 インストールは、必要なCSS/JSを読み込んだ後、<img> タグの rel 属性に lightview を設定するだけ。 (例: <a href='image.jpg' rel='lightview'>My image<a/> ) スライドショーの機能なんかも実装されています。 関連エントリ LightBox風に角丸で可愛く画像をポップアップしてくれる「F
すっごいヤマダウィルスみたいなタイトルですが気にしないでくださいね。 さて、ホームページを作る人のネタ帳が2007年1月から開始し、今月で1年が終わりそうです。 昔を振り返ってエントリを見ると笑えるほどカテゴリわけがきちんとされてなかったり、タグもきちんと整理されていない事がよくわかり、自分の未熟さや、ずぼらな性格がこんなところでも表れるんだなぁと実感。 アクセスアナライザが6月前のデータ全て何故かなくなっていました。 その為全てを振り返れなかったのが残念ですが、6月~11月末までの6ヶ月間で、2,394,808PVを達成することが出来ました。 皆様に応援され、励まされ、罵倒され、ののしられ、ここまでやってこれました。 そこで今回は、2007年のエントリの中でも、ある程度人気になった記事をうまいことカテゴリわけして、無理やりお届けしたいと思います。 サブタイトルとしては 12月と言えば、自
6- Blue & Black Titled Full Banner View Code 7- Black & Blue Titled Full Banner View Code 8- Black Gradient Full Banner View Code Hal Banners 9- Black Horizontal Gradient Half Banner View Code 10- Orange Striped Oval Half Banner View Code 11- Subtle Blue Half Banner View Code 12- Simple Slanted Black Half Banner View Code Button 13- Black Diamond Button View Code 14- Shadow Box Button View Code 15
出版、テレビCM、商品パッケージ、スマホアプリなどにもご利用可能です。ロイヤリティフリーなので、一度購入すると、様々な用途に何度でもご利用いただけます。 面倒な素材管理も必要ありません。レンタルポジやレンタルフォトに変わる24時間いつでも検索・ダウンロード可能なストックフォトサービスです。
CSS Text Wrapper The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle.テキストを自由な位置で折り返せる「CSS Text Wrapper」。 テキストを円形等、好きな形の範囲内に収める仕組みが考案されたようです。 次のように、円形の中にテキストを並べる等、まさに自由自在です。 昔はこういった形でのテキストは空白を挟んだりして実現は難しいと思っていましたが、実現できるんですね。 デザイン系のサイトなんかで活用できそうな仕組みです。 こんな仕組みがあるとは知らない人に見せたらアッと驚くこと間違いないでしょう。 ちょっとしたサプライズを与えたい場合に使えますね。
Pagination Gallery: Examples And Good Practices | Design Showcase | Smashing Magazine ページ送り部分のデザイン研究。 SmashingMagazine にて様々なサイトのページ送り部分を色々とまとめたエントリが公開されました。 なるほど、ページ送りといえど様々なデザイン方法があるようで、勉強になります。 色々なサンプルを見るうちに、自分のサイトのページャーはどんなのが合うか?といったことも分かってきそうです。 PHPでページャーを作る場合は、「PEAR :: Package :: Pager」を使えば簡単に作れます。
adClustr Some Free Web 2.0 Badge Starbursts - Free Ad Backgrounds & AdSense Advice I created these for one of the ad backgrounds, but figured I would clean them up a bit, and release them as a download. Web2.0風バッジ作成用素材が公開されています。 配布されているZIPパッケージを展開すると次のような3種類のバッジ画像が取り出せます。(それぞれPNG/JPEG方式) ジェネレーターもいいですが、こうして素材の形にしておいてもらえると、PhotoShopなどで柔軟にカスタマイズできて良いですね。 関連エントリ Web2.0風バッジをWEB上で作れる「Web 2.0 Badges」
先日、ネタ元へのリンクを分かりづらいところに貼ってしまい、人気ブロガーの方に怒られてしまいました。。。以後気をつけます。 さて、気を取り直して今日はAJAXの普及などで益々多用されるようになった「タブメニュー」を作る際に気をつけるべき、ユーザビリティのガイドラインをご紹介したいと思います。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! タブユーザビリティ、13のガイドライン Ajaxタブは、違うコンテンツを表示するにもかかわらず、ページを先に読み込むため、ページが切り替わるストレスが少ないことから、さまざまなサイトに導入されています。 1. タブは同じ文脈内で一覧を作る代わりに使おう 異なるエリアへのナビゲーションに使ってはいけません。言われてみればなるほどと感じます。amazon.comは、過
Sexy sliding JavaScript side bar menu using mootools at Andrew Sellick When trying to conceive ways in which space could be saved on a web page I decided a sliding menu would work well as shown in the images below.セクシーに動作するスライドメニューバー実装JSライブラリ。 クリックするとニューっとアニメーションしてセクシーに開いてくれるメニュー実装のためのライブラリが公開されています。 デモはこちら CSSによってデザインできるので、デザインも簡単です。 ちょっと変わり種ということで、デザイン系のサイトで使えそうですね。
編集元:ニュース速報板より「webデザイナーの職種、学歴、給料」 1 宇宙飛行士(アラバマ州) :2007/10/19(金) 21:34:51 ID:Nlr5GWpE0 ?PLT(12000) ポイント特典 世界のWebデザイナの実態公開! 学歴、給料は? http://journal.mycom.co.jp/news/2007/10/19/042/index.html A List Apartは16日(米国時間)、"Findings From the Web Design Survey 2007"というレポートを発表した。 これは2007年4月24日に"The Web Design Survey, 2007" の名のもとで開始された調査の報告書。 同調査は、Webデザインに携わっている人々の実態を明らかにしようというもので、Webサイトの開発に10年以上携わってきたWebデザ
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー!古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
画像をクリックすると、背景が暗くなって画面中央に画像がうにょ~んと開く透過レイヤー風効果を加えるのが、かの有名な「Lightbox」ですが、「Videobox」はそのムービー版です。対応しているのはYouTube、Google Video、Metacafe、iFilmなど。自分で作成したFlashも利用できます。 詳細とデモは以下から。 Videobox: Lightbox for videos, Youtube, Metacafe, Google Video, iFilm http://videobox-lb.sourceforge.net/ 上記ページにあるサムネイル画像をクリックすれば実際にどんな感じで表示されるかを確認できます。 YouTubeの場合 MetaCafeの場合 Google Videoの場合 iFilmの場合 オリジナルのFlashの場合 最新版はムービーの縦横幅を指
最近よく聞かれるのですが、一体Yamada氏のネタ元はどこですかと聞かれます。 ネタ師であるブロガーがネタ元を晒すのはどうかと思っていたのですが、有益である情報は晒すべきだと友人に言われてしまったのと、海外でまとめエントリにされていたので公開に乗り切ります。 より有益な情報を得る為に 友人いわく、公開してその上を目指せ、とか意味がわからないことを言われましたが、結局のところ海外の数々の有益な情報からピンポイントで発信するからこそ価値があるのであって、まとめサイトが有益なものであるとは限りません。 これらネタ元をつかって、より多くの方にピンポイントで面白い記事の発掘が出来るようになれば、それはそれで自分にかえって来るんだなぁと思います。 WEB制作者向け発掘サイト DZone - fresh links for developers デザイン、CSS等に関して有益なエントリが上ってくるシステ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く