【CSS】Webアプリ化するときに有効！テキストや画像を選択不可するCSS Tips | unitopi - ユニトピ -
こんにちは。 本日はテキストや画像を選択不可にするCSSプロパティのご紹介です。 最近ではネイティブアプリ（それぞれの言語でストアでダウンロードするアプリです）ではなく、Webベースでアプリ化するサービスも増えてきていますので、WebっぽくならないTipsです。 さっそくコード -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer */ -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */ -webkit-user-select: none; /* Chrome, Safari, and Opera */ -webkit-touch-callout: none; /* Disable Android and
「Embedly」他社サービスを紹介する際のレスポンシブ対応ブログカード作成サービス
本サイト内のコンテンツはNORILOGが独自に制作しています。メーカー等から商品提供を受けることもありますが、その場合は記事内に明記しております。コンテンツの内容や評価に関するランキングの決定には一切関与していません。メーカー等の指示による表示部分にはPRを表記します。記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。詳しくはサイト運営ポリシーをご覧ください。 最近ブログを書いている上でクールで便利な外部リンク作成ツールだと思ったものを紹介。 それが無料で使える「Embedly」（エンベッドリー）。 はてなのブログカードに近い感覚で記事を貼り付けられる上に、レスポンシブ対応ときたら・・・これはもう使わないという理由が見つかりません。しかし世界中には面白いWEBサービスがいろいろありますね！
HTML入門者にオススメ！無料学習サイト11選＋使えるアプリ2つをご紹介
更新日: 2019年04月19日公開日: 2017年05月26日HTML入門者にオススメ！無料学習サイト11選＋使えるアプリ2つをご紹介 HTML学習を独学で進めるには難しく、途中で諦めそうになったというかたもいるかもしれません。そこで今回は、HTML初心者が無料で学べるサイトとアプリをご紹介します。 全て無料なので、ご自身に合ったサイトやアプリを見つけて学習を進めてみてください。 HTMLを無料で学べるサイト まずはウェブ上でHTMLを無料で学ぶことができるサイトをご紹介します。 Progate https://prog-8.com/ HTMLの基本的な操作を学ぶのであれば、Progateはおすすめのサイトと言えるでしょう。 実際にコードを書きながら学習することができるのが特徴で、資料も見やすく作り込まれており、スピーディかつ確実に力をつけていくことができます。 また、アドバイスやヒント
こいつぁ便利ね…！他サイトの記事紹介リンクをかっこ良く作成してくれる「Embedly」
人様のブログや他サイトの記事を紹介するためにいろんな方法をとっておりましたが、@shintarowfresh さんの最近捗ったweb系のあれこれって記事で知ったEmbedlyというサービスがなかなか良かったので導入＆カスタマイズしてみました。 Embedly 外部サイトを紹介するのに便利なEmbedlyの使い方 まずはこちらのページへGO。 ブックマークレットをブックマークバーにぶち込みます。 これで準備は完了。あな簡単し。 あとは紹介したいページにアクセスして、先ほど登録したブックマークレットをクリックすると… いいじゃない！下部のソースコードを貼り付ければおしまいです。 できあがりは↓こんな感じ。 ホント買って良かったこのレンズ！Sonnar T* FE 55mm F1.8 ZA（SEL55F18Z）実写レビュー レスポンシブ対応ですし、使い方も非常に簡単。こいつぁ便利ですね！ 最近捗
HTMLメール CSSガイド
14 November 2017 Outlook.com and the Outlook iOS app added support for CSS background images and some related properties, as well as certain Flexbox and Grid properties. Also added iOS 11 Mail to the guide, with no noticeable differences from iOS 10. 22 September 2017 Microsoft updated the Outlook apps for iOS and Android with more consistent CSS support, including media queries. 13 September 2017
WordPress.comに携わる唯一の日本人女性、高野直子のワークスタイルとは？ | キャリアハック（CAREER HACK）
日本におけるWordPressの第一人者である高野直子さんは、世界各地にいる社員のほとんどがリモートワークという米Automattic社の社員として、東京の自宅やコワーキングスペースで仕事をしている。国を超えて協力しあう同社のチームワークのあり方や、日本という枠を超えてグローバルな活躍の場をつかむためのポイントとは？ 【プロフィール】高野直子 高校時代の交換留学をきっかけにアメリカの大学に進学し、グラフィックおよびWebデザインを学ぶ。卒業後は地元福岡でネット系の企業に就職。その後アメリカに戻り、現地企業で翻訳、Webのフロントエンド開発などに携わる。それらの経験から「自身は会社員に向かない」「大企業は無駄が多い」とフリーランスに転向し、国内外の顧客からリモートでWeb制作の仕事を請け負うように。WordPressのオープンソースコミュニティに初期の頃から参加し、日本での普及に貢献。その活
最新Google検索結果タイトル表示ルール、押さえないとやばいよ
最新のGoogle検索結果表示ルールで悩んでいます ※3月13日追記：私が見ている環境ではほぼ改善されているようです。 最近、Googleの検索結果表示の変更に悩まされています。 先日「何という改悪！Google結果表示変更によるタイトルの特徴」でも触れた通り、Googleの検索結果の表示がいくつか変更されました。そしてさまざまな影響が出てきています。 変更点おさらい 1.タイトル文字サイズが一回り大きくなった 2.タイトル下カテゴリ文字サイズが一回り小さくなった 3.タイトルリンクの下線がなくなった 4.詳細文の行高さが縮まった 5.表示されるタイトル文字数が変わった これは6と同様 6.表示されるタイトルの分かち部分にルールが追加された 検索時にクリックする判断基準は？ ユーザーが検索した時に、何を基準にクリックしているかアンケートを取ってみました。 568人：56.74%「タイトルで
Websites for Text and Fonts That You’d Better Add to Bookmarks
2015年1月16日 フォント, 便利ツール 久しぶりにブックマークしているサイトを整理しました。という事でお掃除後の恒例行事？私がブックマークしているフォント・Webフォント・テキスト関連のWebサイトを、中の人へ感謝の気持ちも込めてシェアします！何年もお世話になっているサイトばかりですが、ここ最近はWebフォント関連のサイトが増えてきましたね。いいな！と思えるサイトがあれば嬉しいです。 ↑私が10年以上利用している会計ソフト！ フォント関連 フォントhack.jp フォントhack.jp 日本語の無料フォントの表示確認ができるサイト。複数のフォントを表示して比較することもできます。 dafont dafont 英字の無料フォントを大量に集めたサイト。大量すぎて眺めてたらいつも物凄く時間がたってますw ライセンスは各自要確認。 フォントガレージ フォントガレージ 日本語フォントの販売サイ
フリー写真素材サイトまとめ15選
こんにちは。学生ライターの池澤章太です。 Webで記事を書くときや資料を作るときに、フリー写真素材をよく使うと思います。しかし、イメージに合う写真や素材を見つけるってなかなか大変です。場合によっては商用利用できるか調べるなければいけませんし。 そんなときに、商用利用ができて、無料で使える素材サイトがまとめてあると便利ですよね。 ちなみに動画素材については送別会、結婚式に！映像制作に使える無料動画素材サイトまとめをご覧ください。 今回は、23個ほど素材サイトをまとめました。この記事をブックマークしておけば素材に困ったときに役立つはず！ 【こちらもおすすめ】 無料で商用利用OKのサイト特集 商用利用できるフリー写真素材サイトまとめ23選 ここでひとつ注意を。「フリー」という単語は、なにかと誤解を招きやすいですが、著作権がフリーだったり、クレジット表記が不要だったりする意味ではありません。各素材
jQuery 簡単かつ高性能なスライダー【bxslider】の設置 – Divスライド系の中では一番のオススメです。
$(function(){ $('#slider1').bxSlider({ auto:true, speed:1000, pause:500 }); }); <div id="slider1"> <div><img src="images/new1.jpg"></div> <div><img src="images/new2.jpg"></div> <div><img src="images/new3.jpg"></div> </div> $(function(){ $('#slider2').bxSlider({ auto:true, speed:1000, mode: 'fade', captions: true }); }); <div id="slider2"> <div><img src="images/new1.jpg" title="captions"></div> <di
フリーランス「Webデザイナー」向け請求書、源泉徴収税の書き方と作り方 – 請求書作成サービス「Misoca(ミソカ)」
今回から、実際にMisocaで請求書を発行した場合の例を元に、職業や職種別の請求書の書き方や注意点などをご紹介していきたいと思います。 請求書発行の際のご参考になれば幸いです。 第一回目の今日は、「フリーランスWebデザイナー」向けの請求書の書き方をご紹介します。 とその前に、 「請求書の作成が大変！」という方は、ミスなくカンタンに見積書や請求書が作れる「Misoca」がおすすめです！こちらからお試しください↓ Misocaを使ってみる ↓こんな風に項目を記入するだけで簡単に作成できてしまいますよ↓ 請求書を作成してみる Webデザイナーとは Webデザイナーは、Webサイトのデザイン制作からWebサイト内で使用するイラスト作成や写真の加工、バナー画像制作、HTML・CSSコーディング、FlashやJavaScriptによるインタラクション制作、WordPressやMovable Type
視覚障害者のサイト閲覧に最低限必要なアクセシビリティ4つのポイント｜オトイロ
今、世界中のほとんどの企業が、WEBサイトを持つ時代になり、 様々なWEBサイトやサービスが提供されています。 しかし、スクリーンリーダーを利用する視覚障害者にとって、 利用しやすい、WEBアクセシビリティに配慮されたサイトは決して多くありません。 今回は、ここだけ抑えておけば、視覚障害者がサイトを閲覧ができる という最低限必要なポイントを4つまとめましたので、ご紹介します。 ①img要素にalt属性で代替テキストを入れる 視覚障害者がスクリーンリーダーで読み上げる際、 障害になるのが、画像情報です。 画像情報に適切なテキストを挿入しておくことで、 視覚障害者でも適切な情報を得る事ができます。 オトイロで以前ご紹介したウイルス対策ソフト、ESET SMART SECURITYの販売ページは、WEBアクセシビリティに配慮されており、非常に使いやすくなっています。 赤い枠の部分は、「お得な価格
プラグインまとめ20選 | 株式会社LIG
1月が終わってしまった・・・・・ どうも正月が恋しい段田です。 今回はWordPressサイトを構築している時に役に立つプラグインを紹介したいと思います。タイプ別で分けて紹介します。 目次 デバッグ系プラグイン 記事操作系プラグイン パーマリンク系プラグイン データ移行・操作系プラグイン その他 デバッグ系プラグイン WordPress構築時にWordPress内の情報を確認したい場合に利用すると便利なプラグインです。 Debug Bar 開発時のデバッグで利用するとても有名なプラグインです。パラメータ情報やエラー情報を確認できたりします。 また、このプラグインの拡張用プラグインもいくつかあるので、多機能です。 必須プラグインと言っていいでしょう。 Debug Bar Debug-Bar-Extender 先ほど紹介したDebug Barを拡張するプラグインになります。利用するときはDeb
イモムシでjQuery入門 | 第1回デザイナーがイモムシで覚えるjQuery
こんにちは。kamecoです。 androidアプリをhtmlベースで作ったりしています。 それができるのも、jQueryの力でjavascriptをちょっと書けるようになったから。 ということで、jQueryを覚えよう！ 電卓で入門とか色々考えたのですが、 私が覚えた方法で。。 myベストイモムシを作ろう！！！！ とりあえずあなたのイモムシも用意しよう。 ダウンロード とりあえず名前を付けると愛着がわきます。 うちの子は「クロスケ」です。 ↑クロスケ。かわゆす。 練習で書いてた時から書き換えてないので、挙動がおかしいのは見逃してください。。 つまめます。動きます。顔変わります。などなど。 クロスケのjsもブログを書きながら新調してあげようと思います。 イモムシのhtml解説 これから使うhtmlですので構成や呼び出しているものを一応確認しておきます。 cssやh
ものスゴく便利なグリッド表示用ブックマークレット登場 | Web担当者Forum
Web担編集部の安田です。Web担のはてブ件数1万件超え（）を記念して、ご愛読のみなさんのお役にたてる便利なツールを作りました。名付けて、「位置調整可能なグリッドオーバーレイ」ブックマーク。ウェブデザインをする人なら日常的にdivの幅や隙間の長さを測ったりしていることでしょう。そういうときに手放せなくなるツールです。 akiyanさんが作った便利なグリッドオーバーレイのブックマークにインスパイヤされて、さらに便利な機能を盛り込んでみました。 名付けて、「位置調整可能なグリッドオーバーレイ」ブックマーク。 使い方その1普通のブックマークレットです。以下のリンクを右クリックして「お気に入りに追加」（IEの場合）または「このリンクをブックマーク」（Firefoxの場合）してください。 IEでは「追加しようとしているお気に入りは安全でない可能性があります。続行しますか？」とのセキュリティ警告が出ま
コーディングスピードはまだ上がる！！ <br>Zen-Coding カスタマイズ
コーディングスピードはまだ上がる！！ Zen-Coding カスタマイズ 2011-01-20 コーディング速度が"3倍！10倍！上がる"と言われてる Dreamweaver Documents and Settings/[ユーザー名]/Application Data/Adobe/Dreamweaver "バージョン"/ja_JP/ Configuration/Commands/ZenCoding/zen_settings.js Aptana [任意で保存したZen-Codingの場所]/zencoding.js(過去バージョンのファイル名は"zen_settings.js") Notepad++ [Notepad+の場所]/plugins/NppScripting/include/Zen Coding.js HTMLの言語を修正する(ついでにインデントも) 例えばhtml:xsで展開す
約物 - Wikipedia
この項目には、一部のコンピュータや閲覧ソフトで表示できない文字（後述にて記載されている記号など）が含まれています（詳細）。 約物（やくもの、英: punctuation mark）とは、言語の記述に使用する記述記号類の総称で、専らフォントなど組版を意識して使われる用語である。 具体的には、句読点・疑問符・括弧・アクセントなどのこと[1]。 元は印刷用語で、「しめくくるもの」の意。または、煉瓦・タイルなどで、縁に配置するために他と形状を変えてあるものを約物（「役物」とも書く）と称する。 約物は普通発音されないが、慣用的に用いられたり、文に意味付けを加えたり、音の表現でしかない平仮名や片仮名で表現しきれない意味付けを表現するのに使われる。 マークアップ言語とも似ているが、マークアップ言語は形式言語であるのに対し、約物の一般的な使い方としては、自然言語の一部として、それなりの約束事はあるものの厳
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
xml.vc
http://designdesigndesign.net/
HugeDomains.com
