Daily handpicked UI inspiration & patterns Find specific design inspiration for web, mobile and tablet. Search over 6,943 patterns categorized and handpicked for you.
漫画、アニメ、ライトノベル関係のロゴに使われているフォントの紹介。オタクのためのフォント読本「書体の研究」の情報も。「狼と香辛料」第壱話 〜我こそは誇り高き賢狼の狼である〜 from 混沌と勇気日記。 〜新たなる勇ましき無秩序の世界〜 01/11 22:24 みなみけ〜おかわり〜 1杯目「温泉、いただきます」 それが今重要か? from 裏オタク 01/11 04:42 シゴフミ 第1話「コクハク」 from 天使は瞳を閉じて 01/09 04:19 みなみけ~おかわり~ 第1話 from ニコパクブログ1号館 01/08 03:17 みなみけおかわり1杯目『温泉、いただきます』 from アニメ好きのケロポ 01/08 00:00 昨日の土曜日はこれを観ていました。 『乃木坂春香の秘密』の DVD 第1巻です。 で、同封されていた冊子にちょうど良い資料があったので、以
【2017年1月24日 追記】modern.ie のサイトがいつのまにかなくなっていたので、少し文言やリンクを変えました。 Microsoft が提供している、仮想化プラットフォーム向けの Windows イメージを利用することで、 無償で Mac 上にテスト用の Windows、IE 環境を構築することが可能です。 様々な Windows のバージョンと、IEのバージョンの組み合わせでイメージが配布されており、 フロントエンドの実装が特定のバージョンの IE 上でもうまく動くかを確認するためによく利用しています。 しかし、提供されている Windows は英語版なので、日本語入力ができません。 なので、基本的な挙動の確認だけであれば、 VirtualBox に提供されている Windows イメージをインストールするだけで十分なのですが、 日本語入力のテストだったり、テスト作業の効率を向
モーダルビューを「閉じる」ボタンの位置は右に置くべきか左に置くべきか。iOSにおいてはナビゲーションバーの右と左の2択であるため、逆に迷ってしまいがちなのかもしれません。 よくある話としては「設定ボタンがナビゲーションバーの左にあるのなら、同じように左側に閉じるボタンを配置するべきではないのか…」といったことをよく聞きますが、トリガーとなるボタンの位置はあまり関係なく、その後のモーダルビューでの内容や一貫性によって判断する必要があります。 モーダルとは ボタンの位置を考える前に、まずはモーダルとはどういったものかを紹介します。アプリケーションでのモーダルはユーザーに行動を制限し、特定のタスクに集中させるモードです。もちろんアプリケーションという意味では、ホームボタンを押したりマルチタスクにより他のアプリケーションを使うことができるため完全な制限ではありませんが、現在使用中のアプリケーション
2015-09-10 「サイトをつくる」のススメ はじめまして。 まみぺこです。 Webサイトをつくるお仕事をしています。 コーディングが大好きなWebデザイナーです。 デザインから HTML / CSS / JavaScript までやっています。 このブログもそうですがデザインからコードまで心をこめて手づくりしています。 これから「サイトをつくるといいよ〜」というお話をしてみます。 とくに「Webをつくるお仕事がしたい」という学生さんや 「やりたいことをしたい」「なにかつくりたい」 「変わりたい」っておもっているひとへむけて 実際に私のつくったサイトの例を紹介しながら たのしくいってみたいとおもいます! 「サイトをつくる」のススメ。 サイトをつくろう やりたいことがわからない。 つくりたいものがわからない。 そんなひとは なんでもいいからひとつ練習だとおもって サイトをつくってみるのは
このページは 「Bootstrap 3」について説明しています。Bootstrap 4 については、「Bootstrap 4入門」を参照してください。 Bootstrap は、スマートフォンなどのモバイル端末にも対応し、レスポンシブデザインを採用した HTML, CSS, JavaScript フレームワークです。 Twitter 社で開発され、最初は「Twitter Bootstrap」と呼ばれていましたが、現在は「Bootstrap」となりました。 ライセンスは MIT License で、商用利用も可能です。 現時点(2018年5月6日)の最新バージョンは 4.1.1 です。 Bootstrap 2 と Bootstrap 3 以降では一部互換性の無い機能があります。 2018年1月に Bootstrap 4 も正式リリースされました。
セーラー服の女子高生のポーズ集です。基本的なポーズから机で勉強しているシーンなど様々なポーズを収録しています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込みです。
iPhoneを買い換えた時は、前の端末のバックアップを新しい端末にリストア(復元)して使うでしょう。iTunesを使えば面倒な作業をせずとも新しい端末を使い始められるので、非常に便利です。しかし、端末に残っている特定のメッセージや写真だけを抜き取ったり削除したり、バックアップしたりなどの細かな操作はできません。 こうした操作は、iPhoneアプリを使わないと出来ないと思っていることはありませんか? 実はこんな時に使えるアプリがあるのでご紹介します。ご紹介するのは「AnyTrans」という名前のアプリで、Mac版とWindows版があります。出来ることはiTunesと被る部分もありますが、より細かなところまで手が届くのが特徴です。機能をいくつかご紹介しましょう。 想い出のメッセージをPCに保存 AnyTransには、メッセージをエクスポートする機能があります。エクスポートされたメッセージは、
僕はどうやったらRetina Displayが綺麗に表示されるか必死に模索する毎日です。(保護シート含め) ということで、今後のiPhone開発に”必須!!!"のRetina Display対応のデザインデータの作り方のコツについてご紹介します!
Adobe Creative Cloud アセットでPSD画像をスライスし、テキストのCSS情報を取得しよう こんにちは。まろCです。 雪がふりました。積もりはしませんでしたが。 そうですね、何かに例えるなら、白雪姫でした。 コーディングするとき、一番と言っていいほど時間がかかる箇所があります。それはPSDデータとのにらめっこです。 Fireworks派だった僕はLIGに入社して初めてPhotohopを触っているのですが、画像を切り出したり、テキストのサイズや行間を見て要素間のマージンを測ったりと、作業がいちいち面倒で時間がかかっていました。 しかし、なんと体感で6000倍ぐらい効率化してくれるWebツールがAdobeにあったのです。それがCreative Cloud アセットです Creative Cloud アセットとは https://assets.adobe.com/ ひとことで言
Bootstrapも標準化したDreamweaver CC 2015を使って、レスポンシブデザインを爆速で作る方法 こんにちは、デザイナーのぺちこです。 AdobeのCC2015がリリースされて2ヶ月ほど経ちましたね! 恥ずかしながらPhotoshop以外はまだ2015を導入していなかったため、先日どーんとアップデートに挑みました。 とはいっても、どんなアップデートがあったのか分からないままでは宝の持ち腐れ。新機能を色々と調べていたところ、いつの間にかDreamweaverがとても便利になっているらしいということを知りました。 どうやらDreamweaver CC2015では、 レスポンシブサイトのコーディングに便利なビジュアルメディアクエリーバーやリサイズバーの追加 Bootstrapのサポート Emmetの標準サポート 手軽にブラウザや実機で確認ができるデバイスプレビュー機能の追加 な
レスポンシブWebデザインから実機検証までサクッと:無料でCreative Cloudを使い倒せ(1)(1/2 ページ) はじめに 最近、ブラウザの幅に合わせてレイアウトを変える「レスポンシブWebデザイン」(参照記事:@IT:5分で分かるレスポンシブWebデザイン」を採用するWebサイトが増えてきました。レスポンシブの考え方は古くからあり、JavaScriptやFlashを利用してコンテンツをコントロールしていました。 さて、HTML4でレスポンシブなサイトを作ろうとすると、JavaScriptに頼るしかありませんでした。今でももちろん、さまざまなライブラリが公開されています。 HTML5になって、レスポンシブなサイトはより身近になりました。JavaScriptを使わなくても、CSS3のMediaQueryで解像度に合わせてCSSを切り替えるのが簡単にできるようになったのです。 しかし、
OSSのテキストエディター「Brackets」で使える、Web制作に便利なプラグインを紹介し、拡張機能マネージャーの使い方や便利なプラグインを探すコツ、プラグインのインストール方法について解説する。 OSSのテキストエディターの豊富なプラグインをいろいろと使ってみよう OSSのテキストエディター「Brackets」は、拡張が容易に行えて好みの環境にカスタマイズしやすいのが特徴の一つだ。 筆者は、以前の記事でもBracketsの使い方について紹介したが、今回はBracketsのお勧めプラグイン(拡張機能)を紹介していこう。 その前に、Bracketsでプラグインをインストールする「拡張機能マネージャー」を紹介しておく。 Bracketsの「拡張機能マネージャー」とは Bracketsでは「拡張機能マネージャー」を利用してプラグインのインストールやアンインストールができる。「拡張機能マネージャ
PCにインストールされている専用のメールソフトに比べて、Gmailは「Webがあればどこでも使える」「機能が豊富である」など、さまざまな長所がある反面、ネットワーク経由で利用するため動作が遅く感じることがあるかもしれない。そこで、Gmailを簡単に高速化する方法を紹介しよう。 簡易HTML形式に変更する Gmailの表示モードは標準HTML形式と簡易HTML形式がある。標準HTML形式はサポートされているブラウザから Gmail にログインすると表示されるページで、Gmailのすべての機能にアクセスできる。一方、サポートされていないブラウザからGmailにログインした時に表示されるのが簡易HTML形式だ。簡易HTML形式では、以下の機能が使えない。 チャット スペルチェック キーボード ショートカット 連絡先の追加または読み込み 「From」アドレスのカスタマイズ リッチテキスト形式 機能
はじめに 私は今34歳です。結婚して6年ですが子供はいません。 どうして子どもがいないのかと原因を考えると、ひとつは親の教えのせいかもしれません。 私の両親は私が物心ついた時にはすでに不仲でした。 しかし離婚はせず、母親は自分の結婚生活に不満たらたらの人で「子供が4人もいるせいで離婚出来なかった」とよく私たち子供に愚痴っていました。 末っ子の私は特にその愚痴の聞き役にされることが多く、私は子供の頃から母親に「子供なんか産むもんじゃないよ〜」と言われながら育てられました。 そのせいなのか、他の要因もあるのか自分でもよくわかりませんが私はごく自然と結婚や出産願望といったものが無いまま大人になりました。 夫婦共に子供が嫌いなわけではありません。 街で小さな子供を見ると純粋に可愛いと思いますし、夫がもしも突然亡くなったら1人ぼっちになってしまうのは悲しいので夫との間にあいのこが居たらいいな、とも思
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く