理系魂を刺激するカードゲーム、技術者におススメ
2018年8月に日経 xTECHで紹介したプロジェクトマネジャーの育成ボードゲーム「プロ・トレZ」。このゲーム以外にも、特にIT業界関係者なら大いに楽しめる、あるいは人材育成や業務の習得に役立つゲームは数多く存在する。まとめて取り上げてみよう。 数学好きが泣いて喜ぶ、超難問ゲーム いきなり非常に難易度が高いカードゲームから。開発者や技術者の深い知識や見識を必要とするゲームである。普通の人には何がなんだかさっぱり分からないが、「理系魂」をこれでもかというほど刺激してくれる。3つ続けて紹介しよう。 「COLOR CODE」（開発：遊戯部すずき組） 一言で言えば、かるたである。ただし、読み札に書いてあるのは、6桁の16進数。読み上げた16進数から、場に並ぶ「色」札を取る。その難易度の高さとニッチさから、ボードゲーマーらが「狂気のかるた」と呼ぶようになった、最初のゲームの1つだ。価格は2268円（
2017年大本命！HTML/CSSで表現できる、参考にしたいカード型レイアウト60個まとめ - PhotoshopVIP
Google が2014年に発表したマテリアルデザインは、ウェブだけでなくグラフィックデザインでもますます人気となっており、さまざまな方法で採用しているケースをよく見かけるようになりました。 今回は HTML と CSS、わずかな JavaScript で実装できる、今後の参考にしたいカード型レイアウト用コードスニペットをまとめてご紹介します。コードニペットは各レイアウト別にカテゴリ分けしているので、ウェブサイト制作に活用したものを見つけてはいかがでしょう。 【2017年版】HTML/CSSで表現できる、すごいテキストエフェクト66選 イメージスライダーを魅力的に！コピペ実装できるHTMLスニペット24個まとめ ウェブをもっと面白く！コピペ可能なHTML/CSSスニペット45個まとめ 2016年12月度 コンテンツ目次 1. ブログコンテンツ用レイアウト 2. 名刺型レイアウト 3. グリ
Twitterカードの導入方法を解説！
Twitterで企業アカウントを運用されている方は、「Twitterカード」の設定は行われているでしょうか。 自社ホームページのコンテンツを紹介する時など、通常の投稿よりも目を引きやすい形式になるため、クリック率を高めることができます。 今回は、企業としてのアカウント運用するのであれば設定しておいた方が良いTwitterカードの設定方法を解説します。 Twitterカードとは？ Twitterカードとは、Twitter上でのOGP設定を指します。OGPとは、FacebookやTwitterなどのSNSでURLが投稿された際、自動的にURLのページ情報を表示する機能を指します。 参考： FacebookのOGP設定方法＋参考記事6選 Twitterの場合、ツイートにURLが含まれている場合、そのURLのサムネイル画像、、タイトル、meta description（紹介文）が自動的に表示されま
GUIでRaspberry Piをカスタム・セットアップできるオープンソースのセットアップツール「PiBakery」がリリース。
GUIでRaspberry Piをカスタム・セットアップできるオープンソースのセットアップツール「PiBakery」がリリースされています。詳細は以下から。 PiBakeryはスコットランドで暮らす17歳のDavid Fergusonさんが開発＆公開したRaspberry Pi用のセットアップツールで、Raspberry Pi用OS「Raspbian」をGUIでカスタマイズしセットアップすることが出来ます。 New post: PiBakery, a brilliant, foolproof way to set up your SD card from @fergusondavid6.https://t.co/JUjVDmpi6M pic.twitter.com/xsbEhgX9un — Raspberry Pi (@Raspberry_Pi) 2016年9月6日 PiBakery wa
レスポンシブと相性がいいカード型UIのレイアウトやデザインの実装アイデアのまとめ
Pinterestから人気が出始めたカード型UIは、ここ1, 2年の間に日本でも多くのWebサイトで見かけるようになりました。BootstrapやMaterial Designにも採用されており、レスポンシブデザインとも非常に相性がよいUIコンポーネントです。 そんなカード型UIのレイアウトやデザイン、アニメーションを伴ったインタラクションの実装アイデアを紹介します。 各リンク先ではHTMLやCSS、使用していればJavaScriptも編集・ダウンロードできます。 Recipe Card インタラクションの一部をアニメーションにしてみました。他にも写真がズームしたり、タブ（機能は未）などが用意されており、省スペースに多くの情報を掲載することができます。
Flexboxについて勉強したい・理解を深めたいときに参考になるエントリーやサイトまとめ - NxWorld
特に自分がそのように思っていたのですが、Flexboxはレイアウトを組む際に非常に便利なものではあるのですが、非対応のブラウザをサポートする必要があるために安易に使用できなかったり、仕様がころころ変わって対応してたとしてもブラウザによって様々な書き方をする必要があったりで、本格的に使うのはまだしばらく先にとかもう少し様子を見ようと思ってた人も少なくないと思います。 ただ、最近では以前に比べて記述する内容も減り、対応していなかったブラウザもサポートを切る機会が多くなったりと今後ますます利用する場面が増えそうなので、先述したようにFlexboxについて勉強したい方やより理解を深めたいという時に参考になると思うエントリーやサイトをまとめてみました。 全体的に英語のエントリーなどが少し目立ちますが、Google翻訳などを使えば大体の内容は理解できると思います。 November 16, 2017
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP