[Javascript] textareaで改行制限・文字数制限 <input type="text">は改行不可で文字数制限も可能。 しかし、指定幅で折り返してくれない。 そこでtextareaを使って改行不可、文字数制限可能な入力欄をつくってみた。 完成品はこれ。 textareaのhtmlは次の通り。 onkeypressとonkeyupイベントをひろって、Javascript関数を呼び出すようにする。 <textarea id="TextComment" style="height:50px;width:190px;" onkeyup="keyup(this);" onkeypress="keypress(this);"></textarea> JavascriptではEnterキーの入力チェック、文字数チェックを行う。 var MAX_LENGTH = 15; funct
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
SpriteMachine - Create css sprite images easily! CSSスプライトをドラッグ&ドロップで生成できる「SpriteMachine」。 簡単な設定の後、ZIPファイルをブラウザにドラッグ&ドロップすればスプライトファイルがダウンロードできるというもの。 お手軽で便利ですね。 ただ、個人的には、毎回全部アップロードするのは面倒だと感じるので、画像を新しく追加したい場合に、それまでの画像はそのまま使えて新しい物のみのCSSを表示してくれるなんていうツールがあったらよく使いそうだなと思いました。 関連エントリ CSSスプライトをブラウザにD&Dで速攻作れる「Instant Sprite」 サーバ側でCSSを保存したら直ぐにCSSが反映されるようにできる「CSSreflesh」 BackgroundImageでスプライトアニメーションさせるjQueryプ
Get Going. The world needs to hear from you. Now. Learn everything you need to get started for the upcoming programs at Drexel University, Sacramento. Representatives will be readily available to answer all questions, providing detailed information about curriculum, course schedules, our faculty and admission requirements. Get your higher education degree and give the world what it deserves. You.
2012年、当サイトでブックマークが多かったエントリーBest 20の紹介です。 今年はレスポンシブ、CSS3アニメーション、洗練されたデザインのUIが目立ったように思います。 3つともスマフォ絡みですね。 逆に、HTML5、jQueryは去年ほどではない気がしました、特にjQueryは来年のjQuery2に期待ですかね。 コリス 当サイトの購読は、RSS Feedをご利用すると便利です。 コリスのRSS Feed FeedBurner経由の方は、変更をお願いします! [ad#ad-2] 2012年、ブックマークが多かったエントリー 面接はスキル!転職時の面接でよく聞かれる23の質問とその対処方法 2012年版、漢字も揃っている日本語のフリーフォントのまとめ ウェブデザインのセンスを学ぼう、2012年上半期洗練されたディテールのUIデザインのまとめ ウェブデザインのセンスを磨く! 2012
サイズを変更するとアニメーションでパネルが移動するなどの派手な演出は一切無しで、レスポンシブ対応のレイアウトを素早く提供するjQueryのプラグインを紹介します。 jquery.columns -GitHub jquery.columnsのデモ jquery.columnsの使い方 jquery.columnsのデモ 対応ブラウザは、IE9/10, Firefox, Chrome, Safari, Operaです。 まずは、デスクトップサイズとして幅1,200pxでの表示から。 デモページ:幅480pxで表示 jquery.columnsの使い方 Step 1: 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.
In the following tutorial you will learn how to create a set of toggle buttons in Adobe Illustrator. We'll be using basic shapes and the Pathfinder panel to create this UI essential for anyones tool kit. Further more, you won't need the Pen Tool, so it's easy to follow along for beginners! Step 1 Hit Command + N to create a new document. Enter 600 in the width box and height boxes then click on th
フロントエンドでいろいろやっているQと申します。 ニックネームのQはエヴァQではない方のQです。 基本的に業務に関連する記事を書くことになっているのですが、特にそういうのは思いつきませんでした。というわけで今回は、普段の業務では使わないような基礎テクニックをとりとめもなく書いていきたいと思います。 コードの例はJavaScriptを用いていますが、特定の言語のみに限った話ではありませんので、お好きな言語に脳内変換してお読み流し下さい。
Working with hugedomains.com was a quick and easy process. We got to speak to multiple real people located in Colorado without having to wait on hold! Our only complaint was we felt we had to overpay more than this particular domain was worth, and we weren't able to negotiate it down to a level that we felt was fair. However, payment and delivery were seamless, and within a few hours we had all of
MachinariumRobot Adventure Game Machinarium is our first full-length adventure game in which players take on the role of a robot who has been exiled to the scrap heap. Players must use logic, collect important items, and solve environmental puzzles to get the robot back into the city of Machinarium so he can rescue his robot-girlfriend, save the head of the city, and defeat the bad guys from the B
Textures are great design components for both web and graphic design.A right texture use can totally change the overall look of your designs and make them extremely realistic.Some designs need to have a texture added to attract the viewers and make them feel like it’s real.As well as making your designs realistic,textures are really effective design elements for more appealing designs. In today’s
PDFpen for iPhoneは、PDFファイルを読み込んで、直接書き込みができるPDFファイル編集アプリだ。iPhone版の他に、iPad版とMac版があるが、それぞれ単独のアプリのため、個別に購入する必要がある。ペン、マーカー、矩形ツールなどを使用して、PDFファイルに文字や図形などを書き込めるほか、ページの入れ替え、削除、追加などのファイル編集も行える。 PDFファイルは、iTunesをはじめ、Dropbox、Evernote、Google Docs、FTPなどから読み込むことができる。Dropboxとは、自動同期設定が可能だ。また、まったく新たにPDFファイルを作成することもできる。新しくPDFファイルを作成する場合は、白紙(空白)、海外の大学ノートのような黄色の地に青い線のノート紙、白地に青いブロック線のグラフ用紙、写真から選択する。つまり、ノートアプリとして使うこともできる
[CSS]高性能すぎてビックリしました、レスポンシブデザイン用の超軽量フレームワーク -Kube Framework
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く