jQuery for Designers - Tutorials and screencasts
Welcome to jQuery for Designers Learn how easy it is to apply web interaction using jQuery Search Search for Featured Simple use of Event Delegation Posted on 14th June 2011 — Event delegation may be some techie term that you’d rather shy away from, but if you’ve not already used it, this example will show you a simple but powerful use of event delegation. View Tutorial 16 Comments Tutorials – It’
あなたのブラウザでJavaScriptを有効にする方法とその理由
もしあなたがWeb開発者なら、<span>どうやって<code><noscript></code>のコードをWebページに導入するかの<a href="#developer" id="devinfo">説明を参照してください</a>。</span> Google Chrome Webブラウザーのメニューから"Customize and control Google Chrome"をクリックし、"Settings"を選択して下さい。 "Settings"というセクションにある"Show advanced settings..."をクリックします。 "Privacy"内の"Content settings..."をクリックします。 ダイアログ・ウィンドウが開いたなら"JavaScript"というセクションを探し、"Allow all sites to run JavaScript
CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました
Webデザインをしていると、HTML と CSS だけではできない表現ってありますよね。そんな時によく使うのが jQuery。今回は jQuery っていまいちよく分からない ... っていう人が、jQuery に少しでも親しんでもらえたらいいなーと思って、知ってる事をまとめてみました。なので jQuery 初心者さん向けの記事です。 とっても当たり前なんですけど、Web サイトは基本的に HTML で書かれていて、デザインは CSS で装飾されていますよね。最近では CSS3 の登場で、簡単なアニメーションも CSS で作れるようになりました。でもクライアントワークでは、まだまだ CSS3 を使える部分が限られているし、Webデザインに少し動きなどをつけたい時などは、まだまだ jQuery を活用する事も多いです。 私は Javascript が苦手で、jQuery もどちらかというと苦
Visual Studio Code - NEW FEATURES: 13 Big Debugging Updates (Rich Object Hover, Conditional Breakpoints, Node.js, Mono, & More!) - User Ed - The blog of Ed Price, Customer Program Manager - Site Home - MSDN Blogs
In Visual Studio 2022 17.10 Preview 2, we’ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and/or debugging failed connections. Please install the latest Preview to try it out. Read on to learn what the Connection ...
Code a Vibrant Professional Web Design with HTML5/CSS3
Trevin serves as the VP of Marketing at WebFX. He has worked on over 450 marketing campaigns and has been building websites for over 25 years. His work has been featured by Search Engine Land, USA Today, Fast Company and Inc. Preview Demo Download Source This tutorial is Part 2 of a tutorial series that walks you through the design and coding of a vibrant and professional web layout. Part 1 dealt
40分で覚える！jQuery速習講座 (1/6)
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？ そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目：導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体（JavaScriptファイル）は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。
ブログ・テンプレート作成入門
MovableTypeのオリジナル・テンプレート作成を０から図解式で解説します。 ブログ・テンプレート作成入門トップ ブログテンプレートを０から作ります。 はてなブックマーク Yahoo!ブックマーク Movable Type3.2をインストールして、そのブログをブラウザで見ると、はじめにシンプルなデザインのブログが表示されます。 表示はシンプルなのですが、それに反して最初から用意されているスタイルシートの中身は非常に複雑な記述となっており、デザインを変更することが初心者には高いハードルとなっているのも事実です。最初は私も、タイトルや見出しの文字サイズを変更するだけでも30分以上もかかってしまいました。 そのため、当サイトでは、最初に設定されているスタイルシートやテンプレート用いずに、０からデザインテンプレートを作成する方法を紹介しています。インデックステンプレート、カテゴリテンプレート
Designing for the Future with HTML5+CSS3 : Tutorials and Best Practices | DevSnippets
HTML5 is the next major version of HTML. HTML5 provides some great new features for web designers who love to create readable code and semantically-meaningful layouts. HTML 5 introduces and enhances a wide range of features including: form controls, APIs, dragging and dropping, multimedia, drawing graphics on screen and a lot more. The new specifications has added quite a few interesting and usefu
チャレンジ！ Movable TypeをCMSとして使ってみよう！ 記事一覧 | gihyo.jp
第8回ブログ記事リストテンプレートを使って、カテゴリ別絵本一覧ページを作る 黒野明子 2008-12-29
Subversion
バージョン管理ツールSubversionの基礎練習です。 Windows XPのコマンドプロンプトでSubversionの基本的なコマンドを動かしていきます。 Subversionを学び始めるきっかけにどうぞ。 目次 はじめに ダウンロードとインストール リポジトリ用のディレクトリを作ります リポジトリを初期化します 新しいモジュールを作ってインポートします チェックアウトして作業開始 新しいファイルを追加します 新しいディレクトリを追加します 普段の作業はこんな風に進みます ファイル名を変更してみよう この文書に書かなかったこと 関連リンク 更新履歴 ぜひ、感想をお送りください はじめに Windows XPのコマンドプロンプトで、 バージョン管理ツールSubversionの基本的なコマンドを動かしてみましょう。 この文書の通りに実行すると、 基本的なSubversionのコマンドをひと
The Anatomy Of An Infographic: 5 Steps To Create A Powerful Visual - SpyreStudios
Information is very powerful but for the most bit it is bland and unimaginative. Infographics channel information in a visually pleasing, instantly understandable manner, making it not only powerful, but extremely beautiful. Once used predominantly to make maps more approachable, scientific charts less daunting and as key learning tools for children, inforgraphics have now permeated all aspects of
Learn How to Draw Hand-crafted Pixel Art in Photoshop | Envato Tuts+
Pixel illustrations are great for making computer icons, isometric images, and even whole scenes. They can be made quickly and easily using Photoshop with a couple of quick tweaks to the preference settings. The only drawback, though, is that the pixel art looks best when each pixel has been placed by hand as opposed to using a Photoshop filter. That's right, placed by hand—I know this sounds a li
Web Design Dev - Graphic and Web Design Blog
Social media is an integral part of our personal and professional lives. Every day we come across hundreds of social media images. It has overwhelmed the attention of most living people today. In addition, social media helps to connect with potential customers to achieve a specific business goal. As per the latest report from Statista, … Read more 20 Stunning Free Social Media Images, Graphics & V
Photoshopで人物の髪の毛を切り抜く｜| Woops'dez | Bloggin'
人物の切り抜きにはよく「パス」を使います。 しかしながら髪の毛はとっても大変。ここではちょっと楽が出来る切り抜きTIPSをお送りします。 まぁ、私のやり方なので名フォトショッパーさんはもっとグレイトなTIPSを持っているかも知れませんので、そしたら教えてくださいなー。 1.切り抜きをすませる 問題の部分は適当に残しておきましょう。 こんな感じ。 2.背景→レイヤーにする 鍵の付いているレイヤーをダブルクリックすると、「背景」ではなく「レイヤー」になります。こうすることで、チャンネルなどいろいろ遊べるようになります。 こんなダイアログが出てくるのでとりあえずOK押しちゃえ。 「背景」と「レイヤー」の違い 「背景」 消しゴムなどで消しても後ろが白いままで透過されない。 移動が出来ない チャンネルの複製など出来ない などなど レイヤーにするとこれらのことが全て出来るようになります。 3.「チャン
8 Best Web Design mockup tutorials on october 2009 | Blogfreakz - Web Design and Web Development resources
There is a nice selection of sites in todays Monthly Web Design mockup tutorials, especially from 1stwebdesigner and sixrevisions who have both created very clean and stylish sites . This sort of minimalism is perfect for conveying information quickly, as you might see on vinyl banners or promotional mugs. This roundup will not completed without minimalis design (designm.ag) my favorit one, wordpr
独自のWordPressテーマを作るチュートリアル20+ – creamu
TUTORIAL LOUNGEで、独自のWordPressテーマを作るチュートリアルがたくさん紹介されています。 ざっといくつかご紹介。 Photoshopで作るモックアップ（PSDダウンロード付き） WordPressのテーマを一から作る方法 Part 1（PSDダウンロード付き） WordPressのテーマを一から作る方法 Part 2（PSDダウンロード付き） WordPressのテーマを一から作る方法（PSDダウンロード付き） WordPressとjQueryでベーシックな新聞スタイルのデザインをするチュートリアル（PSDダウンロード付き） GreenPressのWordPressテーマデザイン（PSDダウンロード付き） デフォルトのテーマをカスタマイズしていく方法 水彩画タッチのブログデザインをするチュートリアル（PSDダウンロード付き） PSDファイルがダウンロードできたり、デ
単調なウェブサイトのデザインに手を加えてクオリティをアップするチュートリアル
ウェブサイトのデザインに、ビジュアルエレメントを追加したり、細部をブラッシュアップしたりしてクオリティをアップするPhotoshopのチュートリアルをPsdtuts+から紹介します。
Twitterの始め方とは？ ツイッターは何する所？など初心者必見ガイド | 初代編集長ブログ―安田英久
今日は、「Twitter始めたけど何すればいいのかわからない」という人のために、Twitterの基本的なことをざっくり解説します。 Twitterって見るもの？ 書くもの？どっちでもOK。まずは20人～30人くらいフォローして、流れるメッセージを眺めてみると、「なるほど、Twitterってこんな感じか」とわかります。個人的には、フォローしている人数が少ないとTwitterのおもしろさがわかりづらいと思います。50人とか100人とかフォローすると楽しさがわかってきますね。 ユーザー名が決められないユーザーが多いので、ありがちな名前はすでにとられてます。登録時には適当に数字を混ぜるなどして、とりあえずユーザー名を決めましょう。ユーザー名はあとから[設定]で変更できます。 フォローって何？ 「○○さんのつぶやきを自分のTwitterホーム画面に表示する」こと。相手のTwitter画面の名前の下に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ASCII.jp：Web制作の現場で使えるjQuery UIデザイン入門
http://www.themeflash.com/60-excellent-css3-tutorials-and-techniques-you-should-know/