CSSで二行目以降を1字下げる | MK2-BLOG～西宮のWEBデザイナー日記
注意書きが二行などになる場合、二行目からは1字下げて見た目を整えたい時がありますよね。 そんな時に使えるCSSです。注意書きだけじゃなく、箇条書きなどにも便利！ 結構使えるテクニックだと思います。 HTML <div class="att">※注意書きが二行などになる場合、二行目からは1字下げて見た目を整えたい時がありますよね。そんな時に使えるCSSです。注意書きだけじゃなく、箇条書きなどにも便利！</div> CSS .att { padding-left: 1em; text-indent: -1em; } ↑WEBデザインブログランキングです 良かったら応援お願いします♪ こちらの記事もチェックWEBデザイナーをやっててよかった！ 西宮のWEBデザイナ…ちゃんとCSSするためのスタイルガイド入門 先月、こちらの本の著…ホームページ制作実績 「ふぉるてぴあの音楽教室」様 ふぉるてぴあの
高速でPhotoshopを使う | esungo.com TIPS
各ページの内容には万全を期してはいますが、（1）私の解釈の間違い （2）参考にしたソースの間違い （3）情報が古くなったことによる間違い、の可能性が常にあります。内容の信頼性は各人の判断に委ねます。 また、あるサイトからあるサイトへリンクをはる場合、サイト運営者の許可は不必要だと考えます。したがって、当サイトへのリンクは自由ですが、URLはトップページ以外常に変わる可能性があります。 デジタルメディアである以上、コピー&ペーストを制限することはできないとあきらめていますが、著作権を放棄したわけではありません。 InternetExplorerでも問題なく見れると思いますが、FireFoxでみることをおすすめします。
Web制作者は要ブックマーク！制作時にいろいろと役立つ便利サイトのまとめ
Web制作時に、あれ？なんだっけな？って時に役立つ便利サイトを紹介します。 HTML5やCSS3の各ブラウザのバージョンごとのサポート状況、スクリーンサイズやデバイスごとのMedia Queriesの書き方、Bootstrap, Foundationなど各フレームワークの対応ブラウザやライセンス、ブラウザの各バージョンごとのCSS Hackなど、いざという時に役立つサイトばかりです。 Can I Use...Support tables for HTML5, CSS3 Can I Useは先月くらいにUIを刷新し、より使いやすくなりました。デスクトップ・モバイル用の各ブラウザでのバージョンごとのHTML5, CSS3のサポート状況がそれぞれ詳しく分かります。
WILLER TRAVEL（ウィラートラベル）
直行バスで行くネスタリゾート神戸 【日帰り・ホテルセット】アクティビティをご利用できる「1Dayパス」付き！
IFTTTでSiriを連携させるといろいろ便利：iOS版IFTTTがどんどん便利になってます | ライフハッカー・ジャパン
自動化ツール「IFTTT」のiOS版アプリがリリースされ、すでに多くの人がiOS用の素晴らしいレシピを考案しています。 「iPhone版IFTTTは本当に最強か：『写真』『連絡先』などiOSアプリを使った自動化レシピを作ってみた」でもその一部を紹介しましたが、ここでもう一度何ができるかをおさらいしてみましょう。iOS版で追加されたのは、iOSの「写真」「連絡先」「リマインダー」の3チャンネル。一見大したことではないと思われるかもしれませんが、これら3チャンネルを使って、とっても便利なことができるのです。 いつでもどこでも写真を自動バックアップ IFTTTアプリのいちばんわかりやすい使い方がこれ。iCloud以外の第2のバックアップを自動で作成してくれます。主要なクラウドストレージサービスに対応していて、設定も驚くほど簡単。次のレシピから、1つを設定してみましょう。 Dropboxにバックア
Sublime Text 2のショートカットキーで便利なやつ何個か（Windows版） - かちびと.net
Sublime Text 2で個人的によく 使うショートカットキーをご 紹介します。別件でメールして た時に聞かれたので書いてみる 事にしました。Windows版のショ ートカットになります。 個人的に便利だと感じたSublime Text 2のショートカットキーを紹介してみます。僕はまだ使い始めて半年くらいしか経って無いですし、機能を十分に使いこなせる訳では無いので参考程度という事で・・ 一括置換 文字列の一括置換です。便利なので、これがないエディタはもう使えません。 Ctrl+D（同じ文字を複数選択→一括編集） ↑ 任意のテキストの上にカーソルを合わせてからCtrl+Dで、その文字と同じ文字に標準をあわせられます。 Ctrlを押したまま、複数選択したいところにカーソルを再度持っていってDを押せばその場所も選択可能です。 ↑ 選択したテキストは一括編集できます。 ただし、同じ文字列「全て
Credit Card Test Numbers and Paypal Test Accounts
2013年8月28日 Webサイト制作 オンラインショップで最も使われている決済方法がクレジットカード決済。しかし、過去にオンラインショップを制作したことのあるWeb屋さんは、決済時の動作テスト方法にとまどった事はありませんか？動作確認に自分のクレジットカードを使っていたという人が多いかと思います。私もそうやってテストしていました…が、実は各種メジャークレジットカードではオンライン決算時用のテスト番号があるのです！便利ですよね！ ↑私が10年以上利用している会計ソフト！ 以下のクレジットカード番号を使えば、実際に決済が完了した時と同じ動作をします。もちろんテスト番号なので実際に入金などはありません。有効期限は現在の年月より先のものならなんでもOKです。 広く使われているこのテスト番号ですが、対応していないサービスもあります。番号自体のチェックは「【PHP】クレジットカードチェックサンプル」
chrome-life.com - このウェブサイトは販売用です！ - chrome life リソースおよび情報
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.
iPhone・iPadなどを4台まで充電できるスタンド『Converge』
スマートフォンやタブレット、Bluetoothヘッドセットや外部バッテリーなど、身の回りに充電を必要とするものが増えるにつれ、デスク周りが煩雑になりがちです。 この『Converge』は、4つのUSB充電ポートを内蔵し、充電中のデバイスをスッキリと並べておくことができるスタンド。 固定されたiPod用のドックはなく、背面のUSB電源ポートからケーブルを回し、デバイスの下に開けられたスリットから接続する仕組みを採用しています。 よってiPhone・iPadだけでなく、USBから充電できるあらゆるガジェットに対応。 ヘアピン状に湾曲した部分にケーブルを隠しておけるので、見た目もスッキリとします。 注意したいのは、この製品はあくまで充電するためのスタンドで、USBハブとしての機能は無いという点。 つまり、同期などのためにMac/PCと接続する場合は、別にケーブルを回す必要があります。 Quirk
PhotoshopでのWeb制作効率を向上させる「JSX」とは
ご存じの方もいらっしゃると思いますが、Adobe Photoshop は JavaScript で制御することができます。 Photoshop 用の JavaScript ファイルのことを「JSX」と呼びます。拡張子は .jsx です。 Photoshop を使ってWeb制作されている方は多いかと思いますが、Photoshop は本来写真加工用のソフトでありWebデザイン用のソフトではないため、特にレイアウト機能が Fireworks、Illustrator、InDesign などに比べ貧弱です。 しかし、JSX を使用することにより Photoshop のレイアウト機能やWeb制作向けの機能をある程度向上させることができます。 JSX は昔から Photoshop に搭載されていましたが、書き方の参考になるような書籍やサイトが少ないためかそれ程注目されていなかった気がします。 しかし、最
Macユーザーが案外知らないかもしれない便利なこと9個 | loveMac.jp
どーも。Macユーザーのはしくれです。普段何気なく使ってると、便利なのに案外気づかない機能がたくさんあったりもします。Macユーザーの知り合いなんかと話してて喜ばれたこと、また自分が知らなかったことなど、シェアしていきたいと思います。ヘヴィユーザーには当たり前のこともたくさんあるかも知れませんが、何かの参考になれば幸いです。 ちなみに、今回登場する画像の中で、愛らしいお菓子の画像は、フェイクスイーツと言って、粘土で作られたスイーツたちです。 全て、（Macユーザー仲間でもある）blingbling pumpkinsさんの作品で、今回写真掲載を許可していただきました！ありがとうございます。 3/31、4/1に開催される、日本かわいい博in新潟にも作品を展示されるそうですので、ひとつよしなにどうぞ。 command + deleteで行のカーソルより左側の文字が全部消える 見出しそのままですが
Photoshop CS5をもっと便利にする12のツール -Trevor Morris Scripts
Photoshop CS5の特にレイヤー周りの機能をもっと便利にする12のツールがまとまったエクステンションを紹介します。 12 New Photoshop Tools [ad#ad-2] Trevor Morris Scriptsの12のツール Trevor Morris Scriptsのインストール Trevor Morris Scriptsの12のツール Trevor Morris Scriptsには、Photoshopをもっと便利にする12のツールが揃っています。 便利なツール全12種 [ad#ad-2] 以下、左上から順に。 Horizontal Spacing 選択したレイヤーを水平方向に均等の間隔に分配します。 Vertical Spacing 選択したレイヤーを垂直方向に均等の間隔に分配します。 Center layer 選択したレイヤーを水平・垂直の真ん中に配置します。
大きなACアダプタでも左右に干渉せず利用可能なクネクネ曲がる電源タップ「Pivot Power」
家電やIT機器、ゲーム機などをたくさん所有しているとどんどんとコンセントが埋まっていき、電源タップが必要になりますが、大きなACアダプタがあると両隣の差し込み口が使えなくなってイライラしてしまうことがあります。ACアダプタの数に合わせて短い延長コードを繋ぐというのも手ですが、そもそもタップ側で対応できればいいのでは、ということで考えられたのが、タップ自体がぐねぐねと曲がる「Pivot Power」です。 quirky - Pivot Power Flexible Power Strip どういうときに便利なのかはこのムービーを見れば一発でわかります。 The Pivot Power Flexible Power Strip by Quirky - YouTube 電源タップに挿すことを前提として、隣のコンセントの邪魔をしないようにACアダプタ＋ACケーブル構成になっているハードウェアもあり
はてなブログ | 無料ブログを作成しよう
トルコ水紀行 －前編 イスタンブール－ みなさんこんばんは、地図子です！8月は久しぶりに毎月更新にしようと思います。今までずっと名古屋について書いてきましたが、ワープして・・・ トルコについて書きたいと思います。 2024年6月に念願のトルコに行ってきました。いつからトルコに行きたかったかわから…
WhatTheFont : MyFonts
To identify a font from an image, use a font finder or font identifier. These tools are great for finding the name of a font or similar alternatives. All you need to do is upload an image of the text by having it readily available on your device or taking a photo. Yes, WhatTheFont is a simple and easy font finder that can help you identify fonts. Just upload an image of the font you need identifie
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Snippets - NxWorld
【これは便利】あなたのWebサイト表示のどこが遅いかを一発で調べるブックマークレット | 初代編集長ブログ―安田英久
知っておいたら便利なCSS（スタイルシート）テクニック | CSS Lecture
sakurachiro.com
http://designaholic.cc/2012/03/post-128.html
