透明感のあるものやグランジ風・イラスト風など最近よく見かけるウェブサイトのデザインを一から丁寧に解説しているPhotoshopのチュートリアルを紹介します。
透明感のあるものやグランジ風・イラスト風など最近よく見かけるウェブサイトのデザインを一から丁寧に解説しているPhotoshopのチュートリアルを紹介します。
1ステップずつ詳細に解説された、Photoshopでスタイリッシュなボタンとバナーを作成するチュートリアルを紹介します。
Blog Search when-present<#else>when-missing. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: ${entry.path} [in template "__entry.ftlh" at line 3, column 25] - Reached through: #include "__entry.ftlh" [in template "entry.ftlh" at
◆とても簡単に使用できるイメージギャラリー「Flash Gallery」 [Blog News] とても簡単に使用できるイメージギャラリー「Flash Gallery」 →エルエルが実際にアップロードしてみたサンプルページはこちら。 ええーと、先日わざわざガイジンさんがBBSに紹介に来てくれたので、自分で実際に使ってみるととても簡単だったのでご紹介です。 これはPHPとFLASHを使用した自分のサイトにアップロードするタイプのイメージギャラリーです。全て英語ですが、インストールの方はとても簡単です。 このアプリケーションはReality Softwareさんってサイトさんが作ったもので、もちろん利用は無料です。クリエイティブコモンズのライセンス下で配布されています。 まずはダウンロードページからソフトをダウンロードしましょう。 それを解凍すると以下のファイルが入っています。 flas
XHTML Mobile Profileに対応したHTML 本連載では、「PCサイトを制作してきたけど、携帯サイトは初めて」といった企業や個人クリエイター向けにPCとモバイルの違いなどをふまえ、携帯サイトを公開するまでの入門的なノウハウを紹介していきます。 まず、今回はHTMLの種類やタグ、CSSなど携帯ブラウザによる違いと、画面サイズやキャッシュ容量などの端末による違いについて紹介していきます。 では、早速携帯サイトを作る上でマークアップの基本となるHTMLについて説明します(図1-1)。携帯電話はPCと比べても非常に早い進化を遂げてきたため、どれも基本はHTMLを基準に作られていますが、携帯ブラウザ(iモード、EZweb、Yahoo!ケータイ)で表示可能なHTMLの仕様には実に多くの種類が存在します。 現在市場に出回っている機種ということに限定すれば、XHTML Mobile Prof
CMS(Content Management System)は、Webサイト(携帯サイトを含む)やイントラサイトなどを構成するテキストや画像、動画、音声などの素材データとデザインやルールなどのレイアウト情報を保存・一元管理し、編集・配信するシステムまたはソフトウェアの総称です。 その第一のメリットは図1のような課題を解決し、サイトの更新作業を簡易化・効率化できることです。 CMSによって、誰もが簡単・安全・正確に、そして付与された権限に応じて目的のサイトを更新できるようになります。言い直せば、複数の多様なサイトを、ブランドやガイドラインを保ちつつ、各部署・部門で制作・運営することが可能になります。 最近、「サイトを更新していくためのシステムなら、ブログツールでもいいのでは?」という質問を多く受けます。ブログツールの中には「Movable Type」のようにCMSの一種ともいえるものがありま
dzineblogで、いいデザイナーになるために参考になるサイトがたくさん紹介されています。 ざっといくつかご紹介。 チュートリアル » Tutorial9 » Photoshop Lady » HV Designs » Tutorial Dog デザインフォーラム » Designers Talk » Graphic design forum コミュニティー » Humble Voice » Deviant Art » Carbonmade デザインブログ » Design Melt Down » A list Apart » Design Mag 有名なものからちょっとマイナーなものまで、よくまとまっていますね。 ぜひ見てみてください。 » 50 Sites That Will Help You To Become a Better Designer MacBookのスピーカーの音がよ
Fun With CSS Shapes - Nettuts これは驚き!CSSだけで作れる吹き出しボックス。 次のような吹き出しが、画像を一切使わずにCSSだけで実現できてしまうようです。 HTMLコードをちょっと分かりやすいようにダイエットしてみたものが以下。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> blockquote {
A Simple jQuery Stylesheet Switcher 5分で実装可能なページの文字サイズ変更+クッキーに保存サンプルが公開。 ページで、小・中・大のように文字サイズを変えられるようにしておくと便利ですね。 asahi.com の導入例 実装方法が、微妙に面倒という場合もこのサンプルを使えば簡単に実装できる筈です。 文字サイズに限らず、CSSを丸ごと変えてしまえるので、スタイルを変更して保存ということも簡単に出来ます。 デモページ HTMLは、次のように、href は # ですが、rel属性に付け替えたいcssを指定しておきます。 <ul id="nav"> <li><a href="#" rel="/path/to/style1.css">Default CSS</a></li> <li><a href="#" rel="/path/to/style2.css">Larg
エイプリルフールネタの後で非常に書きづらい、本当にディレクターブログ担当の飯田瞬です。食べる方のニラレバは大好きというほどではありませんが、おいしいですよね。 さて、この「livedoor ディレクター Blog」読者の中で4/1から新社会人として新しいスタートを迎えた方も多くいらっしゃると思います。そこで、今まで「livedoor ディレクター Blog」に投稿されたエントリーの中で、すぐに使えるビジネススキルエントリーを10個ピックアップしてみました。 いきなり実行するのは難しいとは思いますが、覚えておいて (読んでおいて) 損はないエントリーばかりですので、是非、今週末を利用して読んでみて、月曜日から少しずつ実践してみてください! --- 【01】ディレクターの為のビジネスマナー講座 「ディレクターの為の...」とありますが、ディレクターに限らず社会人として基本中の基本のビジネスマナ
Create a unique Gallery by using z-index and jQuery | This Blog Use jQuery 訪問者驚きの手めくり風、画像ギャラリーを作成できるサンプル。 以下がデモで、実際に試してみましょう。驚きの効果が得られるはずです。 HTML定義部分。分かりやすいコードも魅力です。 <!-- relevant for the tutorial - start --> <div class="grid_6 prefix_1 suffix_1" id="gallery"> <div id="pictures"> <!--画像の定義部分--> <img src="images/picture1.png" alt="" /> <img src="images/picture2.png" alt="" /> <img src="images/pictu
Index of /projects/phpThumbnailer PHPで画像のサムネイルを超簡単に作る方法「phpThumbnailer」 PHP+GDな画像のサムネイル作成って結構面倒だったりしますが、配布されているThumbnail クラスを使えば超簡単にサムネイルが作れます。 配布パッケージ内に、class.Thumbnail.phpが含まれていて、次のようなサンプルプログラムで簡単に画像のサムネイルを生成できます。 <?php include("class.Thumbnail.php"); $tn_image = new Thumbnail("sample.jpg", 300, 300, 0); $tn_image->show(); ?> プログラムでは、sample.jpg のサムネイルを 最大幅 300px, 最大高さ 300px のサイズで作成し、画面に出力します。 Th
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、オークション事業部のさかいです。 ネットサーフィンに慣れている techblog 読者のみなさんの中には、あちこち見て回っているうちに重いページに行き当たり、イライラしながら応答を待ったり、容赦なくバックスペースキーで前のページに戻ったり…という経験をされた方が多くいらっしゃると思います。 そういったストレスのないレスポンスが行えるよう、バックエンドのプログラムの最適化や、サーバーのチューニングを行うのは私たち技術者の仕事のひとつです。 しかし、あるウェブサイトにアクセスして、そのサイトを閲覧できる状態になるまでの時間のうち、そういったバックエンドでの処理に必要な時間は 1〜2 割でしかないというデータがあります。残り
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く