フォームの入力内容をチェックするjQueryバリデーションプラグイン「JQuery Form Validation And Hints」
twitter facebook hatena google pocket フォームに入力された内容を送信前にチェックするバリデーションの紹介です。 これにより、ユーザーの入力間違いを簡易的に防ぐことが可能です。 JQuery Form Validation And Hints sponsors 使用方法 JQuery Form Validation And Hintsからファイル一式をダウンロードします。 <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript" src="jquery.form-validation-and-hints.js"></script> 次に通常通りフォーム部分を記述したら、内容に応じてクラスを付与すれば完成です。 <for
ECサイトをデザインする時の8つのポイント
2017年6月29日 Webサイト制作, Webデザイン プログラミングに詳しくなくてもECサイトを設置できちゃうCMSがたくさんあります。そんなCMSを紹介…しようと思ったのですが、かちびと.netにまとめ記事があったので、そのへんはシロ氏にお任せして、今回はECサイトのデザイン部分に焦点をあててみたいと思います。ECサイトではその商品やマーケティングが重要になってきますが、サイト全体のデザインを工夫してユーザーの購買意欲をより刺激しましょう！ ↑私が10年以上利用している会計ソフト！ 1. 商品のデザインと合わせる ECサイトのデザインは、その商品を知ることから始まります。例えば商品が服ならそのブランドのデザインコンセプトはもちろん、どんな人が、どんな場所で着るのか、素材やよく使われている色合いなどを研究してみてください。 Apple http://www.apple.com/jp/
Typetester Compare fonts for the screen
Design Beautiful Typography One of the most popular applications for web designers is now a full-blown typography editor. Typetester classic that is known and loved by all is still online! Test and compare more than 2800 web fonts. The new Typetester is a WYSIWYG web typography editor. Create, export and share unlimited projects.
OSを選ばないウェブデザイナーのための使えるウェブアプリ15
OSがWindowsであろうと、ubuntuであろうと、共通のサービスを受けることができるのがウェブアプリケーションです。 ウェブデザイナーの中には、自宅ですでにubuntuを利用している人も多い。また、Mac、Windowsと、各自それぞれの使いやすい物を利用していると思います。 今回はこうしたウェブ開発を仕事としている人が利用しそうなツールをまとめてみたいと思います。 スケジュール管理 Googleカレンダー もはや説明不要のスケジュール管理システム。 ドラッグによる複数日数のスケジュール投稿は、なにかと連日作業になるウェブ製作にぴったり。 また、タスク管理も結合されたため、細かい作業などの記入も可能。なにより複数人での予定の共有もできるのが便利です。 メール Gmail もう使っている人も多数いるかもしれませんが、Googleが提供するGmailはかなり強烈なアプリケーションです。
まずは基本から・HTML5のCanvasについて参考になったサイトまとめ
WebデザインHTML5 Canvas ようやくHTML5に興味を持ち 始めました。サンプルを以前 記事にして、凄いなーと思っ ていましたが、なかなか時間 がなく、先延ばしに。 ようやくHTML5に興味を持ち始めました。 サンプルを以前記事にして、凄いなーと 思っていましたが、なかなか時間がなく、 先延ばしに。で、ようやく頭に入れ始めま した。なにするにも行動が遅くて困ります。 HTML5でも話題になっているCanvasを勉強し始めました。そんな中で、勉強の参考になりそうなサイトをブクマしたのでこれから学ぼう、とお考えの方とシェアしたいと思ってエントリー。 というわけで、基本的な情報がほとんどです。大量の情報を見ても混乱するのである程度絞っています。 html5.jp リファレンスサイトです。リンク先はcanvasカテゴリに。ここからスタート、というか最後までたぶんお世話になりそう。 ht
jsdo.it
Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a
[CSS]一つの要素に背景やボーダーをマルチプルに配置する実用的なテクニック
CSS3のマルチプルバックグランドを使用せずに、CSS2.1の擬似要素を使用して一つの要素に複数の背景やボーダーを配置するテクニックを紹介します。 Multiple Backgrounds and Borders with CSS 2.1 CSS3のサポートは必要なく、対応ブラウザはCSS2.1の擬似要素をサポートするIE8+, Fx3.5+, Safari 4+, Chrome 4+, Opera 10+となっています。 実装の仕組みは上記の画像のように、擬似要素の「:before」と「:after」を利用したもので、複数の背景やボーダーを配置することで面白い効果が得られます。 下記にその実用的で面白い効果をもったデモを紹介します。 マルチプル バックグランド デモ：Multiple Backgrounds with CSS 2.1 CSSファイル：backgrounds.css
「初めてのオリジナルWordPressテーマ作成」に役立つ記事3つ
WordPressテーマを作ろう WordPressのテーマをHTMLから 作成する方法を記事にしようと思 って5時間ほど書いてから、他に 記事が多数あって凹んだので、 代わりにそのテーマ作成記事を ご紹介します。 WordPressのテーマをHTMLから 作成する方法を記事にしようと思 って5時間ほど書いてから、他に 記事が多数あって凹んだので、 代わりにそのテーマ作成記事を ご紹介します。 HTMLからWPのテーマにするのはPHPの知識が無いと敷居が高いと思われてる方も少なくないかと思いますが、想像よりもかなり簡単です。以前書いたWordPressテーマカスタマイズ事始め・基本構造を理解してカスタマイズしてみるという記事が問題なければ作れるでしょう。 もちろん、複雑な構造のテーマはPHPの知識が必要ですが、通常のWebサイトをWPテーマ化する程度なら先ほどの構造といくつかのテンプレート
商用可・ビンテージ風の質感が素敵なフリーのソーシャルメディアアイコンセット・social vintage icons
ちょっと素敵だったのでメモ。 紙の質感と、ビンテージ感が 素敵なソーシャルメディアの アイコンセットです。こういう アイコンが似合うサイトを一回 作りたい。 ちょっと素敵だったのでメモ。 紙の質感と、ビンテージ感が 素敵なソーシャルメディアの アイコンセットです。こういう アイコンが似合うサイトを一回 作りたい。 なかなかかわいいですよ。手書き風とかテクスチャを使用したサイトに似合いそうです。 21 free social vintage icons 素敵な質感。「Free for personal and commercial use」とあるので、個人でも商用でも無料で利用できます。 こんな感じ。 一見ポラロイドな感じにも見えますね。以下よりDL出来ます。 21 free social vintage icons
より早くcssやhtmlのコーディングが行えそうな情報いろいろ - かちびと.net
cssやプログラミングマークアップをより早く Web制作を少しでも効率化しよう と思って（今更）いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 Web制作を少しでも効率化しよう と思って（今更）いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 コーディングをもっと円滑に、という旨の情報です。順不同。あんまり多いと逆効果なので量は絞りました。一応これでも絞りました。絞ったつもり。 zen-coding話題になったzen-coding。だいぶ慣れて来た方もいらっしゃるのでは。 zen-coding（本家）HTMLコーディングが3倍速くなる？「Zen-Coding」秀丸Zen- Codingマクロコーディングの効率化を図
無料でテクスチャやパターン画像を手に入れられるサイトいろいろ
いいテクスチャやパターン素材を紹介 されるよりも目で見ないと納得できない から自分で探したい！というこだわりを 持ったWebクリエイターの方も多いのでは 無いかと思います。そこで自分で探したい 方の為にテクスチャやパターン素材を 配布、生成出来る29サイトをご紹介します。 例によってライセンスはご自身でご確認下さい。 コメント頂いた際にライセンスの見方も書きましたのでご参考まで。 CG Textures かなりの数のカテゴリからテクスチャを探せます。 CG Textures Mayang’s Free Textures こちらもかなりの数。探しやすく、サイト自体も軽いです。 Mayang’s Free Textures TextureKing 337のテクスチャをストック。 TextureKing Lost and Taken テクスチャやパターン画像をブログで紹介。 Lost and T
20 Fresh Sets of Free Icons for Web Designers - Web Design Ledger
33 Comments Nice icon, great collections. I can see new social media icon at there, such us designmoo and designbump,but whereis thewebblend? Very very nice collection. Had some of them, but the rest are a nice addition to my UI set. Thanks a lot & keep up the good work! Excellent set. Great collection ans share. Thank you…. Hey thanks for including Roundy 🙂 these are lovely icons. thanks for the
Zen-Codingのショートカットをまとめてみました - EC studio デザインブログ
前回の記事ではZen-Codingの導入方法について解説しました。 今回はZen-Codingの機能とそれを実行するためのショートカットの解説をします。 ※2010/02/22現在の最新バージョン「Zen Coding for Aptana v0.6.0.1」を対象にしています。 なおAptana（Eclipse）の場合だとAptanaの方の機能に多くのショートカットが割り当てられているので、利用する環境によってはショートカットを変更する必要があります。Zen-Codingのデフォルトのショートカットが機能しない場合は、記事最後にまとめる変更方法を参考にしてください。 Expand Abbreviation（省略コードの展開） Win：Ctrl+E mac：Command+E Zen-Codingの主な機能のひとつです。
eclp.net - このウェブサイトは販売用です！ - eclp リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
今月最も使ったMacソフト10 – vanillate
１：echofon for mac twitterクライアントです。ついにver0系から1系になりました。マルチアカウント対応、サイドバーで詳細情報表示、ドラッグ＆ドロップで画像などのデータを添付。 公式retweet、コメント付retweet リストにも対応していて、マルチアカウントにも対応。 ２：パニック・ジャパン – Coda – Mac OS X 用 シングルウインドウ Web 構築環境 テキストエディタ + Transmit + CSS エディタ + ターミナル + ブック + More = 無限大。 基本的にテキストエディタとして使ってます。zen-cordingにも対応。 cakephpの.thtmlなど特殊な拡張子でもphp+htmlでカラーリング可能。 フォルダ操作やtransmit,photoshop,finderなどとも仲良し♪ ３：adobe photoshop
Fluid 960 Grid Systemをベースにしたwordpressテーマ – vanillate
960 Base Theme Fluid 960 Grid Systemをベースにしたwordpressテーマです。 装飾のない、960Base Theme CLEANと グレーの装飾のある960Base Theme SIMPLEが用意されています。 Tweet This! Share this on del.icio.us Bookmarks this on Hatena Bookmarks Clip this to Evernote Share this on Tumblr Share this on Facebook Subscribe to the comments for this post?
WordPressテーマカスタマイズ事始め・基本構造を理解してカスタマイズしてみる
WordPressWPカスタマイズ事始め WordPressを使っているけど、 PHP分からないし、カスタマイズ は未経験・・という方の為の カスタマイズ方法です。PHP を理解せずとも基本構造を ある程度理解すれば可能です。 WordPressを使っているけど、 PHP分からないし、カスタマイズ は未経験・・という方の為の カスタマイズ方法です。PHP を理解せずとも基本構造を ある程度理解すれば可能です。 PHP製のWordPressですので、当然PHPを理解していれば様々なカスタマイズが可能ですが、プログラミング自体まだ敷居はデザインより高いかもしれません。 でも、カスタマイズしてみたい！という方も多いと思いますので今回はカスタマイズ始めの1歩、的な内容です。 はじめにこれはPHPの記事ではありません。コピペ（ファイル間でのソースの移動など）が基本になるのでプログラマーさんからすれば
(1月26日)今日の「簡単海外記事」
1月26日の「簡単海外記事」です。 この記事は不定期に「英語が 分からなくても理解できる 海外有益コンテンツ」 を紹介していくコーナーです。 ヴィンテージスタイルのPhotoshopブラシ20個セット ヴィンテージ風のPhotoshopブラシたくさん。 20 Sets of Photoshop Brushes for Vintage Style Design ボタンデザインギャラリー ボタンのデザイン例。タイムリーでした。 Showcase of Buttons in Web Design Webデザイナーとデベロッパーの為のChromeエクステンション15 ほぼ既出ですが、気になったエクステも。。 15 Must Have Google Chrome Extensions for Web Designers & Developers 50の素晴らしいカラースキームを使ったWebサイト例
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5.JP - 次世代HTML標準 HTML5情報サイト
透過PNGをIE6以下のバージョンで綺麗に表示する方法 - DesignWalker