How to Create a Unique Colorful Site Layout | Envato Tuts+
This tutorial will guide you through the process of designing a professional website with a funky colorful flair. The tutorial features some great colors, effects and layer styles in which you can use over and over for future projects. Let's get started! Final Image Preview Take a look at the image we'll be creating. Tutorial Details Program: Adobe Photoshop CS3 Difficulty: Intermediate Estimated
HTML 5のレイアウト要素
はじめに HTML 5は興味深い仕様です。この仕様は計画的に生まれたものではありません。W3CはHTML 4.1をHTMLの決定版として表明していました。そのため、HTML 5に対する要望の多くは、主にWeb Hypertext Application Technology Working Group（WHATWG）などのHTMLユーザーコミュニティから出てきました。WHATWGからの圧力が強かったため、数年前にHTML 5のワーキンググループが編成されることになりました。それ以来、HTML 5ワーキンググループは少々ごまかしのある仕様を採用して、それをW3C的な表現で書き直すというプロセスを（そのプロセスに付随する駆け引きとともに）ゆっくり進めてきました。 2009年4月23日、HTML 5ワーキンググループはこの仕様の最新ドラフトをリリースしました。全体的に見て、このリリースは前回のリ
Photoshopで金色のテキストを作る方法 / ウェブデザインライブラリー
投稿日：2009年08月28日 レベル：初心者 ソフトウェア： このチュートリアルでは、Photoshopで金色のテキストを作ってみたいと思います。 Step1 ： はじめに Step2 ： スタイルを設定する Step3 ： 完成
Beginners Guide to jQuery Mouse Events | Devirtuoso
If you’re just starting out in jQuery, one of the most important things is to learn to make things interactive. This tutorial will show the basics of working with the mouse in jQuery. What We Will Be Making To keep things simple, we’re going to make a tooltip that pops up when you roll over a link. Also we’re going to make it so when a user clicks on the link, it displays a click message within
Adobe Flash Catalyst チュートリアル 簡単なポートフォリオの作成 | デベロッパーセンター
ダウンロード Adobe Flash Catalyst Betaリリースビルド チュートリアル素材（21.1MB、ZIP形式） チュートリアル使用上の注意 このチュートリアルは開発中のビルドを元に作成されているため、機能の仕様やユーザーインターフェイスが開発中に変更される場合があります。そのため、以前のビルドで作成したファイルを新しいビルドでは開けない場合があります。また、開発中の製品にはバグが含まれている場合があるため、業務に支障のないコンピューターで使用してください。 既知のバグ Betaリリースでは、UI 上に翻訳されていないメニューや文字切れているメニューがあります。 Photoshopファイルからプロジェクトを作成 デザインカンプをPhotoshop で確認する ダウンロードしたPSD 素材をPhotoshop で開き、レイヤーとフォルダーの構成を確認してください。 様々な要
Carsonified » 5 Advanced Photoshop Techniques for Web Designers
If we look at web design today, it’s anything but simple. Sometimes you need that extra Photoshop knowledge in order to achieve the look we need. In this step-by-step tutorial, I’m going to show you how to create five killer effects for your site. When I was choosing examples for this article I visited some design galleries and roundup posts and took screenshots of design details that are used (so
jQueryのイベントをチュートリアルで学ぶ（後編） (1/2)
(前編からの続き） イベント発生時に一度だけ命令を実行する one() 指定した要素で発生したイベントに対して、一度だけ実行する命令を設定できるのが one() です。 $(セレクター).one("イベント発生の条件",function(){ //イベント発生時に実行する命令 }) one() の括弧内にはイベント発生の条件を指定します。イベント発生の条件には、ここまでに説明してきた click や dblclick、mouseup、pusedown、mousemove、mouseout、mousemove などを記述します。その後を,（カンマ）で区切り、 function(){...} に実行したい命令を書きます。 次のサンプルでは、a要素がクリックされたときに、一度目は画像が切り替わり、二度目はa要素に設定されているリンク先に移動します。 ▼サンプル14（スクリプト部分） $(func
jQueryのイベントをチュートリアルで学ぶ（前編） (1/6)
jQueryを使ったプログラムの基本的な要素として、セレクターと(X)HTML/CSSを操作する命令について解説してきました。今回はもう1つの重要な要素である「イベント」を紹介します。 命令が実行されるタイミングを決める「イベント」 これまで見てきたように、jQueryを使ったプログラムは、セレクターで特定の(X)HTML要素を指定し、(X)HTMLやCSSを追加・変更します。サンプルプログラムは理解しやすいように、Webブラウザーで開くといきなりプログラムが実行されるものでしたが、本来必要なのはサイト制作者が意図したタイミングで実行されるプログラムですよね。では、タイミングはどのようにして指定するのでしょうか？ たとえば、第1回で紹介したアコーディオンパネルは「ユーザーが特定の要素をマウスでクリックしたときに、要素の高さを変更する」プログラムでした。ほかにも、マウスオーバーで画像が切り替
The Most Detailed PSD to HTML Tutorial
We have six unique text and video PSD to HTML conversion tutorials in this article. You will learn how to design web layouts in Adobe Photoshop and convert them into responsive HTML websites in no time! Table of Contents: Convert a PSD Template to Basic HTML Video Series Convert a PSD Template to Bootstrap Video Series Code a Responsive Website with HTML5 and CSS3 Design an Agency Landing Page in
John Resig - JavaScript Programmer
John Resig is best known as an expert in the JavaScript programming language and the creator of the most popular JavaScript library in the world: jQuery. He’s created numerous JavaScript projects that continue to be integral parts of modern day web development. He’s also the author of the popular JavaScript books: Secrets of the JavaScript Ninja, Pro JavaScript Techniques, and The GraphQL Guide. J
Coding An HTML 5 Layout From Scratch — Smashing Magazine
HTML5 and CSS3 have just arrived (kinda), and with them a whole new battle for the ‘best markup’ trophy has begun. Truth to be told, all these technologies are mere tools waiting for a skilled developer to work on the right project. As developers we shouldn’t get into pointless discussions of which markup is the best. They all lead to nowhere. Rather, we must get a brand new ideology and modify ou
『jQueryでマウスオーバーでスライドアニメーションさせる(解説付き)』
本を買わずに解決するWeb制作の小技 ホームページ作成でちょっとしたことを参考書を買わずに解決する方法をPHP CSS Webデザイン jQuery Flashを中心に便利な技をまとめていきます！現在、長野県長野市の制作会社でWeb作成中！ jQueryとCSSを使ってマウスオーバーでメニューが スライドするアニメーションさせるサンプルが紹介 されていたのでメモ 動きもクールでいい感じなので使えそうですね。 Animated Navigation with CSS & jQuery このテクニックを使えば、サイトのナビゲーション以外にも 使えそうです！ 今まではメモだけだったけど今後は、スキルアップ のために解析していきたいと思います 既にコメントが入っているので分かりやすかったです。 間違っていたら教えてください HTML<ul id="topnav"> <li><a href="#">
Web制作者なら知っておきたい３２の検索エンジン - かちびと.net
Web制作者は色々と素材やツールが必要ですが、いちいち全部Googleで検索していても 中々見つからなかったりします。そこでWeb製作者が知っておきたい、 ３２の「～に特化した検索エンジン」の数々をご紹介します。量が多いので目次を作成しました。 全て自分でオールマイティにスキルがあれば問題無いのでしょうけど。。 目次 1・アイコンサーチ 2・PDFドキュメントサーチ 3・画像サーチ 4・フリーフォントサーチ 5・ソフトウェアサーチ 6・チュートリアルサーチ 7・その他いろいろ アイコンサーチ アイコンを探せる検索エンジンです。 Iconfinder Ajaxで動きも軽快です。オンマウスでライセンスも表示します。 Iconfinder Iconlook 結果が１ページで表示されるので探すのが簡単です。 Iconlook icons-search Web2.0風が多い気がします。こちらも１ペー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ASCII.jp：Web制作の現場で使えるjQuery UIデザイン入門
Vertical Scroll Menu with jQuery - Awesome jQuery tutorials resource for you at jQuery Style
cssglobe.com
Blogger
Adam Oliver’s Blog » Blog Archive » View more or less content with jQuery
Fireworks CS4を買ったのでチュートリアル資料まとめ - IDEA*IDEA ～ 百式管理人のライフハックブログ
Design and Code Your First Website in 9 Easy-to-Understand Steps | Envato Tuts+
