サクサク読めて、
アプリ限定の機能も多数!
アプリで開く
●はてなブックマークって?
●アプリ・拡張の紹介
●ユーザー登録
●ログイン
●ログアウト
maangie
id:maangie
●
44,016
ブックマーク
●
-
お気に入り
●
-
お気に入られ
タグ
●すべて
●
山口那津男
(1)
●
軍艦島
(1)
●
!twitter
(11)
●
#
(6)
●
*
(27381)
●
.NET
(61)
●
2004参院選
(2)
●
2005衆院選
(4)
●
2007参院選
(7)
●
2009衆院選
(67)
●
2010参院選
(18)
●
2012衆院選
(118)
●
2013参院選
(99)
●
2014衆院選
(24)
●
2016参院選
(14)
●
2017衆院選
(9)
●
2019参院選
(3)
●
2020東京五輪
(9)
●
2021衆院選
(2)
●
2022参院選
(1)
●
2030札幌五輪
(1)
●
@
(6)
●
AI(5)
●
API
(35)
●
ASP.NET
(13)
●
AWS
(1)
●
Ajax
(2)
●
Android
(36)
●
Apple
(24)
●
C(30)
●
C#
(87)
●
C++
(19)
●
COVID-19
(20)
●
CSS
(28)
●
CentOS
(46)
●
CoffeeScript
(13)
●
DB(11)
●
DOM
(29)
●
Facebook
(81)
●
GPT
(2)
●
HDD
(15)
●
HT(12)
●
HTTP
(2)
●
IT(749)
●
IT史
(118)
●
Java
(42)
●
JavaScript
(187)
●
J・P・サルトル
(29)
●
Lisp
(23)
●
Microsoft
(194)
●
OpenOffice
(4)
●
PC事件
(88)
●
PDF
(13)
●
Python
(2)
●
SF(160)
●
SNS
(1)
●
SQL
(115)
●
SoftBank
(17)
●
TDD
(1)
●
TPP
(102)
●
UNIX
(68)
●
Ubuntu
(42)
●
Visual Studio
(32)
●
Web制作
(10)
●
Wikileaks
(7)
●
Windows
(222)
●
YMO
(56)
●
YouTube
(277)
●
amazon
(2)
●
bootstrap
(43)
●
docker
(1)
●
emacs
(112)
●
gem
(3)
●
git
(69)
●
github
(3)
●
google
(258)
●
heroku
(4)
●
html
(8)
●
html5
(1)
●
iOS
(348)
●
iTunes
(12)
●
iphone
(12)
●
jquery
(37)
●
linux
(118)
●
mac
(100)
●
meteor
(5)
●
minecraft
(1)
●
mvc
(5)
●
news
(128)
●
osx
(1)
●
perl
(34)
●
php
(36)
●
pry
(1)
●
rails
(211)
●
rspec
(2)
●
ruby
(227)
●
swift
(2)
●
tips
(1)
●
twitter
(2137)
●
vagrant
(15)
●
vue
(1)
●
web
(317)
●
webサービス
(234)
●
webデザイン
(43)
●
web開発
(84)
●
wiki
(39)
●
zsh
(27)
●
あとで
(69)
●
あとで読む
(4034)
●
お笑い
(59)
●
のだめカンタービレ
(1)
●
ぶこめも
(1)
●
ほんこん
(1)
●
やしきたかじん
(1)
●
アイヌ
(46)
●
アニメ
(10)
●
アベノマスク
(2)
●
アメリカ合衆国
(416)
●
アルフィー
(7)
●
アンチウイルスソフト
(7)
●
アート
(6)
●
イスラム
(128)
●
インターネット
(113)
●
インフルエンザ
(32)
●
ウクライナ
(45)
●
エンジニア
(1)
●
オスプレイ
(61)
●
カスタマイズ
(12)
●
カルデロン一家
(36)
●
ガジェット
(35)
●
キリスト教
(58)
●
キーボード
(1)
●
クラウド
(20)
●
クルド問題
(5)
●
ゲーム
(97)
●
コーディングスタイル
(13)
●
ジェンダー
(109)
●
ジョージ・W・ブッシュ
(60)
●
スポーツ
(485)
●
スマホ
(1)
●
セキュリティ
(296)
●
ゼノフォビア
(3)
●
ソフトウェア
(19)
●
ダジャレ
(1)
●
チベット
(166)
●
チベット問題
(1)
●
チャンネル桜
(75)
●
ツール
(215)
●
テスト自動化
(3)
●
テラ豚丼
(13)
●
テレビ
(559)
●
デザイン
(4)
●
トリアージ
(4)
●
トリビア
(67)
●
トンデモ
(555)
●
ドナルド・トランプ
(1)
●
ニュース
(3)
●
ネタ
(671)
●
ネットワーク
(10)
●
ネット言論
(636)
●
バラク・オバマ
(209)
●
パズル
(8)
●
パレスチナ問題
(150)
●
ビッグモーター
(1)
●
ビルマ・ミャンマー
(1)
●
ファッション
(27)
●
フォント
(45)
●
プログラマ
(108)
●
プログラミング
(461)
●
プログラム
(83)
●
ヘイトスピーチ
(6)
●
ヘタリア
(11)
●
ホメオパシー
(39)
●
マイナンバー
(2)
●
マスメディア
(269)
●
メディアリテラシー
(370)
●
ラジオ
(5)
●
ラーメンズ
(2)
●
リファレンス
(1)
●
リーマン・ショック
(29)
●
レシピ
(5)
●
ロシア
(1)
●
上杉隆
(87)
●
下村博文
(60)
●
与謝野馨
(20)
●
世耕弘成
(19)
●
世襲
(13)
●
中国
(394)
●
中山成彬
(111)
●
中川昭一
(51)
●
中川秀直
(12)
●
中曽根康弘
(24)
●
中田宏
(14)
●
亀井静香
(29)
●
予測
(82)
●
事件
(343)
●
事故
(10)
●
事業仕分け
(19)
●
二階俊博
(1)
●
人権
(165)
●
人権は裁判で
(44)
●
人生
(95)
●
仕事
(176)
●
仙谷由人
(13)
●
仮想化
(61)
●
伊藤詩織
(1)
●
佐藤優
(31)
●
佐藤正久
(21)
●
保坂展人
(73)
●
保留
(1)
●
俺の英語力
(145)
●
倫理
(5)
●
光市母子殺害事件
(254)
●
八ッ場ダム
(13)
●
八木秀次
(12)
●
八重山教科書採択問題
(8)
●
内田樹
(88)
●
写真
(9)
●
前原誠司
(37)
●
加瀬英明
(20)
●
加藤勝信
(3)
●
加計学園
(1)
●
労使
(84)
●
労働
(512)
●
労務
(1)
●
勉強
(2)
●
動物
(117)
●
動画
(335)
●
勝谷誠彦
(20)
●
北朝鮮
(233)
●
医療
(822)
●
南京事件
(457)
●
原田知世
(10)
●
原発
(427)
●
反中デモ
(8)
●
取り調べの可視化
(7)
●
取調べの可視化
(21)
●
古森義久
(11)
●
台湾
(51)
●
司法
(519)
●
合理的差別
(17)
●
哲学
(8)
●
囲碁
(37)
●
国会
(124)
●
国家
(320)
●
国籍法改正問題
(87)
●
国際
(794)
●
在日米軍
(11)
●
在特会
(538)
●
坂本龍一
(14)
●
城内実
(61)
●
外国人参政権
(55)
●
外山恒一
(30)
●
大貫妙子
(1)
●
大野病院事件
(21)
●
大阪維新の会
(1)
●
夫婦別姓
(40)
●
安倍晋三
(1202)
●
安全保障
(1)
●
安部晋三
(2)
●
宗教
(3)
●
将棋
(114)
●
小林よしのり
(44)
●
小池晃
(3)
●
小池百合子
(34)
●
小沢一郎
(230)
●
小泉純一郎
(222)
●
小田嶋隆
(35)
●
尖閣ビデオ
(18)
●
尖閣諸島
(218)
●
山口那津男
(3)
●
山田宏
(4)
●
山谷えり子
(43)
●
岡田克也
(24)
●
岸田文雄
(5)
●
差別
(566)
●
平松邦夫
(18)
●
平沼赳夫
(64)
●
平野博文
(5)
●
建築
(2)
●
心理
(109)
●
忌野清志郎
(7)
●
志位和夫
(2)
●
思想
(175)
●
性犯罪
(78)
●
慰安婦
(822)
●
憲法
(218)
●
戦争
(4)
●
手品
(17)
●
技術
(169)
●
捕鯨
(92)
●
携帯電話
(33)
●
政治
(882)
●
政治資金パーティー
(1)
●
政経倫理
(62)
●
教育
(1234)
●
数学
(152)
●
文化
(17)
●
文化人類学
(2)
●
文字コード
(5)
●
文学
(58)
●
文章
(104)
●
新常用漢字表︵仮︶
(1)
●
日の丸党旗問題
(5)
●
日垣隆
(42)
●
日本郵政
(20)
●
映画
(714)
●
映画﹁靖国﹂問題
(100)
●
映画ネタ
(5)
●
普天間飛行場
(228)
●
暇空茜
(6)
●
書籍
(1154)
●
曽野綾子
(11)
●
曾野綾子
(82)
●
最後のパレード
(9)
●
朴槿恵
(23)
●
杉田水脈
(7)
●
李明博
(56)
●
村上春樹
(26)
●
東国原英夫
(46)
●
東日本大震災
(249)
●
東村山問題
(23)
●
東条英機
(1)
●
東浩紀
(42)
●
東金市女児殺害事件
(20)
●
松井一郎
(92)
●
枝野幸男
(51)
●
核密約
(5)
●
桜を見る会
(15)
●
森友学園問題
(3)
●
森喜朗
(24)
●
森永卓郎
(35)
●
森達也
(9)
●
検察
(104)
●
橋下徹
(1468)
●
櫻井よしこ
(77)
●
櫻田淳
(39)
●
歴史
(1288)
●
歴史修正主義
(72)
●
死刑
(159)
●
民族
(29)
●
水俣病
(25)
●
江川紹子
(84)
●
池田信夫
(64)
●
沖縄
(457)
●
河村たかし
(55)
●
河野太郎
(40)
●
河野洋平
(2)
●
河野談話
(187)
●
法律
(322)
●
派遣村
(85)
●
海江田万里
(22)
●
消費税
(113)
●
清水ミチコ
(11)
●
渡辺喜美
(27)
●
渡邊芳之
(12)
●
演劇
(23)
●
漫画
(222)
●
濱口桂一郎
(48)
●
瀬戸弘幸
(13)
●
片山さつき
(137)
●
物欲
(81)
●
特定秘密保護法
(41)
●
犯罪
(127)
●
猪瀬直樹
(72)
●
玄海原子力発電所
(25)
●
環境問題
(55)
●
生活
(197)
●
生活保護
(293)
●
田中眞紀子
(8)
●
田原総一朗
(93)
●
田母神俊雄
(296)
●
町山智浩
(162)
●
町村信孝
(26)
●
画像
(188)
●
画像処理
(32)
●
百田尚樹
(111)
●
矢野顕子
(10)
●
知恵
(5)
●
石原伸晃
(41)
●
石原慎太郎
(428)
●
石川知裕
(25)
●
石破茂
(100)
●
研究
(2)
●
社会
(1150)
●
社会運動
(68)
●
福島瑞穂
(23)
●
福島第一原発事故
(691)
●
福島香織
(6)
●
福田康夫
(79)
●
秋葉原通り魔事件
(3)
●
科学
(785)
●
秦郁彦
(4)
●
稲田朋美
(101)
●
竹中平蔵
(41)
●
竹原信一
(45)
●
竹田恒泰
(50)
●
笹川堯
(9)
●
管賀江留郎
(17)
●
米軍基地
(235)
●
籾井勝人
(45)
●
素材
(9)
●
経済
(723)
●
統一教会
(7)
●
統計
(148)
●
絵画
(39)
●
維新の会
(89)
●
維新政党・新風
(35)
●
義家弘介
(17)
●
職員アンケート
(16)
●
自殺
(174)
●
自然な感情
(12)
●
舛添要一
(34)
●
花岡信昭
(47)
●
芸能
(2)
●
芸能人
(106)
●
芸術
(17)
●
英語
(109)
●
荻上チキ
(63)
●
菅直人
(222)
●
菅義偉
(104)
●
萩生田光一
(4)
●
藤岡信勝
(15)
●
行政
(538)
●
表現の自由
(125)
●
袴田事件
(2)
●
裁判員制度
(79)
●
西原理恵子
(14)
●
西村修平
(11)
●
西村幸祐
(13)
●
西村眞悟
(16)
●
西松建設献金事件
(59)
●
観た映画
(8)
●
言葉
(376)
●
言語
(6)
●
話の種
(81)
●
誤植
(18)
●
読んだ本
(2)
●
警察
(214)
●
谷垣禎一
(55)
●
貧困
(201)
●
買った書籍
(3)
●
足利事件
(27)
●
足立康史
(2)
●
軍事
(703)
●
農業
(4)
●
農業体験実習
(2)
●
辻元清美
(26)
●
選挙
(592)
●
酒
(39)
●
野村修也
(8)
●
野球
(3)
●
野田佳彦
(154)
●
金美齢
(7)
●
錯視
(21)
●
長谷川豊
(14)
●
開発
(139)
●
阿比留瑠比
(44)
●
陸山会事件
(69)
●
障碍者郵便悪用事件
(54)
●
集団自決
(37)
●
靖國神社
(9)
●
韓国
(192)
●
音楽
(367)
●
食
(271)
●
飲食店
(2)
●
高市早苗
(6)
●
高校無償化
(75)
●
高田渡
(6)
●
鳩山由紀夫
(240)
●
鳩山邦夫
(12)
●
麻生太郎
(360)
●
*
(27381)
●
あとで読む
(4034)
●
twitter
(2137)
●
橋下徹
(1468)
●
歴史
(1288)
●
教育
(1234)
●
安倍晋三
(1202)
●
書籍
(1154)
●
社会
(1150)
●
政治
(882)
関連タグで絞り込む (10)
●
*
●
css
●
DOM
●
emacs
●
JavaScript
●
rails
●
webサービス
●
あとで読む
●
ツール
●
ネタ
タグの絞り込みを解除
CSSに関するmaangieのブックマーク (28)
●
119 users
●
qiita.com/yokoyoko_115
●テクノロジー
アドベントカレンダー初挑戦!21日目︵プラコレ的には10日目︶ こんにちは!横田です。 不適切なところがありましたらご指摘いただけると幸いです。 よろしくお願いします! 今一度見直したい﹁継承﹂ フロントをやっていて、そこまで日は浅くないのですが、これまであまりcssプロパティの﹁継承﹂について深く考えたことがありませんでした。 親要素からプロパティを指定していって、子要素で効いていなかったらまた指定しよう、ぐらいでした。 しかしたびたび思うのです。﹁またcolor: #555;って書くのか...﹂と。 そこで、継承についておさらいしてみました。 Sassなどでスマートに書ける今、変数や関数をつかってかっこよく書けるようになりましょう! 継承とは 親要素のプロパティの値が、子要素に引き継がれることです。 プロパティによって継承されるものとされないものに分かれます。 継承されるプロパティ 使
maangie
2019/12/21
●*
●css
●
453 users
●
sass-lang.com
●テクノロジー
Sass is the most mature, stable, and powerful professional grade CSS extension language in the world. CSS Compatible Sass is completely compatible with all versions of CSS. We take this compatibility seriously, so that you can seamlessly use any availableCSS libraries. Feature Rich Sass boasts more features and abilities than any other CSS extension language out there. The Sass Core Team has work
maangie
2017/04/01
●あとで読む
●CSS
●*
●
3 users
●
github.com/rails
●テクノロジー
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
maangie
2017/02/16
●*
●CSS
●
99 users
●
koala-app.com
●テクノロジー
Koala is a GUI application for Less, Sass, Compass and CoffeeScript compilation, to help web developers to use them more efficiently. Koala can run in windows, linux and mac.
maangie
2017/01/24
●css
●*
●
13 users
●
www.w3.org
●テクノロジー
CSS Snapshot 2023 W3C Group Note, 7 December 2023 More details about this document This version: https://www.w3.org/TR/2023/NOTE-css-2023-20231207/ Latest published version: https://www.w3.org/TR/css-2023/ Editor's Draft: https://drafts.csswg.org/css-2023/ History: https://www.w3.org/standards/history/css-2023 Feedback: CSSWG Issues Repository Editors: Tab Atkins Jr. (Google) Elika J. Etemad / fan
maangie
2016/11/02
●*
●CSS
●
169 users
●
www.sassmeister.com
●テクノロジー
SassMeister is a playground for Sass. Add some Sass and SassMeister will show you the rendered CSS.
maangie
2015/05/08
●CSS
●*
●webサービス
●
89 users
●
sass-lang.com
●テクノロジー
Sass is a stylesheet language that’s compiled to CSS. Itallows you to use variables, nested rules, mixins, functions, and more, all with a fully CSS-compatible syntax. Sass helps keep large stylesheets well-organized and makes iteasy to share design within and across projects. If you’re looking for an introduction to Sass, check out the tutorial. If you want to look up a built-in Sass function,
maangie
2015/05/08
●CSS
●*
●
6 users
●
github.com/antonj
●テクノロジー
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
maangie
2015/05/08
●*
●emacs
●CSS
●
1835 users
●
www.webcreatorbox.com
●テクノロジー
2015年3月18日 CSS 2011年に﹁少しのコードで実装可能な20のjQuery小技集﹂という記事で数々の便利な制作技を紹介したのですが、時は流れ、今ではCSSのみで表現できるものが多くなってきました。という事で今回はその記事内で紹介した技を中心に、かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる小技を紹介します。 ↑私が10年以上利用している会計ソフト! 目次 Div全体をクリックできるようにする テーブルの偶数・奇数の行の色を変える フォームにテキストを入れておき、フォーカスで消す︵文字色も変更︶ ラジオボタンとチェックボックスを装飾する スライドパネル アコーディオン ツールチップ 言語によってスタイルを変更 横並びのdivの高さ揃える ボックスを上下左右中央に配置する それでは実際にどんな事ができるのか見てみましょう!サンプルも作ったのでコードと
maangie
2015/03/17
●CSS
●*
●
15 users
●
ficc-workbook.tumblr.com
●テクノロジー
なんてことのない話ではありますが、マークアップのデバッグ方法の紹介です。 簡単だしちょっと便利なのでたまーに使うんですが、先日同僚が﹁なるほどー便利っすね﹂と知らなかったようなのでちょっと紹介してみます。 ︵メジャーなやり方なのかどうなのかよくわからないけども︶ *{border: 1px solid #f00 !important;} cssにこれだけ追記して終わり。 見た目は↓こんな感じに、すべての要素に真っ赤なボーダーが付きます。 スマホ対応とかで横スクロールが5pxくらい出ちゃってる〜! どこだ〜! デベロッパーツール使ってもわからない〜! そんな見つけにくい “はみ出し系” を探すのにちょっと便利です。 知らなかった〜って人は使ってみるとちょっと幸せになれるかもしれません。 追記 borderだと要素の大きさに影響するのでoutline の方が良いかもと社内でナイスな意見が出たの
maangie
2014/09/19
●CSS
●*
●
329 users
●
css-tricks.com
●暮らし
These things called passkeys sure are making the rounds these days. They were a main attraction at W3C TPAC 2022, gained support in Safari 16, are finding their way into macOS and iOS, and are slated to be the future for password managers like 1Password. They are already supported in Android, and will soon find their way into Chrome OS and Windows in […]
maangie
2014/06/06
●CSS
●*
●
151 users
●
codezine.jp
●テクノロジー
Compassのメリット CSSスプライトが簡単に作成できる Compassでは、フォルダに配置するだけで、CSSスプライトで記載された一枚画像が簡単に作れます。CSSスプライトを利用すれば、1ページ辺りの画像の読み込みを何度も実行せずにすむため、ページの高速化につながります。 独自のmixinが利用できる グラデーションやベンダープレフィックスを自動で付与してくれる機能があります。 独自の関数が利用できる 画像のサイズを取得したり、三角関数の計算をしたりできる関数があります。 mixinや関数はCompassの公式リファレンスで紹介されています。ここでは記載できないほどのmixinや関数がありますので、一度見てみると面白いかと思います。 上記に加え、第1回目に記載したこちらのSassのメリットももちろん享受できます。 読みやすい 変数や繰り返し処理が使える 成果物の品質を統一できる 高速
maangie
2014/05/30
●CSS
●*
●
1136 users
●
commte.net
●テクノロジー
作成‥2014/04/21 更新‥2014/10/24 Web制作 > 前回コーポレートサイト制作が捗るjQuery プラグインをまとめましたが、今回はCSS版ということで、使用頻度が高いものと、これから必要になりそうなものを、忘れないようにメモしておきます。コーポレートサイトやWeb サービスサイトでさりげなく使われているものや、今後増えそうなものなど。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 横並び1.今までの回り込み解除2.横並びや並び順3.均等に並べる/段組み ナビゲーションメニュー4.多階層 ドロップダウン5.amazon風 メガドロップダウン6.ドロワーメニュー コンテンツメニュー7.モーダルウィンドウ8.アコーディオン9.タブパネル テーブル10.ストライプテーブル11.レスポンシブ+テーブル リスト12.カウント
maangie
2014/04/22
●CSS
●*
●
216 users
●
usablica.github.io
●テクノロジー
No dependencies, fast and small 10KB JavaScript and 2.5KB CSS, that's all (minified, gzipped). User-friendly Navigate using keyboard or mouse. Easily change the themes for your website. Browser compatibility Works on Google Chrome, Mozilla Firefox, Opera, Safari and even Internet Explorer. Why using Intro.js? When new users visit your website or product you should demonstrate your product features
maangie
2014/04/21
●JavaScript
●CSS
●*
●
26 users
●
www.mdn.co.jp
●テクノロジー
作業効率がアップする隠れた使い方教えます! WEB制作、プロの無料サービス活用術 ──コーディングに使えるツール︵2︶ [technique 09] フォントサイズの比率をemや%を一覧で表示する 文=ハヤシユタカ︵︵有︶ムーニーワークス︶ Tool PXtoEM URL http://pxtoem.com/ デザイン作成時において、テキストはpxかptで作成し、コーディング時には%かemが主流になっているが、pxかptでの文字サイズは﹁PXtoEM﹂を使用すれば、デフォルトのフォントサイズを決め、その数値からフォントサイズの大小比率をemや%を一覧表で表示してくれる。そのほか﹁Get CSS﹂でCSSファイルを参考にしたり、カスタムフィールドで細かい数値の参考値を計算したりしてくれるので、まだ文字の調整に自分のルールを持っていない人にオススメのツールだ。 左のリストからベースにしたい文字
maangie
2014/03/09
●*
●CSS
●ツール
●
503 users
●
jsdo.it
●テクノロジー
CSSによるインデックスされない謝罪文 CSSに本文が書いてあるので、画面上は表示されているがGoogleでのキーワード検索には引っかからない ﹁流出﹂などの嫌な単語は:beforeと:afterに﹁流﹂﹁出﹂を分けて書くことで、自然言語解析を回避 #s { p:first-child { font-weight: bold; font-size: 120%; } p:not(:first-child) { text-indent: 1em; } p:nth-child(1):before{ content: "お 詫"; } p:nth-child(1):after{ content: " び"; } p:nth-child(2):before{ content: "平素は弊社のサービスをご利用いただき、誠にありがとうございます。"; } p:nth-child(3):before{c
maangie
2014/02/03
●CSS
●ネタ
●*
●
13 users
●
fukuyama.co
●テクノロジー
2013年10月19日Helmの素晴らしいインターフェースを利用してCSSやSCSS/LESSを上空から見渡すような感じでコーディングできるようになります。 いつもは人様のElispの紹介ばかりなので今回は自分で初めて配布用のものを作ってみましたw画質がよろしくない48秒の動画です。タイプ音がうるさくて申し訳ありません。SCSSやLESSのように入れ子になっていたり、圧縮済みCSSも、一瞬でフルセレクタ&プロパティビュー&移動可能になります。Helmバッファの移動とセレクタ移動が同時並行に働きます(難しかった ><)。 これが今のところメインの機能です。他にもネストのレベルを指定して閉じ括弧にどのセレクタか分かるようにするコメントを挿入&書き換え出来る機能があります。 ShingoFukuyama/helm-css-scss パッケージ管理システムのMELPAからもダウンロードで
maangie
2014/01/02
●*
●CSS
●emacs
●
14 users
●
os0x.hatenablog.com
●テクノロジー
なんとなくブログの見た目を少しいじった(テスト前になると部屋を片付けたくなるアレ)。 シングルカラムだと横に間延びするのは前から気になってたので、max-widthを1000pxで設定して、あとフッターをシンプルに。 で、はてなスターってデフォルトだとマウスを乗せるまで誰のだかわからないのが気になってて、自分ではGreasemokey Scriptでユーザーのアイコンに置き換えてるんですが(hatena big profile star)、そういうことをしてない多くの人はが並んでいるだけで、わかりにくいなーと。 ってことで、装飾してやろうと思ったけど、CSSだけだとやはり厳しい。まあ、IEを考えなければ(IEだと普通の表示のまま)ってことで、afterとか使って強引にIDを表示してみた。 CSSはこんな感じ(ネガティブなtext-indentとoverflow:hiddenというよくあるバ
maangie
2013/12/08
●CSS
●*
●
635 users
●
monopocket.jp
●テクノロジー
プログラミングの基礎であるhtmlを勉強していると、必ず出てくる言葉がcss。 現代のwebサービスにおいて、htmlとcssはいわば兄弟のようなもので切っても切れない関係と言えるでしょう。 では、cssとはいったいどういうものなのでしょうか。 簡単に言うと、Webページの文字の色や大きさ、背景、配置といった見た目を設定する言語の一種です。 静的ページも動的ページも見た目の部分の多くはこのcssで制御されています。 もしcssを詳しく学ぶなら、独学もいいですがプログラミングスクールがおすすめです。費用は当然かかりますが、アドバイスがもらえることと、学習スケジュールが管理されるので、強制的に頑張れる仕組みが作れるのもメリットと言えるでしょう。 The post cssとは?使い方と学び方の基礎まとめ first appeared on プログラミング学習の窓口.
maangie
2013/11/05
●*
●CSS
●
538 users
●
blog.ruedap.com
●テクノロジー
BEMを使った命名がとても明快で、このところHTMLやCSSを書くのによく使っている。CSSのクラス名として書く場合は、BEMをCSS用に使いやすくしたMindBEMdingという書き方を採用している。最初にこれを知ったときは﹁こんな汚い記述の仕方は使いたくない﹂と思ってたんだけど、すっかり慣れて、今ではその明快さにちょっと心酔しかけているほど。BEMの方法論とMindBEMdingのルールについてはそれぞれの文書を読んでもらうとして、それらをひっくるめて大雑把に説明すると、BEMとはBlock、Element、Modifierの頭文字を取ったもので、構成する要素をそのどれかに当てはめて命名していく方法。どの場合でも必ずBlockもしくはそのModifierがルートにあり、その中に、所属するElementもしくはそのModifierが含まれる構成になる。 Block - 構成のルートとな
maangie
2013/10/29
●*
●CSS
1
2
次のページ
お知らせ
ランキング
今週のはてなブックマーク数ランキング︵2024年7月第2週︶
お知らせ
はてなブックマーク透明性レポート︵2024年2月-2024年4月︶
ランキング
今週のはてなブックマーク数ランキング︵2024年7月第1週︶
もっと読む
公式Twitter
●@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
●@hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
●総合
●一般
●世の中
●政治と経済
●暮らし
●学び
●テクノロジー
●エンタメ
●アニメとゲーム
●おもしろ
●アプリ・拡張機能
●開発ブログ
●ヘルプ
●お問い合わせ
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●公式アカウント
●ホットエントリー
●はてなブログ
●はてなブログPro
●人力検索はてな
●はてなブログ タグ
●はてなニュース
●ソレドコ
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しましたx