2020年、知っておくと便利なCSSのプロパティのまとめ
ChromiumベースのEdgeもリリースされ、最近のブラウザ状況は大きく変わってきました。知っておくと便利なCSSのプロパティを紹介します。 一昔前まではJavaScriptでないと実装できなかったもの、CSS Gridでの中央揃え、Flexboxでの中央揃え、リストのカラーを変更する方法、アイコンの横並び、タイル状の背景をいい感じに配置など、実践的なテクニックが満載です。 Uncommon CSS Properties by Ahmad Shadeed はじめに CSS Gridでの中央揃え place-itemsプロパティ Flexboxと古き良きmargin: auto; あまり知られていない::marker疑似要素 text-alignプロパティ display: inline-flex;プロパティ column-ruleプロパティ background-repeat: roun
GPLやMITやCCなど主要ライセンスの内容と意味のまとめ
ＷＥＢ制作者にとっての強力な手助けとなる「無料素材」や、ＰＣの作業効率を格段に向上させる「フリーソフト」。ＷＥＢの世界では、もはやタダで手に入らないものは無いんじゃないかとさえ思えるほど、さまざまなものが無料で配布・提供されています。 しかしそれらは「使用料金が無料なだけ」であって、「完全に自由に使用する事が可能ではない」のです。 世の中に無料で出回っている画像やプログラムソースやアプリケーションなども、そのほぼ全てが、なんらかのライセンス（使用許諾条件）に添った形で配布・提供されているのです。 著作権を有する制作者本人が示す使用許諾条件を守る事は、制作者への敬意であると同時に、意図しない「著作権の侵害」を未然に防ぐ手段でもあります。 しかし、このライセンスというのが、なかなかに分かり難い。コムズカシイ文言の洪水だったり、そもそも英文だったり、GPLとかLGPLとかCCとか略語まみれだった
CSSでやりたかったことが数行のコードで実装できるスタイルシートの小技のまとめ -CSS Protips
リスト要素で実装したアイテム間の区切り線の最後だけ取り除く簡単なコード、リストの各アイテムをカンマ区切りで配置させるコード、テキスト表示をすべてのデバイスで最適化するコードなど、サイトやブログに役立つ便利なCSSのテクニックを紹介します。 CSS Protips -GitHub 当記事は、2015/11/4に公開した記事に追加分を加えたものです。 更新: 2016/3/7 13, 14, 15を追加。 更新: 2016/4/13 16, 17を追加。 CSS ProtipsのライセンスはCC0 1.0で、個人でも商用でも無料で利用できます。 スタイルシートの対応ブラウザはChrome, Firefox, Safari, Edge, IE11です。 1. リスト要素の最後だけ区切り線を削除 2. body要素に「line-height」を加える 3. 天地の中央に配置 4. リストをカンマ区
少しのコードで実装可能な20のWordPress小技集
2016年10月27日 Wordpress CSSの小技やjQueryの小技、スマートフォン対応など、これまで様々な小技集を紹介してきました。そこで今回はWordPressの小技を紹介しようと思います！基本から応用まで、簡単なコードで設置可能なので、WordPress初心者さんでも大丈夫！みなさんのサイトに合わせてカスタマイズしてくださいね！ ↑私が10年以上利用している会計ソフト！ 目次 カスタムメニューの設置 アイキャッチ画像（サムネイル画像）を利用する 検索ワードをハイライト Twitterのユーザー名を自動的にリンクさせる デバイスによってコンテンツ変える 画像を挿入する際、P タグで囲まないようにする 「続きを読む」リンクをカスタマイズ ショートコードを作成 ショートコードをテンプレートファイル内で実行する 古い記事にメッセージを表示する RSSフィードに画像を追加 記事に含まれ
インフラエンジニアとしてよく使うコマンド集 - Qiita
私がよく使うコマンド集となります。 参考に頂けたら幸いです。 随時更新するかと思います。 コマンドを打つ前に覚えておく事 ①サーバに負荷がかかるコマンドを打つ場合、下記をコマンドの先頭に付けましょう $ ionice -c 2 -n 7 nice -n 19 # -c 2：ディスクI/Oの実行優先度をベストエフォートで実行 # -n 7：さらにこのコマンドの優先度を低くする # -n 19：プロセスの実行優先度を一番低くする
Sublime Textの作業効率を飛躍的に上げるプラグイン31個 | aucfan Engineers' blog
こんにちは、湘南生まれデトロイト育ちのきんぐです。 入社してから1年半ほどWebマーケターをやった後、気付いたらエンジニアになってました。 そんなこんなで異動してから9ヶ月が経ち、合コン等で Q.「お仕事は何されてるんですか？」 A．「うぇ・・うぇぶえんじにあです。ほーむぺーじの運営してます。」 くらいは言えるようになったので、 本日は僕の相棒とも呼べる Sublime Text 2(3)のオススメプラグインを紹介したいと思います。 （そんな技術的なこと書いても、ね。） 私はSublime Text 2を使っていますが、これから導入する方はせっかくなので3使いましょう。 （当時2にあって3にはないプラグインがあった為未だに乗り換えてません） ※Sublime Textのインストール方法などは端折りますので、知りたい方は各自ggってくださいませ。 ■絶対入れるよねプラグイン ●A
ガチオタに聞く！ ガイドブックには載らない秋葉原の歩き方 | CHINTAI情報局
秋葉原の歩き方をガチオタに聞いてみた！ こんにちは。ヨッピーです。 あの二人が秋葉原を案内！ 本日は秋葉原にやって来ました。 ラジオ会館がリニューアルオープンしたり、新しいお店が次々にできたりと、都内で今一番勢いがある街と言っても過言ではないこの秋葉原。「秋葉原に住みたいよ！」という人もいるのではないでしょうか？ しかし、勢いがあるとはいえ、昔ながらの小さな商店もたくさんあるし、街の規模が大きいこともあって秋葉原に遊びに来ても「どこに行けば良いのか分からない……」という方も多いはず。 今日はそんな人々のために、秋葉原を知り尽くしたガチオタのお二人に案内していただこうと思います。 このお二人だーーー！ じゃん！ 左：ゴトウさん（43歳）。 古参テキストサイト「一流ホームページ」管理人でオタク歴30年。 秋葉原から徒歩圏内に生息。 右：pojiさん（34歳）。 オタク歴20年。ゴトウさんや著者
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
1万円以下で買える5つの「ワイシャツブランド」：お手頃価格なのに高品質、長く着られる - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -
ワイシャツ専門店として業界No.1の売上を誇る、東京シャツのブランド「BRICK HOUSE by Tokyo Shirts」。 こちらのワイシャツの魅力は何といっても、高いコストパフォーマンスにある。業界トップクラスの形態安定性など高い技術が施されたワイシャツにも関わらず、最も安い価格のものでは2000円以下から販売されているため、気軽に購入しやすいブランドだ。
![1万円以下で買える5つの「ワイシャツブランド」：お手頃価格なのに高品質、長く着られる - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -](https://cdn-ak-scissors.b.st-hatena.com/image/square/f010104623e386cb6f8f835bd2d5ca7696f8ab46/height=288;version=1;width=512/https%3A%2F%2Fimgs.u-note.me%2Fnote%2Fcaption%2F47499705.jpg)
どれか1つでも効果抜群。コミュニケーション上手になるための5つの習慣 | ライフハッカー・ジャパン
もっと自己主張ができるようになりたい、争いごとへの対処がうまくなりたい、人前で自分の気持ちを言えるようになりたいなど、コミュニケーションスキルを磨きたいという願いは、誰もが持っていることでしょう。 筆者の職業はジョブコーチ。そのため、クライアントとの会話にはほとんど、コミュニケーションの話題が伴います。相談に訪れる動機は人それぞれ大きく異なりますが、これまでの会話を思い返すと、実際に話している内容はそれほど複雑なことではありません。多くの人がコミュニケーションの基礎でつまづいているのです。 そこで、クライアントとの会話から得られたコミュニケーション力向上のコツを、5つお伝えします。1つでも役立ちそうなものがあれば、ぜひ会話のスキルとして取り入れてみてください。 「そうですね、でも～」よりも「そうですね、それに～」 「いいアイデアですね。でも、違うやり方の方がいいと思います」と言ってませんか
2014年版オンラインストレージサービス30選--無料でここまで使える（前編）
「2014年版オンラインストレージサービス30選--無料でここまで使える（後編）」はこちら。 超メジャーどころから新顔まで国内外のオンラインストレージサービス ウェブサービスで近年競争が激化しているジャンルといえば、なんといってもオンラインストレージサービスだろう。もともとサービスとしての寿命がそれほど長くなく、数年持たずに閉鎖の憂き目を見ることが多いジャンルだが、近年はこの傾向がいっそう顕著になり、大手企業が運営するサービスであっても撤退や無料プランの終息が相次いでいる。 ここ2～3年で完全に撤収したサービスとしてはリコーの「quanp」、NAVERの「Nドライブ」、キングソフトの「KDrive」、また無料プランを終息したサービスとしては「SugarSync」、「Wuala」などがある。オンラインストレージサービスの紹介記事では必ず名前が上がっていたサービスばかりで、その変遷のスピードの
UIデザインにおけるナビゲーションのデザインパターンまとめ | ベイジの社長ブログ
前回エントリーでは「UIデザイナーが理解しておくべき11種類のナビゲーションと特徴」として、ナビゲーションの種類を、機能的な側面から分類し、ご紹介しました。 続編となる今回は、ナビゲーションをデザイン的な側面からとらえ、形状、ふるまい（動き）、階層というの3種類の表現軸に分けて、ナビゲーションでよく使われているデザインというものを整理してみました。 形状のデザイン UIにおけるナビゲーション要素が、主にどのような形状でデザインされているか、というパターンをここではご紹介しています。 メニューバー メニューをボタン化し、バー状にまとめたデザインです。PCサイトのグローバルナビゲーションやローカルナビゲーションなどによく採用されます。 一覧性に優れ、一目でナビゲーション要素と分かるため、ユーザビリティに優れます。一方、ある程度の表示スペースを必要とするため、スマートフォンではあまり用いられない
私がよく使っているjQueryプラグインまとめ（スライダー、モーダルウィンドウなど）
こんにちは、暑いですね。脇汗すごいですね。僕が。 さて今回はWebページ作成時に、私がよく使っているjQueryプラグインをまとめてみました。（たまにjQueryが必須でないものもあります。） ※紹介しているプラグインを使用する際、ライセンスは各自で再度確認してくださいませ。 Owl Carousel 個人・商用利用可能。レスポンシブでいい感じに動作してくれるカルーセルスライダーです。動作もシンプルで綺麗だし、マークアップも簡単。テキストもOK。お気に入りのプラグインです。 Owl Carousel bxSlider 個人・商用利用可能。シンプルなスライダープラグインです。レスポンシブで動作し、カスタマイズもしやすく重宝します。 jQuery Content Slider | Responsive jQuery Slider | bxSlider Glide.js デモページがカッコイイス
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Gitチートシート - Qiita
用語 リポジトリ バージョン管理システムにおいて，プログラムやファイルを蓄積しておく場所． Gitではローカルリポジトリとリモートリポジトリの二種類のリポジトリを扱える． ローカルリポジトリ 現在作業中のリポジトリ．主に自分のPCや開発サーバーなどで作業する場合はローカルリポジトリとなる． また，リモートリポジトリからリポジトリをクローンして，自分のPC上やサーバー上に環境を構築することもできる． リモートリポジトリ 外部にあるリポジトリ．リモートリポジトリはローカルリポジトリを通じて作業を行う． 複数人での作業やインターネットに公開する場合に利用できる． ワーキングツリー ユーザーが編集したり新しいファイルを作成したりする場所． インデックス ワーキングツリーでの編集後，リポジトリへのコミットの前に次のコミットの対象となる状態を保持している場所． ブランチ 履歴の流れを分岐して記録してい
無料で読めるlinuxのテキスト
ウェブ上で無料で読めるお気に入りのlinux関連書籍をリストアップしてみました。 今後もいいものに出会えたら更新する予定です。 日本語で書かれたlinuxの本 Linux標準教科書（Ver2.0.0） LPI-JAPANによる初心者向けテキスト。簡潔にまとまっていて文章も読みやすい。 フォーマット : PDF EPUB iPADアプリ Androidアプリ http://www.lpi.or.jp/linuxtext/text.shtml Linux道場 同じくLPI-JAPANによるlinux入門。 フォーマット : html http://www.lpi.or.jp/lpic_all/linux/ Linuxマスター.JP（リナックスマスター.JP） 各内容が細かくページ分けされていてる。充実した内容の解説集。 Linux Tipsを眺めるだけでも役に立つ。 フォーマット : html
TwitterBootstrap入門(４)基本ＣＳＳ | 有限会社ワイバーン
4.1 文字の体裁 4.1.1 見出し ・HTML での<h1>～<h6>が全て有効で、以下のようなフォントサイズと見た目になっています。 h1のfont-sizeは、38.5pxです。 h2のfont-sizeは、31.5pxです。 h3のfont-sizeは、24.5pxです。 h4のfont-sizeは、17.5pxです。 h5のfont-sizeは、14pxです。 h6のfont-sizeは、11.9pxです。 <h1>h1のfont-sizeは、38.5pxです。</h1> <h2>h2のfont-sizeは、31.5pxです。</h2> <h3>h3のfont-sizeは、24.5pxです。</h3> <h4>h4のfont-sizeは、17.5pxです。</h4> <h5>h5のfont-sizeは、14pxです。</h5> <h6>h6のfont-sizeは、11.9px
仕事に関して覚えておくべき「たった一言の知恵」 | ライフハッカー・ジャパン
仕事に本当に必要なことというのは、案外シンプルなものです。今回は、仕事に関することについて、本当に覚えておくべき大事なことを一言でまとめてみました。 議論： すべての議論で勝とうとすると、すべての友だちを失うことになる。 ブレインストーミング： どんなに目的意識を持って取り組んでも、ほとんどのブレストは退屈なものだ。 ブランディング： ブランドは顧客の経験から生まれるもの。ブランディングでできることは商品にラベルを貼ることくらい。 ビジネス本： ほとんどのビジネス本は、言いたいことは10ページ分くらいで、残りの190ページはつなぎみたいなもの。その大半はケーススタディである。 キャリア： 自分が夢の仕事をするイメージを持っていなければ、たとえ夢があってもそれを実現できるチャンスは無いに等しい。 責任： どれだけ多くの責任を果たしたかではなく、責任を果たさなかったことがどれだけ少ないかで評価
Adobe製品の代わりに使える無料アプリ10+
2014年6月27日 Illustrator, Photoshop, 便利ツール PhotoshopやIllustratorなど、Adobeの製品はクリエイターの必需品のひとつとなっています。しかしその値段からなかなか手が出せない…という方も多いのではないでしょうか？今回はAdobe製品の代用として使える無料アプリをいくつか紹介します。金欠の学生さんや、様々な理由から脱Adobeを考えている方の参考になれば幸いです！ ↑私が10年以上利用している会計ソフト！ Photoshopの代わりに GIMP 長年Photoshopの代用として愛され続けているGIMP。Photoshopの拡張子であるpsdファイルが開けることはもちろん、Photoshop用のブラシなども利用可能。画像の編集・加工ツールとしてPhotoshopとほぼ同様の機能を備えています。日本語の公式チュートリアルも充実！私もお金の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
