国産のダミー画像生成サービス・「Placehold.jp」Placehold.jpは国産のダミー画像生成ツールです。画像サイズや任意のテキスト、背景やテキストカラーの変更や、JSONを使ったCSSによるカスタマイズなども可能です。 Placehold.jp
地味に便利！selectボックスをユーザーフレンドリーにするjQueryプラグイン「Chosen」
twitter facebook hatena google pocket セレクトボックスって選択項目が長くなると幅が広がったり、項目がいっぱいあると下のほうが見つけにくかったりしますよね。 jQueryプラグインのChosenを利用すると、指定した幅で文字を折り返したり、検索機能をつけることができ、利用者によって使い勝手がかなり良くなります。 sponsors 使用方法 Chosenからファイル一式をダウンロード。 JavaScriptを以下のように記述します。 <link rel="stylesheet" href="chosen.css" /> <script type="text/javascript" src="jquery-1.9.1.min.js"></script> <script src="chosen.jquery.js"></script> <script type
フラットで綺麗なUIライブラリFlatUIのモバイルテーマ「FlatUI」:phpspot開発日誌
ququplay/jquery-mobile-flat-ui-theme GitHub フラットで綺麗なUIライブラリFlatUIのモバイルテーマ「FlatUI」。 jQueryモバイルのテーマとして利用できます。なんというシンプルで美しいUIなんだろうと思ってしまいました。 デフォルトのjQueryモバイルテーマは見飽きたという方は試してみても良さそう UIはこうしてライブラリがどんどん出てくる、という中で、WEBエンジニアとして出来ることを今後考えなくてはいけないな、と思いますね 関連エントリ スマホの入力が超楽になりそうなjQueryモバイル用のオートコンプリートプラグイン GoogleAnalyticsの結果をjQueryMobileでモバイル端末で表示するサンプル モバイルブラウザでの高速クリックを実現するjQueryプラグイン「jQuery Fastbutton」
Fireworksで編集できる、iOS6ワイヤーフレーム「Adobe FW template for iOS 6 wireframing」
WEB制作の主流の制作ツールであるAdobe、Fireworks。photoshopとイラストレーターを組み合わせたような制作ツールで、多くの制作者に利用されていますが、今日紹介するのはFireworksで編集できる、iOS6ワイヤーフレーム「Adobe FW template for iOS 6 wireframing」です。 iOSの筐体のフレームデータの他に、タイトルやタブメニュー。ボタン、ローディングなどなど、iOSに必要なデザインパーツが網羅されています。 詳しくは以下 ダウンロードは、「Dribbble」のblueprint.pngと書かれたテキストリンクを開いた後の画像を保存すればFireworks pngデータを取得できます。 Fireworksで普段制作している方でアプリのデザインを始めようと言う方には良いワイヤーフレーム素材だと思います。これからスマートフォンサイトを設
水彩のさまざまな雰囲気を表現できるPhotoshopブラシまとめ「45 Free Watercolor, Ink And Splatters Brushes For Photoshop」
水彩のさまざまな雰囲気を表現できるPhotoshopブラシまとめ「45 Free Watercolor, Ink And Splatters Brushes For Photoshop」 カラーペンキや、絵の具などを利用した自然な塗りの雰囲気をPhotoshopで表現する際に便利なPhotoshopブラシをまとめた「45 Free Watercolor, Ink And Splatters Brushes For Photoshop」を今回は紹介したいと思います。 Watercolor Splatters by =pstutorialsws on deviantART 筆で塗り重ねたようなデザインが表現できるブラシから、絵の具が飛び散ったような雰囲気を再現できるブラシまで、さまざまなPhotoshopブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記より
PNGやEPS形式のワイヤーフレーム作成用キット・「WIRED」
WIREDはワイヤーフレームを作成するためのメディアファイルキットです。Webサイトでよく利用される様々なコンポーネントの素材がパッケージングされています。また、iPhone5用の素材もあるみたいです。 WIRED
アンケート作成サービスのTypeformが日本語に対応！
2013年4月22日 便利ツール Webサイト上でシンプルなアンケートが作成できるTypeformをご存知ですか？以前「マルチデバイス対応の【Typeform】で街頭アンケートがよりスムーズに行えそう！」という記事でも紹介しましたが、その時はまだ日本語の表示に不安な点も多々ありました。この度中の人から、フォーム部分は日本語に完全対応させ、新機能を搭載したとのご連絡をいただきましたので、改めて紹介します。 ↑私が10年以上利用している会計ソフト！ 紹介用動画です。その動画でもあるように、アンケートの入力にタブレットを使う企業が増えてきたなーと実感しております。というのも先日初めて訪れた某ジムの初回登録用アンケートでも、某ファッション・ブランドの「お客様の声」アンケートでもiPadを使っていたからです。しかし、どちらもデスクトップ用Webサイトでよくあるような登録フォームで、文字も小さく、入力
jQuery.Shapeshift
jQuery plugin which creates a column based grid system with drag and drop.Details Column Grid System: All items flow from left to right, top to bottom. Drag & Drop: Click and drag elements to move them, even to different containers. Responsive: Resize the browser window so see the grid change with the new dimensions. Works on Touch: Enable drag and drop on touch devices by using the included jQuer
Elusive-Icons Webfont
Elusive Icons is a webfont that can be used with any of your projects. Bootstrap-based, Foundation-based or even your custom projects! It was created by the need for an Open-Source font that can be used in your projects without licencing issues and/or other “attribution” claws. When downloading this font you’ll also receive all the icons in .svg vector format so you can play with them, improve the
25 Best Examples of Flat UI Design Websites - The Design Inspiration
Since 2006-2024. © The Design Inspiration All images copyright their respective owners. To make every designer's life easier, we decided to feature the best logos, illustrations, websites, photos and patterns from the most talented designers from all around the world. And we would like to make sure that you are getting the freshest and best quality design inspirations daily. Using an essay writer
Unslider | Laptop Reviews & Buying Guides
Gaming Laptop 4 Best Mini-LED Laptops in 2023 Regardless of whether you’re gaming or just need an excellent display, our recommendation for the best Mini-LED laptops in 2023 that you can buy should help. Read More 2-in-1 Laptops 4 Best 2-In-1 Gaming Laptops 2-in-1 gaming laptops do exist. Certain 2-in-1 laptops have beefy specs that make them viable for modern gaming. Read More Buying Guides 5 Bes
Awkward Showcase – A jQuery Plugin | Awkward Group - Digital Production Agency
Awkward Showcase is a plugin for the JavaScript Framework jQuery. We call it a Content Slider. But it can do more then just slide the content. For example you can add tooltips, enable thumbnails, activate dynamic height and lots more. Since version 1.0 it’s integrated with our Viewline Plugin enabling new innovative ways for displaying content on your website. Download on BitBucketView Demo
リリースされたばかりのカラースキームツールが簡単・便利で使いやすい！ -Colour Code
Colour Code http://colourco.de/ 、いいドメインだ！ 使い方は簡単です。 カラーの変更 マウスの左右で、色相を変更 マウスの上下で、光度を変更 スクロールで、彩度を変更 ※スクロールはMagic Mouseじゃないとできないかも 基本操作 クリックで、カラーをロック ロックされた鍵アイコンをクリックで、ロックの解除 カラーをクリックで、保存して新しいカラーを作成 ゴミ箱をクリックで、カラーの削除 まずは、流行のサーモン（#F38268）を右上のボックスにセットしてみます。
デザインがおしゃれな大学の公式サイト10選
大学のWebサイトといえば、かっちりとした企業サイトみたいなデザインが多いですが、最近はデザインに凝ったおしゃれで動きのある大学サイトも多くなってきました。 今回は、国公立、私立問わず、特におしゃれだと感じた大学サイトをピックアップしてみました。 武蔵野美術大学 [browser-shot url=”http://www.musabi.ac.jp/” width=”550″] 一見、大学のサイトには見えない、クリエイティブで洗練されたデザイン。 数の多いメニューも、上手く配置することによってユーザーにとってわかりやすくなっています。 デジタルハリウッド大学 [browser-shot url=”http://www.dhw.ac.jp/” width=”550″] フラットデザインを取り入れたとても今風なデザイン。 UIも分かりやすく、さすがデジハリという感じです。 京都精華大学 [bro
jQuery.flickable: iPhone and Android like flick scrolling plugin
See related links to what you are looking for.
タイムライン対応！新Facebookページのデザインのコツ！ - EC studio デザインブログ
2012年3月1日からFacebookページにタイムラインが適用されるようになりました。 3月30日には全Facebookページが強制的に新デザインに切り替わるので、 今のうちにデザインを修正して対応しちゃいましょう！ 新デザインの変更箇所まとめは、いろんなブログで紹介されているので、 今回は、デザイナー視点での、新デザインへの対応のコツをまとめました。 カバー写真を設定しよう！ まずは1番ユーザーの目をひくカバー写真を設定しましょう！ カバー写真とは1番上に表示される画像のことです。 最低幅399px以上の画像を設定してください。 サイズ的には851*315がキレイに表示されます。 （ただし、解像度の低いPCの場合は一部表示されないことがあります） このサイズより小さくても設定はできますが、画像が引き伸ばされて画質が落ちてしまうので注意が必要です。 画像を作成する際の注意点としては 「今
接続をセキュアにしているFBユーザーの離脱を避ける為にFacebookページをhttpsでアクセス出来るように設定する
僕も最近指摘を受けて対応したのですが、 アカウントのセキュリティをセキュア接続 にしているユーザーだと、普通のFacebook ページにアクセスした際に、ユーザーが 一旦解除しなくてはなりません。面倒だし、 割と離脱率高い気もするので、httpsに対応 しておきましょう。 今更感が漂う話題なんですけど、有名なサービスのFacebookページでも、非対応をかなり確認出来ましたので拡散してみようかと。該当するFacebookページは、オリジナルコンテンツをiFrameで表示するアプリとして登録してる方が対象となります。 因みにFacebookページの作り方は以前書いてるので必要でしたらご参考に・・ セキュア対応 Facebookでは、ユーザーがセキュアな接続を選択する事が出来ます。 アカウント→アカウント設定→アカウントのセキュリティ→セキュアな接続(https)にチェックを入れることで、不安
数多くあるスマートフォン向けフレームワークからぴったりのものが分かる -Mobile Frameworks Comparison Chart
ここでは、iOS, Android, Windows Mobile の3つをチェックします。 条件は、他にも下記のものがあります。 Platform iOS Android Windows Mobile Windows Phone Blackberry OS、など Target Mobile Website WebApp Native App Hybrid App Development language PHP Java Ruby Action Script C#、など Hardware Accelerometer Camera Capture Compass Connection、など User interface Adjustment Corporate Design UI Widgets Accessibility Other SDK Encryption Advertisemen
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
フラットUI