CSSの作業効率がアップする、少し高度な使い方のまとめ
Webページやスマホアプリをはじめ、レスポンシブ対応ページなどで役立つ、CSSのあまり知られていない仕様や少し高度な使い方を紹介します。 Lesser known CSS quirks & advanced tips 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. 垂直方向のpaddingは要素の幅に対して相対的 02. マージンの相殺が適用されない条件 03. 不透明度でz-indexの積み重ね順序を変更できる 04. CSSのカスタムプロパティ（変数） 05. vertical-align: top | middle | bottom 06.「height: 100%;」の挙動 07. idとclassの詳細度 08. 属性のターゲティング 09. 複数の値を指定する場合、垂直、水平の順番になるとは限らない 10.
これぞプロのデザインテクニック！UIデザインの印象がよくなるデザインの知識とテクニックのまとめ
Webサイトやスマホアプリをデザインする際に、カラー・タイポグラフィ・レイアウトなどはどのようにすればうまくいくのか、ユーザーインターフェイスのデザインが一手間加えるだけでよくなるデザインの知識とテクニックを紹介します。 10 cheat codes for designing User Interfaces 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. テキストは重要、より大きく！ 2. 複数のブラックを作成しない 3. カラーを理解するためには数学が大切 4. 空白スペースを活用してグループ分け 5. カラーを使用して行を区切る 6. ドロップシャドウの代わりに乗算を使う 7. 一行の長さ 8. 新しいデザインに執着しない 9. ブランドカラーをアクセントとして使用する 10. リストにおけるビュレットのデザイン 1
【GitHub】1年以内に作成された人気リポジトリ20個をまとめました | HRナビ by リクルート
コードレビューや情報収集など、エンジニアの開発シーンに欠かせないGitHub。 技術者の興味関心や開発トレンドが詰まったサービスなので注目が集まることも多々。今年に入ってからはFreeCoodCampの総スター数が、長年トップだったbootstrapを上回ったことが話題になっています。 今回は、2015年9月30日〜2016年9月30日に作成されたリポジトリのなかでスター数が多いリポジトリ上位20個を集めました。 本稿のスター数、フォーク数は2016年9月30日9時現在の数値、メイン言語にはリポジトリ内の上位2言語を表示しています。 スター数が多い上位20リポジトリ 第1位：swift 2015年12月にオープンソース化したSwiftがスター数トップに。2016年9月13日にはSwift3.0がリリースされている。
『異世界から帰ったら江戸なのである』が面白過ぎたので個人的感想まとめ
小説家になろう：異世界から帰ったら江戸なのである http://ncode.syosetu.com/n9789bq/ ニコニコ大百科：異世界から帰ったら江戸なのである http://dic.nicovideo.jp/a/%E7%95%B0%E4%B8%96%E7%95%8C%E3%81%8B%E3%82%89%E5%B8%B0%E3%81%A3%E3%81%9F%E3%82%89%E6%B1%9F%E6%88%B8%E3%81%AA%E3%81%AE%E3%81%A7%E3%81%82%E3%82%8B ダイレクトマーケティングです
今更聞けない！？正しく覚えたいHTML5のマークアップ | CreativeTips
2015年9月13日2016年7月3日WEB制作 2014年10月28日にW3CがHTML5の正式勧告をしてから1年が過ぎようとしている。 HTML5はHTML4までの仕様とは大きく異なる部分が多く、複雑な面もある為、現在でも間違ったマークアップをしているサイトが少なからず見受けられる。 特にセクショニングに関してはどういう構造で組んでいいか、よく分からない人も多いと思う。（articleやsection,nav,asideの使い方等） そう思う一因として、このような事があった。 先日はてぶの人気エントリーを見ていたらこんな記事が上がっていたのだ。 http://html-five.jp/101/ 一通り見て、何でこの記事がはてぶの人気エントリーに上がってるのか気になった。 公開日が2012/03/26で結構古い情報（W3CのHTML5正式勧告がされる2年前）で間違っている所も多い。 それ
ブログやサイトのパフォーマンス改善やセキュリティ向上のためによく使う.htaccessの設定のまとめ
ブログやWebサイトのパフォーマンスの改善やSEO、セキュリティの向上に役立つ.htaccessの設定を紹介します。 ドメインをwww有り・無しに統一、新ドメインに引っ越した時のリダイレクト、URLをクリーンなものにしたり、共有サーバーでのPHPのバージョンを指定したりなど、すぐに利用できるものばかりです。 .htaccess Snippets -GitHub 元記事には有用な.htaccessのスニペットがPublic Domainでまとめられおり、それら全部に加えて.htaccessファイルの作成と使い方を加えました。 .htaccessファイルの作成と使い方 リライトとリダイレクトの設定 セキュリティの設定 パフォーマンスの設定 その他のいろいろ有用な設定 .htaccessファイルの作成と使い方 「.htaccess」ファイルを作成することは非常に簡単です。 テキストベースのアプリ
ブクマを通して今年を見る 2014年「はてなブックマーク 年間ランキング」100位まで - はてなニュース
語学、お金、人生――2014年のはてなブックマークでは、去年とは少し違った傾向のエントリーが増えました。前半は今年特に目立ったエントリーの傾向をおさらいし、後半は2014年の年間ブックマークランキングの上位100位までを発表します。集計期間は2013年12月11日～2014年12月10日です。 ■ 1位は語学学習のエントリー 今年、最もブックマークされたのは「[http://logmi.jp/13487:title=才能も留学も不要！ 外国語をたった6ヶ月でマスターできる「5つの原則」がすごい | ログミー[o_O］]」でした。国際的な講演会「TEDxLingnanUniversity」で行われたプレゼンテーションを文字起こししたもので、外国語を効率よく身に付けるためのノウハウが紹介されています。語学学習に関する記事は、2011年には5件・2012年には2件・2013年には1件のみと、減少
[Sublime Text]お気に入りテーマ・ショートカット・パッケージ｜Sublime Text Advent Calendar 2014 | tipsBear
[Sublime Text]お気に入りテーマ・ショートカット・パッケージ｜Sublime Text Advent Calendar 2014 この記事はSublime Text Advent Calendar 2014 23日目のエントリーです。 出会った時からすっかり恋に落ちてしまって、今でもずーっと公私ともにメインエディタとして使用しているSublime Text。本当に使いやすくて優秀な大好きなエディタです。 そんなSublime Textに少しでも恩返し出来たらいいなということで、今回はSublime Textのお気に入り機能を色々と綴ります。 お気に入りテーマ＆カラースキーム テーマ：「Flatland」 Sublime Textを触ってきて慣れてくるとやっぱり変えたいのがテーマとカラースキームです。しばらくずーっとデフォルトのmonokaiを使っていたのですが、ある日気分転換し
![[Sublime Text]お気に入りテーマ・ショートカット・パッケージ｜Sublime Text Advent Calendar 2014 | tipsBear](https://cdn-ak-scissors.b.st-hatena.com/image/square/c8a86b897afa286ef46ccb8afc858d7ad3a3ef79/height=288;version=1;width=512/https%3A%2F%2Ftipsbear.com%2Fwp-content%2Fuploads%2F018-670x292.png)
短時間睡眠のコツ｜簡単に睡眠の質を上げて快適に過ごす方法 | リスタ!
もし、短時間の睡眠で快適な生活ができたら、どれほどいいだろうかとお考えになったことは 一度はあると思います。 もしかしたら、既に試したことはあるけど、仕事に支障が出たり、身体の負担が大きくて、諦めた人もいるかもしれません。 実は、人間は1日3時間の睡眠を長く続けることができません。やみくもに力技で短眠を実践しても、いずれ体を壊す危険性さえがあります。それでも、短時間の睡眠で快適な生活ができる理由は、正しい短時間の睡眠のコツを実践しているからです。回復させる時間を作るからです。 そのコツがわかれば、1日に新たな時間が作れますし、今までやりたかった趣味を楽しんだり、新しい事に挑戦したり、将来のための勉強に時間を費やすことも可能になります。 そこで、短時間の睡眠で快適な生活ができるコツや方法、毎日の生活で、簡単に睡眠の質を上げる方法やその過ごし方まで今すぐ実践できる方法をご紹介します。 【目次】
知っておくと便利！あのサイトでさりげなく使われていたCSS小技集 - コムテブログ
TL;DR 2014/12/01：続編である「最近のサイトで使われていた CSS 小技集」を書きました。 今回は CSS のみで実現できるもの、動きあるエフェクトやこれから使用頻度が高くなりそうなものをメモしておきます。さり気なく使いたい CSS テクニックです。 画像 １．キュレーションサイト風のランキングボタン キュレーションサイトがサイドバーに「よくつけてる」ランキングボタンです。counter-incrementで数値を増加させ、content: counter()でカウンターを表示します。人気の記事を表示させる WP プラグイン等と組み合わせるといいですね。ざっくりとしたソースで申し訳ないです、微調整はお願いします。 html <ul class="sample"> <li><img src="xxx.png" /><span class="post-title">テストテストテ
日本が誇るゲーム文化。海外で「なにこれ奇妙」と評価された15のゲームタイトル : カラパイア
以下にあげる15のタイトルは海外サイトで特集されていたもので、原文に忠実に翻訳したものである。 1. はーとふる彼氏 —PC/Mac（2011年） 「はーとふる彼氏」は、イケ面鳩たちとの恋愛を楽しむ、ビジュアルノベル型乙女デートシミュレーションだ。タイトルの由来は「ハートフル（心からの）」と開発者の玻都もあ氏の名前に由来している。 唯一登場する人間である主人公の「十坂ひよこ」は、鳩ばかりが在学する聖ピジョネイション学園2年3組の女子学生。クラスメートとの交流や謎解きを行いながら、美しい羽をもった鳩たちを口説いて行く。ちなみに女性向けだ。 2. 蚊 — プレイステーション2（2001年） 血に飢えた靴をはいた蚊が、郊外に住む家族を恐怖のどん底にたたき落とす。人間に見つからないように飛び回りながら、一家から血を吸い尽くせ。見つかればピシャリとやられて一巻の終わりだ。 10年以上前の作品だが、コ
ファイナルファイトいろいろ その１
西谷 亮 @nin_arika 実はファイナルファイトの難易度にはラッキーパターンと不ラッキーパターンがあります。 かなり低い確率で難易度の変化が起こるんですね。 今日は調子いいんじゃね？とか、今日は体調が悪いかも…見たいなのを人工的に作ってみようかなと思ったからです。 2013-10-13 21:58:00
PC買ったら絶対入れてるソフト上げてけ : IT速報
2: 以下、＼(^o^)／でVIPがお送りします 2014/08/16(土) 12:22:59.98 ID:QP+eYJG20.net Norton 34: 以下、＼(^o^)／でVIPがお送りします 2014/08/16(土) 12:28:42.04 ID:qNHt8dPe0.net 2ちゃん専用ブラウザ 3: 以下、＼(^o^)／でVIPがお送りします 2014/08/16(土) 12:23:00.76 ID:mbEwbhFS0.net ジェーンスタイル Download：Jane Style 9: 以下、＼(^o^)／でVIPがお送りします 2014/08/16(土) 12:23:49.66 ID:1UZ36Jtm0.net baidu 12: 以下、＼(^o^)／でVIPがお送りします 2014/08/16(土) 12:24:04.18 ID:JMfORKgo0.net hao12
センス上がった！タイプ別に分けたWebデザインの参考になるサイトまとめ
作成：2014/06/30 更新：2014/11/01 Webデザイン > サイトのデザインセンス、または操作性などが良いのか悪いのかわからない。 オシャレで洗練されたデザインにするため、少しでもセンスを上げるために色々なサイトをチェックしておきたい。 今回はただWebデザインギャラリーサイトを紹介するのではなく、ページ別・職種・動き・制作別など「サイト制作時に役立つ」くくりでまとめました。コーポレートサイトやECサイト・自社サービスのデザイン考えるとき、提案前に一度は見ておきたいまとめ。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 配色 １．グラデーション＋フラットデザイン ２．ダッシュボードの配色例 ３．高級感を出す配色 ページ別 ４．採用ページ ５．404ページ 職種別 ６．和菓子系（不足の美） ７．女性向け（エディトリアルデザイン） ８．医療系 ９
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【保存版】一次情報をゲットするために確認するべきウェブサイトをまとめてみました（随時更新） - とある浪速の調査雑記
「天皇陛下お気持ち表明」 フォントは放送開始14分後、皿は27分後にほぼ特定、そして難関と思われた石も
Engadget | Technology News & Reviews
独学で学んできたWEBクリエイターだったけど、初心者に役立つサイトと学習方法を教える | CriativeTips
AniCollection - The easiest way to find, use and share CSS3 animations.
世界経済がいかにヤバイか語る : キニ速