CSS3の素晴らしいチュートリアル30「30 Excellent CSS3 Tutorials」
スマートフォンを中心に徐々に現場レベルでも利用されてきているCSS3。ブラウザの互換の問題から利用できない案件もありますが、求められるスキルの一つになっていくとは思います。今日紹介するのはそんなCSS3の素晴らしいチュートリアルを集めたエントリー「30 Excellent CSS3 Tutorials」です。 Making a CSS3 Animated Menu ナビゲーションメニュー、ボタンなどなど様々な表現のチュートリアルがまとめられています。今日はその中からいくつかピックアップして紹介したいと思います。 詳しくは以下 Create a Stylish Contact Form with HTML5 & CSS3 HTML5とCSS3を利用したスタイリッシュなシンプルなコンタクトフォーム。 How to Create a CSS3 Wheel Menu あまりみかけない、円形のメニュ
[CSS]スマフォ対応サイトのためにMedia Queriesをしっかり身につけるチュートリアル
iPhoneなどの小さいサイズのモニターをはじめ、2560pxの大きいサイズのモニターなど、それぞれの幅に適したレイアウトを自動的に適用するMedia Queriesをしっかりと身につけるためのスタイルシートのチュートリアルを紹介します。 Adaptive & Mobile Design with CSS3 Media Queries [ad#ad-2] 下記は各ポイントを意訳したものです。 デモページの確認 HTML CSS Media Queries 完成したデモの確認 デモページの確認 チュートリアルの前にまず、それがどのように見えるかデモページをチェックしてみてください。 このデモページはHTML5+CSS3 Media Queriesで作成されており、ユーザーが使用しているビューポートのサイズに適したレイアウトに自動調整して表示されます。 デモページ 左から、ノーマル、ナロウ、ス
ソース付き！HTML5を学ぶためのチュートリアル10選「10 Cool and Useful HTML 5 Tutorials」
TOP > WebDesign > ソース付き！HTML5を学ぶためのチュートリアル10選「10 Cool and Useful HTML 5 Tutorials」 開発者の間では次世代の規格として注目を集めているHTML5。まだまだブラウザも対応していない部分もあり商業デザインではなかなか使いづらいところもありますが、従来のHTMLと比べてかなり表現できる幅が広く、確実に今後WEBデザインの世界では必要となってくるものだと思います。今日紹介するのはそんなHTML5を学ぶためのチュートリアル10選「10 Cool and Useful HTML 5 Tutorials」です。 Design & Code a Cool iPhone App Website in HTML5 レイアウト的なものからJSと組合わえたものまで様々なHTML5のテクニックが学べるチュートリアルがまとめられて
Photoshopで写真をキャンバス地っぽくする方法 / ウェブデザインライブラリー
投稿日：2010年08月03日 レベル：初級者 ソフトウェア： このチュートリアルでは、写真をキャンバス地っぽくする方法を紹介します。 Step1 ： 画像にノイズとぼかしを加える Step2 ： 画像をシャープにする Step3 ： キャンバス地のレイヤーを作る Step4 ： キャンバス地の縦ラインをつくる Step5 ： キャンバス地の横ラインをつくる Step6 ： さいごに このチュートリアルを始める前に、加工を施すのに適当な画像を見つけなければいません。 Google画像検索を使うか、私の画像を使うとよいでしょう。 画像を開き、まず最初にCtrl+Jを押して、レイヤーをコピーしてください。 「イメージ」-「色調補正」-「彩度を下げる」を使って、コピーしたレイヤーの彩度を下げた後、不透明度を70％にしてください。 これらの2つのレイヤーを1つに結合し、「フィルター」-「
Re：zapa氏 今更ですが、jQueryにはまりました - ホームページを作る人のネタ帳
ZAPA氏の記事。 ニュータイプなJSライブラリjQueryを使ってみよう！ これを見てから3日間。 ブログもあまりかけずこればっかりいじって遊んでました。 睡眠時間も1日2時間くらいになり、今日は書こうと思います。 まずZAPA氏、きっかけをありがとう。 私はJavaScriptの知識がほぼ皆無な人間です。 そんな私でもjQueryは簡単に使える為、面白くてはまりました。 ただ、お恥ずかしい話、PHPを使ってJavaScriptをある程度制御しなければ私は使いこなせません。 ですが恐ろしく簡単にこれまでこのブログで紹介してきたようなJavaScriptアプリと同等のものを作れる為、これははまります。 JavaScriptダメダメの私でも出来ました データベース接続部や、なんやかんやは全てPHPでまかない、動作部分やFormなどはｊQueryに投げる。 こんな方法で色々試して見ましたが、A
できた！をかなえるチュートリアルマガジン DEKIMAGA（デキマガ）
より持続可能で思いやりのある世界を追求する中で、植物ベースの食事がグリーンリビング運動の極めて重要な側面として浮上しています。 動物性食品よりも果物、野菜、穀物、ナッツ、種子を優先するこの食生活の変化は、単なるトレンドではなく、環境、健康、倫理に大きなメリットをもたらす、深いライフスタイルの選択です。 植物ベースの食事を採用することが環境に配慮した生活の基礎である理由と、それがどのようにして世界中に前向きな変化の波及効果をもたらすことができるのかを詳しく見てみましょう。 地球にとっての勝利 植物ベースの食事に関する環境問題には説得力があります。 農業、特に肉や乳製品の生産は、温室効果ガスの排出、森林破壊、水の枯渇、生物多様性の損失の主な原因となっています。 植物ベースの食品を選択することで、環境への影響を大幅に削減します。 植物は動物製品と比べて生産に必要な土地、水、エネルギーが少なくて済
360°フォト(ボクノホシ)の作り方 - Vox
この写真のような360°全てが写った写真は簡単に作ることができます。 1.撮影 360°全ての範囲が写るよう、少しづつ写る範囲を重ねながら写真を撮ります。上方や足下を撮ることも忘れないように。 ワンポイント：この時、カメラを向けた方向によって明るさがまちまちでは、後の処理の合成で "むら"がでる可能性があります。撮影時はマニュアル設定にするか、カメラのAEロックボタンを使用して露出が一定となるようにして撮影すると良いです。 2.パノラマ合成 撮影した多数の写真を1枚の画像に合成します。合成には Microsoft Image Composit Editor を使用します。このソフトは無料です。 Microsoft Research Image Composite Editor (ICE) (Microsoft ) research.microsoft.com/ivm/ice.html
Photoshop SFX:集中線を描く
■使用Photoshopバージョン：Photoshop CS2 作成：09.17.2006 改訂：MM.DD.YYYY ★この商品についての詳細はこちら＞＞レゴ クリエイター レゴ クリエイター・ロードスター 4896 もとになる画像を用意して、レイヤーに配置します。 今回、背景はあらかじめ黒色で塗りつぶしてあります。 ［イメージ］メニューの［カンバスの回転］から［９０度時計回り］を選択して、 画像を横に倒します。 チャンネルパレットの［新規チャンネルを作成］ボタンをクリックして、 「アルファチャンネル１」を作成します。 「アルファチャンネル１」で画像の半分（正確でなくてもかまいません）を選択して、 白色で塗りつぶします。 選択範囲を解除（Ctrl＋D（Mac:Cmd+D）キー）してから、 ［フィルタ］メニューの［変形］の［波形...］を選択します。 波数「999」、種類「矩形波」、波長「
jQuery Tutorials for Designers
jQuery for Designers Here are 10 visual exmples to demonstrate on how to use jQuery to enchance user experience and semantic web design (view original jQuery Tutorials). Another awesome tutorial by Web Designer Wall. 1. Simple Slide Panel 2. Simple Disappear Effect 3. Chainable Effects 4a. Accordion 1 4b. Accordion 2 This one lets you specify which panel to open as default. 5a. Animated Hover 1 5b
Create a Jumbotron Effect in Photoshop | Denis Designs | Free Photoshop Tutorials & Inspirations for Web & Graphic Designers
In this tutorial we are going to use Photoshop create a jumbotron screen effect like you would see at big sporting events, with the LED lights representing each pixel. We are going to use some patterns as well as some filters to create our effect. What you will need Adobe Photoshop Baseball Photo Face photo Step 1 Lets go get a baseball photo and open it up in Photoshop. I am going to add in “HOME
30 Tutorials for Getting Started with Adobe Illustrator - 1stWebDesigner
We all know that learning a new software application can be a difficult task, especially when that application is as complex as Adobe Illustrator! If you are learning by yourself, it can be a hard ride. This is why we have prepared this list of great AI tutorials, which you should read through, especially if you are just starting out with Adobe Illustrator. Enjoy the article and hopefully, learn a
WordPressのダッシュボードハックス – creamu
WordPressのダッシュボード（管理画面）をカスタマイズしたい。 そんなときにおすすめなのが、『10 WordPress dashboard hacks』。WordPressのダッシュボードハックスです。 クライアントにCMSとしてWordPressを提案して納品する場合、不要なメニューは外したり、ロゴを変えたりしたいですよね。いろいろとまとまっているのでご紹介。 ダッシュボードの不要なメニューを削除 「$restricted」に配列で不要なメニューを入れて、functionを「functions.php」に記述することで使わないメニューを削除する方法 ログイン時のロゴを変更 WordPressログイン時のロゴをオリジナルの物に変更する方法 ダッシュボードのロゴを変更 ダッシュボードのロゴをオリジナルのものに変える方法 アップデートのメッセージを非表示にする 「WordPress 2.
Photoshopで宇宙を創造する方法 / ウェブデザインライブラリー
投稿日：2009年11月13日 レベル：初心者 ソフトウェア： このチュートリアルでは、Photoshopで宇宙を作ってみたいと思います。 Step1 ： 星を作る Step2 ： 星雲を作る Step3 ： 惑星を作る 次のステップに沿って背景にほのかに輝く星を作ります。 モノクロのノイズを作ります。 「イメージ」−「色調補正」−「明るさ・コントラスト」を設定します。 最初のステップを繰り返します。 「明るさ・コントラスト」の操作を繰り返し、 上記・下記の二つのステップを6〜8回くらい繰り返すと程よい密度で本物に近い星空ができます。 背景が黒の新規レイヤーを作成して雲模様のフィルタを加えます。 「フィルタ」−「描画」−「雲模様」を選択します。 前景と背景の色が白黒で無の空間のようなコントラストがついているかを確認します。 「Ctrl」＋「F」キーを押してフィルターを複数回かけて
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://solidstate.jp/
新着記事
新着記事
一晩で覚えるjQueryの逆引き基礎サンプル7つ*ホームページを作る人のネタ帳
500AV导航大全精品_18禁黄网站男男禁片免费观看_99精品久久久久久久婷婷_国模GOGO无码人体啪啪_日韩AV人人夜夜澡人人爽
http://e0166nt.com/blog-entry-473.html
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP