【実践編】少しの手間で大きく変わる、細部にこだわったWebデザインを
【実践編】少しの手間で大きく変わる、細部にこだわったWebデザインを「少しの手間で大きく変わる、細部にこだわったWebデザインを」で紹介した「わずかな」加工を使ってボタンのデザインをかっこよくしよう！というチュートリアル記事です。前回の記事内にPhotoshopでの作成チュートリアルも載せたかったのですが、あまりにも長くなりそうだったので別記事にする事に。合わせて見てみてください！ 前記事：「少しの手間で大きく変わる、細部にこだわった Web デザインを」 角丸のベースになんの装飾もない文字を載せたボタン。これをかっこよく加工してみましょう！ グラデーションを加えるまずは 500 x 270 px でキャンバスを新規作成します。 一つ目のレイヤーに角丸のボタンのベース、２つ目のレイヤーに文字を入力します。これで準備完了です！ ベースのレイヤーを選択し、レイヤースタイルを設定します。「グラデ
CSS3について知っておきたいことのまとめ
CSS3には興味深い様々なプロパティがありますが、これらを勉強するにあたって知っておきたいCSS3の基礎をまとめてみます。 過去の記事に手を加えたものや新たに書いたものなど幅広くまとめてみましたので、ぜひ抑えておいてください。 今回は結構ボリュームもあるので目次を作っています。 1. スタイルシートの構造 CSS3に限ったことではないですが、CSSの構造は下の図のように、セレクタ、プロパティ、値となっています。 もちろんプロパティと値は一対です。CSSといえば、プロパティのイメージが強いですが、セレクタも結構奥が深いです。 CSS3ではセレクタもプロパティも新たに追加されていますので、違いをちゃんと理解しておきましょう。 2. CSS3セレクタ CSSセレクタはスタイルを適用する対象を選択するものです。普段何気なく使っているclassやidなどもセレクタの１つです。 CSS3セレクタはW3
CSS3で視認性の高いテーブルを作る
こんなに便利 :nth-child() 今回はCSS3で追加された:nth-child()擬似クラスを使って、1行ごとに背景色を変えて表示するゼブラテーブルや、土曜・日曜・祝祭日に平日と異なるスタイルを適用させたカレンダーなどを作成してみましょう。 :nth-child()擬似クラスの書式はE:nth-child(n)で、ある要素のn番目の子要素Eにスタイルを適用します。例えば、ol li:nth-child(3)とすれば、ol要素の3番目の子要素のli要素にスタイルが適用されます。 次の例は、上から順にそれぞれのli要素に、1位から3位までのランキングアイコンを表示するものです。 CSS2.1であれば、次のように、HTML側にidやclass属性を付けて制御するのが一般的です。 ［リスト01］CSS2.1の場合のHTMLソース <ol> <li class="rank1">ランキング1位
90年代以来のブックマークを整理しつつそれらサイトがどうなったか見てゆく - 空中の杜
このようなネタがありました。2chのバイクネタの改変をネタをAA化したみたいですね。 ■ブラウザ"信者"相関表。 - あまたの何かしら。 ■ブラウザ"信者"相関表・改。 - あまたの何かしら。 それで思い出した今までの私のブラウザ歴。 ネット始めた頃（1996年頃）はWindows95についてきたIE3→そのままIE4→慣れてきた頃にネスケ3を使い始める（1998年頃）→IE4とネスケ4併用→IE5。ネスケ6も使うも、改悪されたが故のあまりの重さに切り捨て（2001年頃）。そのままIE5→IE6を使うも、どうもいろいろ不都合が生じてきたので、LunascapeやDunut、Sleipnir等のタブブラウザに移行。無料化されてからはOperaも併用（2002年頃）→Firefox登場、タブブラウザと併用しながらメインで利用。（2004〜5年頃）→Firefoxの重さに困っていたタイミングでC
12年ぶり！あの「大技林」が最新データを収録して復活 : 暇人＼(^o^)／速報
12年ぶり！あの「大技林」が最新データを収録して復活 Tweet 1：名無しさん＠涙目です。(dion軍)：2011/08/04(木) 00:20:25.96 ID:aifk7xQ/P アンビットは、「超絶大技林2011年秋 完全全機種版」を8月1日に発売しました。 かつて発売されていたゲーム雑誌「ファミリーコンピュータMagazine」の付録として1989年に登場した「超絶大技林」。 ゲームの裏ワザだけでなく、ゲームソフトカタログの機能も併せ持った、電話帳のような厚さが特徴の本です。 前回発売から12年ぶりに最新バージョンが発売。ニンテンドー3DSを含むあらゆるデータを網羅し、永久保存版として復活をしました。 また、付属のCD-ROMにはデータベースが収録されており、パソコンで検索することが出来ます。 ■超絶大技林2011年秋 完全全機種版 著者：金田一技彦 発行：株式会社 アンビット
勉強するのは自分だけのため？：＠IT自分戦略研究所の「おすすめエンジニアライフ」：エンジニアライフ
本音が語られるエンジニア参加型メディア「＠IT自分戦略研究所 エンジニアライフ」。日々、ITエンジニアの「生の声」を公開している。本記事では、おすすめコラムを厳選して紹介する。 【スキル】「WACATE 2011 夏」参加レポート（その4） 【人間関係】勉強を続けるための、ほんの少しのきっかけ 【考え方】名人伝 【スキル】「WACATE 2011 夏」参加レポート（その4） エンジニアとして現場の第一線で働くなら、いつまでも勉強が必要だということに異論がある人は少ないだろう。しかし、勉強するのは果たして自分のためだけなのだろうか？ 『オブリガート ～感謝されるテストエンジニアになる～』の第3バイオリン氏は、テストエンジニア向けイベント「WACATE 2011 夏」に参加し、「WACATEで学んだことを仕事にフィードバックできるようになりたい」という目標を立てたという。 そこで、勤務先で「イ
日本でボードゲームが普及しない理由 - teruyastarはかく語りき
20代の本音ランキング: 【男性編】電気を使わず盛り上がる家ゲームランキング [COBS ONLINE／コブス オンライン] http://cobs.jp/enquete/realranking/2011/08/2_1.html 1位 UNO 43.6％ 2位 トランプ 29.6％ 3位 人生ゲーム 24.9％ 4位 黒ヒゲ危機一髪 15.2％ 5位 ジェンガ 12.8％ なぜ日本では運要素の高い卓上ゲームばかりが人気なのか - 部屋とボードゲームと私と酒と泪と男と女 https://sites.google.com/site/jun1sboardgames/blog/whyluckgamesinjapan 「大人がやるのは、競技か、博打。 それ以外のゲームは子供がやるものでしょ？」 こういった固定観念を、多くの人が持っているのではないだろうか？ ランキングにあがってない、カタンや、ドミニ
はてなブックマーク開発ブログ
いつもはてなブックマークをご利用いただき誠にありがとうございます。はてなブックマーク開発チームのid:yone-yamaです。 最新版のGoogle Chrome(バージョン134以降)にて、はてなブックマークが提供する2つのChrome拡張機能のうち、旧バージョンである「はてなブックマーク」がブラウザ上で強制的にオフになる事象が発生しています。 過去当ブログでお知らせした通り、 本事象が発生している旧バージョンのChrome拡張機能は、新バージョン「はてなブックマーク ブックマーク機能」の提供開始に伴い、2022年2月よりサポートの対象外としています。 Chrome拡張についての過去のお知らせは以下をご参照ください。 "なお、既存のChrome拡張機能はサポート対象外となりますが、当面の間はそちらも引き続きご利用いただけます。" ブックマーク専用の新しいChrome・Firefoxブラウ
世にも奇妙な物語 「23分間の奇跡」 - FC2動画
再生数：11882 アルバム追加数：7 カテゴリ： ドラマ・映画・ＴＶ キーワード： これはあらゆる意味で問題作ですね＾＾ いまでもＯＫなんでしょうか？＾＾
週次レビューを習慣化させたい人のための「タスクカフェ」、始めます（w/ @sawonya） | シゴタノ！
週に一度、いま抱えている仕事をすべて見直して、進捗状況を確認し、翌週以降のアクションプランを練る──。 いわゆる「週次レビュー」を習慣にしている人は少なくないと思いますが、仕事が忙しくなってくると、ついついサボりがちです。 でも、忙しい時こそ時間を作って「週次レビュー」をすることで、次々と迫り来る仕事をさばくためのプロアクティブなモードをつくることができます。 つまり、仕事に支配される状態を脱却し、逆に仕事をコントロールする状態にシフトしよう、というわけです。 週次レビューはコツやテクニックでなんとかなるものではなく、とにかく一定の時間を確保して、腹を据えて取り組むしかありません。 そこで、みんなで集まって週次レビューするための時間と場所を作ることにしました。 やることになった経緯 やりましよ〜 RT @sawonya: 月一くらいで「タスクを見直す会」みたいなのをやって、何人かで集まるけ
プログラマー向けのプレゼンテーション作成ツール·ShowOff MOONGIFT
ShowOffはコマンドラインでスライドを作り、専用Webサーバを使ってプレゼンテーションを行うソフトウェア。 ShowOffはRuby製のオープンソース・ソフトウェア。HTMLで作るプレゼンテーションソフトウェアが流行っている。確かにテキストエディタで編集できて、検索も楽にでき、さらに再利用性が高いということなしだ。だがHTMLだとデザインの自由度が高いのが難点だ。 スライド デザインを何もしないとみすぼらしく、デフォルトのテンプレートばかり使っているのも残念だ。そこでプログラマーに向いたテキストプレゼンテーションツールShowOffを紹介しよう。 ShowOffの面白い所はコマンドラインで操作する所だ。showoffコマンドに続いてcreateと指定するとプレゼンテーションのベースの作成する。addと打つとスライドを追加する。スライドの中身はMarkdown記法になっており、リストはク
24時間年中無休で自分の生活を垂れ流し、アマゾンほしい物リスト・アフィリエイトのみで生活を続けている日本人「鳩家ｔｖ」 - Ceron.jp
24時間年中無休で自分の生活を垂れ流し、アマゾンほしい物リスト・アフィリエイトのみで生活を続けている日本人「鳩家ｔｖ」 初めまして鳩家と申します。 自身の行っている行為についての記事を投稿させていただきます。 私は精神疾患を患い仕事ができないので http://hatoya.tv/ にて24時間年中無休で生放送をしている者です。 キャノンのHDビデオカメラにウルトラフィッシュアイレンズを付け、キャプチャーボードでPCに取り込み5.5畳の狭い部屋全体を映るように配置し、終始放送しております。 単なる放送ではなく、アマゾン様のアマゾンほしい物リスト機能「http://t.co/cv2SKjT」を匿名で送れるように設定し、リスナー様より液晶テレビや上記ビデオカメラ等々を頂いて日々配信しております。 個人放送の新しい可能性を考えた結果、現在のレビュー等のブログ、Twitter、生放送、ア
第49回 水分補給と快適睡眠で夏バテ知らずに
毎年，夏になると疲れやすくなって困っています。食欲が落ちて全身がだるくなり，客先を回るのもつらくなります。今年もこれから夏本番ですが，何か予防策はあるでしょうか。（男性，29才，SE） よくある「夏バテ」パターンですね。夏バテは，夏特有の慢性疲労現象です。どこかが痛むわけではなく，「ボーッとする」「だるい」「集中力がない」「肩こりがひどい」「むくみが出る」など，漠然とした疲労感が主な症状です。その主な原因は，暑さによる体温上昇や，それを下げるための多めの発汗，発汗に続く体内の水分不足による血流量の減少です。血流量が減ると，それを補おうと心拍数が増えます。その結果，自律神経系が疲労し上記のような症状が起きやすくなるわけです。 夏バテ対策の第一は，体温調整と水分補給です。暑いけれど湿度が低い欧米では，かいた汗は皮膚からしっかり蒸発します。このとき，体表から気化熱が奪われて体温が下がります。この
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon.co.jp: すべての仕事を紙1枚にまとめてしまう整理術: 高橋政史: 本
Amazon.co.jp: アナタはなぜチェックリストを使わないのか？【ミスを最大限に減らしベストの決断力を持つ！】: アトゥールガワンデ (著), 吉田竜 (翻訳): 本
