Webで調べると、ol要素を丸数字で実装する時はspanとか①②③とかを使うしかないように思えますが、クリーンなHTMLで数値文字参照を使わずに、丸数字を実装するスタイルシートのテクニックを紹介します。 対応ブラウザはすべてのモダンブラウザで、IEは8+です。
![[CSS]順序付きリスト、ol要素を丸数字で実装するスタイルシートのテクニック -spanや①は無し](https://cdn-ak-scissors.b.st-hatena.com/image/square/a7ef0650ca2366040c7e9131e9a9453ac3ae7dcc/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201604%2F2016120601.png)
[CSS]順序付きリスト、ol要素を丸数字で実装するスタイルシートのテクニック -spanや①は無し
Webで調べると、ol要素を丸数字で実装する時はspanとか①②③とかを使うしかないように思えますが、クリーンなHTMLで数値文字参照を使わずに、丸数字を実装するスタイルシートのテクニックを紹介します。 対応ブラウザはすべてのモダンブラウザで、IEは8+です。
(専門弁護士確認済)自分の写真や原稿をパクられないための自衛必殺技を公開します｜More Access! More Fun
本日から始まりました、今年最後のAmazonのビッグーセール「サイバーマンデーセール」です。プライム限定のはずですが、前にも書いたように安いのとそうでないのが紛れて出てくるので、ChromeとFirefoxの機能拡張が必須です。 で、自分はまず、これいきました。最近また釣りに復活して夜中に海でロッド振ってるので極寒に備えました。 マイナス20度まで平気や!!!54000円が40500円。ほかと比較しても爆安。 ミレー（Millet）は商品情報を得ようと検索すると、検索上位にずらーーーーーーっと中国の詐欺サイトが並ぶ。多くはすでに消されていたりリダイレクトされたりするが、中にはウイルスを仕込んでいるのもありまして、本当にこの犯罪集団、なんとかしろって思います。ミレージャパンからGoogleに申し入れした方がいいカモです。 サイバーマンデーセールの日替わりでいったいいくら使うか、まあ１年頑張っ
Travewriter
僕は今でこそ英語でプレゼンをしたり、海外に住んで外国人スタッフのマネジメントを全て英語でできるようになりましたが、昔はとにかくひどかったです。外国人を前にすると緊張して言葉が出なくなったり、「外国人と会話をするなんて一生できないんじゃないか？」と思うほどのレベルでした。 そんな僕が英語を使えるようになったのは、良い教材や学習ツールを選ぶことにこだわり切って、決めた教材を愚直に使い続けたことです。 続きを読む 20代後半で転職をし、その際に転職エージェントと転職サイトを使いました。もともと転職する前から転職エージェント・転職サイトを利用しており、これまで20社を超える転職エージェント・転職サイトを使ってきました。 20代転職の時は、時価総額で世界トップ10に入るIT企業をはじめ、日系大手やベンチャーから複数内定をもらうことができました。 続きを読む 給料が上がらず将来が不安だなぁ..。IT転
世界最大の語学学習アプリ「Duolingo」の研究者に聞いた、外国語学習に成功する人としない人の違い | ライフハッカー・ジャパン
日本人にとって外国語学習が難しい理由 ── 語学って、言葉によって「学び易さの方向性」があるなと思っています。例えば、友達のフランス人が日本語を勉強しているんですが、日本語の発音が明らかに上手いんですね。どんな日本語を教えてもそれなりにちゃんと発音する。でも逆に、日本人の僕がフランス語の単語を発音しようとするととても難しく、ひどい発音しかできないわけです。これはなぜなのでしょうか？ 萩原：発音は自分の母語の影響を受けやすいんです。大人になった時点で自分の母語に無い音の認識・発音が極端に難しくなっちゃうんですよ。最も顕著な例が英語のＬとＲの発音で、日本語にはない区別なので、日本人には聞き取るのが難しいんです。LやRの他にも、日本語の「あ」に対応する音が英語には4、5種類あるんですよね。平べったい「あ」とか、大きい「あ」とか、ちょっとあいまいな「あ」とか。 そういった意味で、日本語は言語に使う
ふるさと納税のしくみと年内にやるべき6つの理由【徹底解説】｜相続コラム｜相続税ならOAG
ここ数年、テレビや雑誌で話題になると気になる「ふるさと納税」。 周りに聞いても「牛肉など特産品が送られてくるらしいよね」など、テレビや雑誌で見聞きした情報だけが飛び交い正しい運用が分かっている人はいるのだろうか。 実際にふるさと納税をしたことがある人も周りには少ないし、「住民税が控除される？」など難しい話も分からない。 だれかしっかり解説してよ！ こんな疑問を持っている方も多いのではないでしょうか。 ふるさと納税のしくみを探しても、制度の説明が多いですよね。 今回は、ふるさと納税のしくみを税理士が個人から見た視点で徹底解説したうえで、オススメの特産品や実際の申込方法もまとめました。 ふるさと納税には、“お得”がたくさん詰まっています！そして年内にやらないと今年の枠が使えなくなって損をしてしまいます！ 参考として、令和3年７月末に公表されたふるさと納税の現況調査結果では、令和2年度納税受入額
JavaScriptライブラリを使った超簡単チェスゲーム開発入門！ブラウザ上でCPU対戦が可能！ - paiza times
どうも、まさとらん（@0310lan）です。 今回は、JavaScriptによる簡単なゲーム作りに挑戦するため、「チェス」をテーマにした開発チュートリアル記事となっています。 「なんだか難しそう…」と思うかもしれませんが、簡単な手順で実現できるJavaScriptライブラリを活用するので誰でも最後まで楽しめると思います。 また、後半には「CPU対戦」機能も組み込んでいくので、チェスやゲーム開発にご興味ある方は、ぜひトライしてみてください！ ■必要なファイルを準備しよう！ まずは、チェスの骨組みを簡単に構築する方法として「chessboard.js」というJavaScriptライブラリを使ってみましょう。 【 chessboard.js 】 「chessboard.js」を使うと、チェスで遊ぶための「駒」や「ボード」を簡単にWeb上へ描画することが可能で、駒を動かす際のアニメーションやマウス
ユーザーが理解しやすいアイコンにするための６つのルール
人間とコンピュータとのやり取りにおいて、アイコンはテキストにはない長所がいくつかあります。 シンプルで分かりやすくフレンドリー。長い文章と置き換えることができる。 画面の中で場所を取らず、特に小さいスクリーンほど使い勝手がよい。 視覚的に楽しみがあり、デザインの芸術性を高めることができる。 一番重要なポイントとして、ほとんどのアプリがアイコンを用いており、ユーザーにとって親近感のあるデザインパターンである。 これらの潜在的な長所がある一方で、アイコンはその潜在的な短所を考慮せずにデザインされると、ユーサビリティ面での問題を引き起こします。 この記事では、UIの点からアイコンに関連した多くの問題を要約して解説し、これらの問題に対する対処法を述べていきたいと思います。 １．アイコンは意味を伝えるもの 理解しにくいアイコンが、伝えるべき機能を分かりにくくしてしまうことがあります。アイコンは意味を
イラレで斜め45度の影付き文字の描き方
アウトライン前の文字に、文字は正面を向いたまま斜め45度に落ちる単色の影を付けます。 効果の3Dと変形を利用する文字用アピアランス。 この記事はアピアランスの実験的な覚書です。 2014／2／11追記： アピアランスを改良した記事を書きました。斜め45度の影付き文字 改良版。こちらの記事のほうが多少作り方ましかも。 今回の影付き文字について ●アウトライン前・後 普通正面向きの立体文字はブレンドで作るみたいですが、今回は見た目は真正面をキープしつつ影だけを3D効果で作ります。 ●影の作り方の概要 真正面-アイソメ上面（３Ｄ効果）-真正面（変形重ねがけ）の順に変化させます。 影付き文字の作り方 変形を入れるので、かなり手数が多いです。 ●小塚明朝ゴシックH・48pt。 文字を『｜ ななめ ｜』と入力します。両サイドの棒と空きスペースは捨て文字として必要です。キーボード分からなければ↑これ
CSS3のアニメーションで「ふわふわ」「ゆらゆら」させる方法や便利なオンラインツール - コムテブログ
TL;DR いざアニメーションを作ろうとすると結構面倒ですよね。できれば勉強しながら便利なツールを使ってアニメーションを作りたいところ。今回は CSS3 のアニメーションで「ふわふわ」させたり「スカッシュ」させる方法や便利なオンラインツールをご紹介します。 アニメーション１２の基本原則を確認 こちらは「何か動きを出してくれ」と依頼された時に見ておきたい、ディズニーによって開発されたアニメーションの１２の基本原則（12 basic principles of animation - Wikipedia）デモですが、CSS のみでこういった動きやアニメーションを実現できたら楽しいですよね。ロゴやボタン、イラストなどの一部に使ったら一味違うアイキャッチになるかもしれません。 The illusion of life from cento lodigiani on Vimeo. THE ILLUS
【UXの迷信】デザイナーが細かいディテールにこだわるべき理由
ZoltánはCentralway（チューリッヒのソフトウェア企業）のUXデザイナー長。元UstreamのUXディレクター。美しく、且つ使えるプロダクトを作ることに情熱を燃やしています。 「細かいディテールこそがデザインを形作るものだ」とイームズチェアで有名なCharles Eames氏は言います。エラーメッセージや細かい文言、カテゴリーのページに表れる商品の順番などは、ユーザー体験や最終的な利益に大きく影響します。 細かいディテールは非常に重要です。例えばAppleの本質は、最小のビット数まで、徹底的にディテールにこだわる姿勢そのものにあります。 どういったことを細かく最適化すれば、利益に結びつくのか ・BestBuy.comでは、登録しなくても購入できるようにシステムを少し変えただけで、一年あたり３億ドルも売り上げが伸びました。―The ＄300 Million Button ・Cli
プロが選ぶ！本当に使える日本語フォント | それからデザイン スタッフブログ
世の中には無料のものから有料のものまでさまざまなフォントがあります。フォント制作ソフトも手軽に使えるようになった影響か、最近では日本語のフリーフォントもかなり増えており、フリーフォントの投稿サイト「フォントフリー」には2016年10月現在で300を超えるフォントが登録されています。 これだけフォントがあると、選択肢は無限大と言ってもよく、選ぶだけでも一苦労です。 そこで今回はそれからデザインのデザイナーが普段よく使っているフォントについてアンケートを取ってみました。 実制作で「本当に使える」フォントとは一体なんなのか。選んだ理由と合わせて聞いてみました。それでは早速見てみましょう！ 見出ゴMB31（みだしゴエムビーさんいち）｜モリサワ モリサワのスタンダードなフォントとして外せないフォントかなと思いチョイスしました。 シャープなフォントなので、テイストを選ばずいろんな場面で使用しています。
デザイン提案時に使えるいくつかのコツ | DevelopersIO
デザイン提案時には様々な苦労をすることがあります。 そんな中で色々と試してみて、結果的に使えると感じたいくつかのコツをご紹介したいと思います。 ※この記事で扱う「提案」はデザインコンペ等のデザイン提案ではなく、受注した案件の開発フェーズにおけるデザイン提案を主に扱います。 提案は始めから複数の案を作ると効率的 提案は始めから複数案で 複数案はリスク回避と効率化につながる デザインコンセプトが明確に異なる複数の案を用意する ブラッシュアップするのは、ある程度の方向性の合意を得てからでも遅くはない 複数案の提出が求められていなくとも、複数の案を提出することのメリットは大きいです。 渾身の一案を作り上げても、方向性がずれていた場合、そこに費やした時間は無駄になってしまいます。 最小のコストで素早く合意形成に達するためには、一つの案を作りこむよりも複数の案で当たりをつけ、その中で認識のあっているも
買ってよかった赤ちゃん用品を評価！【おすすめベビーグッズ21個を口コミレビュー】 - ちかっぱ看護師の決意ブログ
今まで子育ての話を一切して来なかったので、たまにはこういうのも良いかなっと思って、まとめてみました。 0歳児を育てるに当たって、私はネットの評価や口コミを参考にして、色々とお買い物をしました。 コスパ重視でお買い物をしたのですが、実際に買って良かった物を21個レビューしていきたいと思います！ おくるみ 【ノーブランド品】赤ちゃん パイル フカフカ クマさん おくるみ （白） posted with カエレバ ノーブランド品 Amazon 楽天市場 赤ちゃんが無事に生まれ、病院を退院する時にまず必要になるのがこの”おくるみ” 私は退院時に、これを準備していなかったので 助産師に「えっ！！！おくるみないのに退院するのー！？」と驚かれたくらい、当たり前の商品だそうです。 新生児を過ぎても、ブランケットの代わりになるので、意外と長く使えます。 本当は、出産前に揃えると 良いのでしょう。 柄や素材・
2016年 今年買って良かったもの おすすめの10選 - ネットの海の渚にて
師走になりましたね。 この時期になると風物詩のようにゾロゾロと出てくる「今年買ってよかったもの」の記事。 当ブログでは正真正銘実際に購入してきっちり使い込んだ中から、私が本当に「買ってよかったなぁ」と思うものだけを紹介しますのでご安心を。 そのかわりちょっとマニアックなものも入っていますから必ずしも一般向けではありませんのでご了承ください。 サンクラフト 業務用 プロ おろし PT2500 今まではセラミックタイプのおろし器を使っていたのだが、一度にたくさんの量を作りたい場合に時間もかかるし疲れるし、そもそも溢れ出てしまうのでこちらを購入。 おろし金の絶妙なアーチと本体の前下がりの設計が圧倒的な効率で大根おろしを作れる秘密なのだと思うが、今までのおろし作業が馬鹿らしくなるほどのスピードでザクザク大根おろしができる。 容器の容量も大きいので大振りな大根を丸々1本おろしたとしても全部受けとめて
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「ブラックラグーン」「この世界の片隅に」が共に片渕須直監督作品なことへの、ファン感想と関係者（含む監督本人）反応 - Togetterまとめ
デザイナーこそ覚えておきたいCSS最新事情！ あなたの知らないfont-familyのイマ