デザインも秀逸なナビゲーションを実装するスタイルシートとスクリプトのチュートリアルの紹介です。 各サイトではチュートリアルの他、ファイル一式や画像データをダウンロードできるものもあります。
デザインも秀逸なナビゲーションを実装するスタイルシートとスクリプトのチュートリアルの紹介です。 各サイトではチュートリアルの他、ファイル一式や画像データをダウンロードできるものもあります。
table要素はWebページにとってなくてはならないものだ。しかしデザインや設定が難しい要素でもある。テーブルを簡潔に記述しつつCSSで優れたデザインを提供したいところだが、Webブラウザ間の差異もありなかなか希望通りの設定ができない。そこでR.Christie氏がSmashing Magazineにおいて公開しているTop 10 CSS Table Designsに注目したい。XHTML 1.0に準拠したテーブルを順次CSSを使ってカスタマイズしていくというもので、見やすい上に説明も簡潔でわかりやすい。WebデザイナやWebデベロッパは一度チェックしておきたいドキュメントだ。コンテンツは次の10の内容で構成されている。 Horizontal Minimalist Vertical Minimalist Box Horizontal Zebra Vertical Zebra Style O
平素より「PHPプロ！」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ！」ですが、サービスの利用状況を鑑みまして、2018年9月25日（火曜日）をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日（火曜日）を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 本件に関するお問い合わせはこちらよりお願いいたします。
Web 2.0 Design Generators For Developers Richard Wong 19 August, 2008 If you are a busy web developer that also need to work on the interface, here is a handy list of online tools to help you save time and effort creating nice graphics for your sites or apps. Buttons – Fully featured button creator allowing you to customize colour, gradation type, stripe, filter, image, and of course text. – Anoth
Photoshop provides designers with all kinds of possibilities when it comes to creating interesting lighting effects. With a solid understanding of Photoshop and some creativity, you can create stunning effects for your design, images, and photo manipulations. Fortunately, there are plenty of Photoshop experts who are willing to write detailed tutorials to show off the potential. Photoshop Tutorial
Apakah kamu pernah mendengar istilah "slot gacor"? Istilah ini memang semakin populer di kalangan penggemar permainan slot online di Indonesia. "Gacor" biasanya digunakan oleh para pemain untuk menggambarkan mesin slot yang cenderung memberikan banyak kemenangan atau jackpot dalam periode tertentu. Jadi, mesin slot gacor adalah impian setiap pemain karena peluang menang yang lebih besar dibandingk
今までphotoshopのブラシを配布するサイトはDesigndevelopと紹介してきましたが、今日紹介するのはハイクオリティなフリーphotoshopブラシを多数配布する「Qbrushes」です。 サイトは非常にシンプルで、配布されているphotoshopブラシで作られたグラフィック並んでいて、どういったブラシでどんな事ができるのかというのを感覚的に理解することができます。配布されているブラシの例をいくつか下記に貼り付けておきます。 詳しくは以下 全体的には現在のグラフィックの流れに沿いながらも、ハイクオリティのブラシが集められているような気がします。ただ並んでいるだけではなく、レーティングや投票機能なども備えています。またブラシはジャンル別にカテゴライズされており、雰囲気やテイストからも探し出すことが可能です。 尚、こちらのベクターデータ版もあり、そちらは以前「無料配布のベクター素材
The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you're interested. Reset styles quite often appear in CSS frameworks, and the original "meyerweb reset" found its way into Blueprint, among others. The reset styles given here a
How to Create a Space Style Text Effect in Photoshop In this Photoshop tutorial, you will learn how to create a futuristic space-style text effect, using Photoshop layer styles and a couple of filters. How to Create a Focus Effect in Photoshop In this tutorial, I will show you how to create the focus on individual items on a photo. Usually, this effect can be done with a photo camera.
Topic: Code Front and back end development for the web, mainly using open web standards. Markup, style, scripting, and server-side techniques and technologies. Cross-browser HTML, CSS, and JavaScript. Frameworks and preprocessors. Creating websites and applications. Optimization and performance. Hacks and workarounds. Taming Data with JavaScript by Brian Greig · December 20, 2018 Processing huge a
A sense of movement is often the differentiator between Flash-heavy web sites and standards-based sites. Flash interfaces have always seemed more alive—responding to the user’s interactions in a dynamic way that standards-based web sites haven’t been able to replicate. Lately that’s been changing, of course, with a resurgence in dynamic interface effects, helped along by JavaScript libraries that
はじめに もうすぐ講義が開始されるので、同じタイミングでここで講義資料を公開したいと思います。 JavaScript の難しいところとか、マニアックなことは一切使わずに「プログラミングの楽しさ」みたいなものを伝えられたら嬉しいです。 この資料のターゲットは、プログラミング初心者です。 リンク http://svn.coderepos.org/share/docs/amachang/20080813-procamp2008/index.html 注意 今日の学生の出来によって、会期中ちょこちょこ資料の内容が変わると思います。
通常、パソコンの壁紙は自分の好みのものを選んだりするのですが、この壁紙を違うものにすることで仕事の効率を改善し、作業スピードをアップすることが可能になるとのこと。一体どういう壁紙なのでしょうか？ 壁紙のダウンロードと使い方は以下から。 1440×1024（明るい版） 1024×768（明るい版） 1440×1024（ちょっとダーク版） 1024×768（ちょっとダーク版） 実際に壁紙にするとこうなります。 これを以下のようにして使います。 方眼紙：仕事用のフォルダやファイルを置く アルミニウムのプレート：個人のプロジェクト用 木製の机：未分類の仕事など 付せん紙：緊急の用件 実際に使うとこんな感じ。 つまり、自分の好みに応じて分類するルールを作れば、かなり効果的に仕事を効率を改善できるというわけです。確かにかなり使いやすいのでオススメです。
最近はブログなどを使ったサイトが非常に多いのですが、やはりきちんと作り込まれたサイトも必要なわけで。だからといってゼロから作るのは大変。そこで使えるのが、あとから編集してカスタマイズしやすい商用利用可能なフリーのウェブサイト用テンプレート。元となるPSDファイルなども付属している場合があるので、それぞれのパーツをかなりカスタムすることが可能となっています。また、全部Flashでできたサイト用のテンプレートなどもあります。 ダウンロードは以下から。 Free Website Templates, Flash Templates, CSS Templates - TemplateYes.com まずは各ジャンルごとにサンプルを見てみましょう。 ・PSDファイルとフォントまで付属した通常のウェブサイト用テンプレート ダウンロードはここをクリック ダウンロードはここをクリック ダウンロードはここを
Buyer Protection Program When you buy a domain name at Dan.com, you’re automatically covered by our unique Buyer Protection Program. Read more about how we keep you safe on our Trust and Security page. Next to our secure domain ownership transfer process, we strictly monitor all transactions. If anything looks weird, we take immediate action. And if the seller doesn't deliver on their part of the
Account for domain www.evolus.vn has been suspended
2008年07月09日 もうアプリ要らない！WEB開発に使えるFirefoxのアドオン１１個 Firefoxの強みといえば、やはり膨大な種類と強力なアドオンでしょう。その中でも特に使える、そして開発に役立つアドオンがありますので是非活用してみてください。もうこれでアプリ要らなくなるかもしれません。 ◆DreamWeaverの代わりに『Codetch』 言うならば、DreamWeaver。ブラウザ上で、HTMLのコーディングが視覚的にできてしまうDW要らなくなるソフト ■Codetch.com :: Home ■インストール ◆ブログエディタ『ScribeFire Blog Editor』 Wordpressなどのブログに投稿する機能を持ったエディタです。 ■ScribeFire - Fire Up Your Blogging! ■インストール ◆簡単なアプリ開発『The Pencil
jQueryでかっこいいUIを実装したい。 そんなときにおすすめなのが、『10 useful jQuery plugins』。jQueryの便利なプラグイン10選だ。 以下にご紹介。 ・jQuery UI Webアプリをデスクトップアプリのように動作させる。タブメニューやスプリットペイン、ドラッグできるフォトマネジャーなど ・Mark-It-Up テキストエリアをマークアップエディタに変えてくれる ・jQuery cookie plugin クッキーを簡単にセット、削除できる ・lightbox for jQuery jQuery用のlightbox ・jQuery Corner Plugin jQueryで角丸を作成 ・jTip クールなツールチッププラグイン ・LavaLamp CSSメニューにスムーズなスライドエフェクトを追加 ・Superfish jQueryのアニメーションを使っ
最近、「これからのウェブ・アプリケーションはAjaxだ」という声を良く聞く。ソフトウェアを生業としているエンジニアとしては、この手の「流行もの（hype）」に触れた時には、表面的なものに踊らされずに、その本質を自分なりにしっかりと捕らえて消化・吸収して自分のものにしなければいけない。今までも、「オブジェクト指向」、「マルチ・ティアー・アーキテクチャー」、などの言葉が一人歩きするたびに、「これからは○○だ」とか「○○の時代は終わった」などと、過激なことを言って読者の目を引こうとだけするマスコミや企業のマーケティング戦略に数多くの人が踊らされてきた。 そんなノイズだらけのメッセージに混乱させられた結果、「Ｃではオブジェクト指向のプログラミングは出来ない」と信じているエンジニアがいまだに沢山いることは全く嘆かわしいことだ。「オブジェクト指向のプログラミング」は、設計姿勢・プログラミングスタイルに
MBAの授業の一環で、"Marketing Myopia" (by Theodor Levitt) という１９６０年に書かれた論文を読む機会があったのだが、色々とうなずけるところがあったので、メモ代わりに。 家電メーカーのような技術系の会社は、どうしても技術系の人が経営者になりがち。技術系の人は（私も含めてだが）色々な問題を論理的に解決しようとする。技術的な問題を解決するためにはこのアプローチはとても有効だが、消費者心理のように曖昧で非論理的なものには適用できない。 技術系の経営者が陥りやすい失敗は、自分がコントロールできる分野、すなわち、技術的に難しい問題を解決することにばかりエネルギーをそそぎ、非論理的で簡単にはコントロールできない消費者の動向のようなものに十分な注意を払わないこと。 その結果、「消費者はどのみち論理的な行動なんてしないんだから、それに関して色々と戦略を立てたところで無
Web 2.0 Design Generators For Developers | 84 Bytes here is a handy list of online tools to help you save time and effort creating nice graphics for your sites or apps. Web2.0デザインジェネレーターいろいろまとまっていました。 過去にいろいろとこうしたツール系は書いてきましたが、まだ知らないものもありました。 ボタン As Button Generator Buttonator.com My Cool Button ローディング画像 AJAXload.info AJAX loading Gif generator バッジ Web 2.0 Badges Fresh Badge リボン QuickRibbon Websit
こんにちわ。モバイルディレクターの飯田瞬です。 ウェブディレクターの中には、SSL サーバ証明書が必要なウェブサイトの構築を担当した人は少なくないと思います。 今回は SSL サーバ証明書を取得するにあたり、ディレクターが知っておいた方が幸せになれる必要最低限な事項を簡潔にまとめてみました。 割愛している部分もかなりありますが、詳細まで突っ込むと1エントリーでは収まりきらないため、何卒ご理解いただければと思います... 【01】SSLサーバ証明書って何だろう? SSL を一言でまとめると、住所やカード番号などを暗号化して第三者が傍受してもデータの改ざんや盗聴を防ぐといった技術が SSL です。 SSL サーバ証明書というのは、その SSL の暗号化技術を利用するサーバの身元を、第三者である認証局が保証することを示すものです。この証明書の中には SSL でクライアントとサーバ間の通信を暗号化
随時更新 公式ドキュメント Firebug Console API http://getfirebug.com/commandline.html 気になったところ $$(selector) 複雑なCSSセレクタでなければjQueryの$関数の変わりとして使える感じ。 dirxml(node) outerHTML相当のHTMLを出してくれる感じ $$(selector)と組み合わせると便利そう。 inspect(object[, tabName]) 指定したオブジェクトを指定したタブで表示できる。特定要素をHTMLタブで表示させる時、「inspect($$('table#some-id td')[0],'html');」みたいにできる。今まで、「console.log($$('table#tab td')[0]);」を実行してconsoleタブに表示させた後、そこをクリックみたいにやっていた
2050年にかけての世界の人口予測が，PRB(Population Reference Bureau）から発表されている。これまでも人口予測は何度となく目にしてきたが，今回の発表資料“2008 World Population Data Sheet”のようにまとめて眺めてみると，改めて大変な時代を迎えようとしているのを認識してしまう。最近のエネルギー危機，食糧危機，水危機，環境危機なんかはまだまだ序の口の段階なんだろうな。これからますます資源の分捕り合戦が激しくなりグルジアのような紛争が世界中で頻発するのかも。 多くの図表が資料には掲載されているが、その中から幾つかを抽出してみた。 ●国別人口ランキング（2008年と2050年） ●人口の増減率のランキング（2008年から2050年までの間の増減率） ●代表的な先進国の人口増減率 ●先進国と開発途上国の人口推移 ●特定国における都市部人口の
これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。 Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。 ドラッグアンドドロップでモックアップを作成できる そんなモックアップを作成しようと思ったら、紙やHTMLオーソライズソフトウェア、画像編集ソフトウェアを使うことが多かった。だが画像編集ソフトウェアではチェックボックスやテキストボックスが作りづらい、HTMLオーソライズソフトウェアではデザインの微調整が面倒、紙では重ね書きしづらい…とそれぞれに欠点があった。そこでこれを導入してみよう。 今回紹介するオープンソース・ソフトウェアはPencil、Firefoxアドオンとして動作するモックアップ作成ソフトウェアだ。 個人的にはモックアップ
かんたんAjax開発をするためのRuby on Railsの基礎知識：Ruby on RailsのRJSでかんたんAjax開発（前編）（1/4 ページ） いまさら聞けないRuby on Railsとは？ Ruby on Rails（以降、Rails）は、世の中に多数存在する現在のWebアプリケーション開発フレームワークに多大な影響を与えている、先進的で生産性の高いフレームワークです。 以下をコンセプトとして掲げており、Ruby言語で記述されています。 「同じことを繰り返さない」（DRY:Don't Repeat Yourself） 「設定よりも規約」（CoC:Convention over Configuration） ここ数年で、楽天市場、ニフティ、カカクコムなど大手IT企業での採用も進んでおり、注目を集めています。 関連記事： 楽天が「Ruby on Railsの利用を開始します」 h
アクセス解析の仕事をしていると、アクセス解析さえあれば「キーワードを見ればユーザーのニーズや考えている事が分かる」とか「CVRを元に最適な集客プランはこの手法だ」とか「導線分析を行うことによってユーザーが一番コンバージョンする最適な経路ははこれだ！」とか思ってしまう事があります。 しかしWhat Web Analytics is Missing... という記事を読むと、改めてアクセス解析ツール（単体）の限界や課題点について考えさせられました。当たり前だけど、アクセス解析は万能ではなく、あくまでもユーザーの動きが結果として集計されているだけだったりします。 この文章ではアクセス解析ツールに対して感じている７つの課題に関して記載されています。「本当に知りたいビジネス要件について回答を教えてくれない」という意味で、全てのツールにあてはまる内容になります。その内容を紹介いたします。 ※記事の内容
ごうだまりぽです。作ったモノとか拾った知識とかひねり出した知恵とかをさらしてます。読むと価値観が360度変わること請け合い! << 2008/08/ 1 2 3 4 5 6 7 8 9 10 11 1. 「電話をしないで下さい」という演説 12 1. ストリートビュー、もうちょっと工夫してほしいなぁー。 13 14 1. もっと高精細画像でグリグリしたいよね! 15 1. ナイス節約 16 17 18 19 20 1. 汎用ポップアップ Greasemonkey "PopTip" を作ったよ。 21 22 1. PopTip のパッチをいただきました、超うれしい! 23 24 25 26 27 28 29 30 1. 「この作品、あの作品に似てるよね」には、二種類ある 31 >> ■ [web]汎用ポップアップ Greasemonkey "PopTip" を作ったよ。こんにち
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
