HTML5 でフォームを作ってみる | Nutspress
3日目はHTML5+CSS3ベースのフォーム作成について。『Have a Field Day with HTML5 Forms』筆者はInayaili de León ロンドンのウェブデザイナー。これは視覚的なので、比較的わかりやすい内容になっています。ユーザビリティの観点からもフォームのマークアップというのは重要なところなので、その点でも参考になります。 ※フォーカスしたときにドロップダウンでユーザー名を選択できるようになっていますが、これは2日目で書かれていたHTML5仕組みのひとつWeb Storage（データをブラウザ側に蓄積する仕組み）かな。 1. フォームの入力項目のセクションわけとマークアップ どういったフォームかで入力内容は異なりますが、今回は購入用フォームということで、ユーザー情報（名前・メール・連絡先）とユーザーのお届け先情報、支払メソッドと3つのセクションに分け、項目
jQueryを使ったスムーズで美しいイメージスィッチャー | Nutspress
ほんまjQueryの活用範囲はとどまるところを知らないって感じ。なんせ、フェードとかのスムーズな動きはこれまでJavascriptとは違って上手く出来てるし、動作が軽いのもええ点です。 今回は先日のスライドショーとは違って、画像を切り替えるときにいろんな効果を使ったImageSwtchをいうのを見つけたので覚書。 ImageSwitch 動作としてはFade in、Fly in、Fly out、Flip in、Flip out、Scroll in、Scroll out、Single Door、Double Doorの9種類でどれもスムーズでかっちょいい動きをしてくれます。 こちらのサイト、プログラムももちろんだけど、デザインがまたおっ洒落～。プログラマーさんのサイトってどっちかっていうと無機質で愛想のないというか、デザインひどいサイトが多かったりするけど、ここはサイトデザインも格好いい。
テクスチャーを使ったフォトショップチュートリアル | Nutspress
テクスチャーやブラシを自由自在に使って画像を作ることが出来るのがフォトショップの特長のひとつで、この技術を覚えておくといろんなところに活用できます。『25 Photoshop Tutorials for Working with Textures』というエントリーでまとめられているので覚書。 Add Visual Texture 3 Easy Steps Add Visual Texture 3 Easy Steps Photoshop Paper Texture from Scratch then Create a Grungy Web Design with it! PPhotoshop Paper Texture from Scratch then Create a Grungy Web Design with it! How to Create a Grunge Style I
写真を水彩画風にかえるチュートリアル | Nutspress
水彩画と一口に言っても、フィルタの使い方やブラシ、レイヤー、エフェクトといろんな手法を巧み組み合わせることで、様々な雰囲気を持つ水彩画にかえていくことができます。 元画像 watercolor 単純にフォトショップのフィルタ（水彩）を使って加工したもの watercolor02 これだとかなり簡単に作ることができるけど、単調というか元画像をしっかり手入れしてないと少しもっさりした印象になってしまいます。もっとリアルな水彩画にしたいとか、質感のある水彩画にしたいとか、というときに役に立つエントリーを見つけたので覚書。 15 Artistic Watercolor Effects Photoshop Tutorials 15種類のチュートリアルが紹介されていて、そのどれもが素晴らしいものばかりです。 Transform Photo into Watercolor Painting まる
Nutspress
Since I have continued doing what I like, it is now work. 情報を集めるために始めたブログ（Nutspress）も趣味の内容が多くを占めるようになりました。 ウェブ関連企業に勤める傍らで始めたウェブデザインやスクラップデザインが今や本業となり、Yoshiko designs（445designs.com）として活動させていただいています。 2015年より田舎暮らしと称して兵庫県に移り住み、不便だけど豊かな自然に囲まれてデジタルだけではない手仕事を少し始めています。その様子は丹山波 – 田舎暮らしの中から生まれる新しいモノやコトで綴っています。 全てのことは「好き」から始まります。。。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
