CSS3を使ってできる画像まわりのエフェクトやスタイリング18
CSS3を使った画像のエフェクトやスタイリングについて、思いつく限り一挙にまとめてみました。 たくさん画像を扱うサイトなどを作る際に、CSSでできる表現のカタログとして使ってもらえたらと思います。 ※ 2/24 「2. めくれた風」を書き忘れていたので追記しました 目次 1. シャドウ 2. めくれた風 3. トイカメラ風トンネル効果 4. カラー調整 5. 回転 6. 角丸 7. 楕円のフレーム 8. 円のフレーム 9. 三角形フレーム 10. 重なった風 11. ぼかし 12. フェード（シャドウ編） 13. フェード（グラデーション編） 14. 反射 15. リボン 16. 差し込んだ風 17. フレームだけを傾ける 18. 半透明フレーム まとめ ※ 実際の表示はこちらから確認できます。 ※ この記事で掲載しているCSSは、シンプルにするためにベンダープリフィックスを付けていません
これからTwitter Bootstrapをはじめる人のためのエントリまとめ - 小さい頃はエラ呼吸
はじめに 今、Twitter Bootstrapが一部のエンジニアで人気です。 Twitter BootstrapはWebデザインが得意ではないエンジニア向けにTwitter社が開発／提供するCSSフレームワークです。このTwitter Bootstrapを利用すると、簡単にTwitterっぽいデザインのWebサイトを作成できます。 そこで、これからTwitter Bootstrapをはじめてみようと思うエンジニアの人たち向けに、役立つ記事の数々をまとめてみました。 このエントリを書こうと思ったきっかけは、以下のスライドでした。とても分かりやすく、はじめて知るようなサービスなども網羅されており、とても参考になりました。 Twitter bootstrap入門 #twtr_hack jQueryプラグイン徹底活用 プロのデザインアイデアとテクニックposted with amazlet at
ノマド的に「自分一人で立つ」ために - ゆーすけべー日記
実家の6畳の部屋で仕事をしています。調子のいい時には朝5時とか6時に起きて、 顔を洗ったらすぐにその日のスケジュールを立てて30分ほどの読書をします。 その後、情報収集と最近では毎日5000字ほどの書き物をします。 すると午前中が終わるので、隣のばあちゃんちに向かいます。 ばあちゃんちの応接を親父が改造してオフィスにしてるそこへ、です。 親父は最近自炊に凝っていて昼飯をごちそうしてくれるのです。 腹が一杯になると1時間ちょっとベッドで昼寝をして、スッキリした頭で午後の作業に向かいます。 午後の作業はプログラミングをすることが多く、ここ数ヶ月はiPhoneアプリの開発をしています。 夜になると集中が切れるので好きなアニメを見たり、音楽を聴いたりなるべくリラックスするように心がけてます。 これはとある僕のとある一日をなぞったものですが、数年で築いてきたワークスタイルを端的に表すものです。 最近
割とMac初心者向けの、Mac買ったらまずチェックしとくべき設定いろいろ - loveMac.jp
どーもこんばんは。Macbook Airを買ってちょーしこいてます。いや実に素晴らしい。買って２日で既に元をとったような気がしているよ！というわけで、とりあえず今回最初にやった設定で、特に今年ついにMacユーザーになった！などのMac初心者の方向けと思うものについてまとめてみました。 2016年版書きました｡ こちら↓に新しい記事を書きましたので､よかったらご覧ください｡ [link href=”https://lovemac.jp/blog/2469/” title=”割とMac初心者向けの、Mac買ったら最初にチェックしておくべき設定2016 | loveMac.jp”] はじめに。システム環境設定ダイアログの出し方 「システム環境設定」というウィンドウをしこたま使いますので、最初に覚えます。 画面左上のりんごマーク→「システム環境設定」または下のアイコンが並んでるとこの歯車のアイコン
はてなブックマークの新ページは何故に不人気なのか？ - そっとチラ裏@はてなブログ
ネットサービスの新デザインＵＩは、多くの場合、一定数の既存ユーザーから嫌われる傾向にあると思う。Twitterもそうだし、Googleリーダーの新デザイン も不快を訴えるユーザーが多かった。 もちろん、慣れの問題というのもある。ただ、この手のユーザーからの反発の声に共通する内容の一つは「表示される情報量が減った」という不満の声。 ■「表示される情報量が減った」って、どういうこと？ 「表示される情報量」という表現は曖昧なので、自分なりの解釈で説明すると、 端末のディスプレイ上に、画面をスクロールしたり「もっと表示する」ボタンを押下しなくても一度で表示にされている情報量 これが、この場合での「表示される情報量」だと思う。 例えば、 余白が増える 文字が大きくなる サイドバーが追加されたり、横幅が広くなりメインコンテンツの幅が狭くなる 新しい項目が追加される 一覧情報の一部が省略され「もっと表示
書店にチャンピオンコミックスが少ないのは書店だけのせいじゃないんだよーというお話 : 雑食商店街３３７３番地
どうもこんにちは。チャンピオン大好き書店員ささなみですよ。 twitterではぽちぽちと零してきたことなのですが、一度あらためてまとめてみよう…と思い立ちました、書店におけるコミック入荷量と発注の話。 このブログの性質上チャンピオンコミックスに焦点をあてて説明させていただきますが、チャンピオン・秋田書店に限ったことではありません。 また、書店の規模や首都圏・地方、出版社や取次によって多少異なる部分もあるとは思いますのでご了承いただきたいと思います。 いちおう大規模店と中小規模店を両方経験している身なので偏ってはないと思うのですが…勉強不足は否めませんので何かおかしな点ございましたらご指摘ください。 さて。 まず書店に入荷するコミックや書籍などの量を誰が最終的に決めるかというと「取次」と呼ばれるところが行います。 あまり聞き慣れない単語かと思われますので、詳しくはwikipediaを。 出版
無料のベクター素材を提供しているサイト40選
先日の「無料でphotoshopのファイル・ブラシ・シェイプなどの素材を提供しているサイト45選」に続き、ベクター素材を提供しているサイトのまとめです。やはり個人的な整理のためのまとめですが共有します。 先日の無料でphotoshopのファイル・ブラシ・シェイプなどの素材を提供しているサイト45に続き、 ベクター素材を提供しているサイトのまとめです。 やはり個人的な整理のためのまとめですが共有します。 はじめに 全てを網羅するのは逆に手間だと思うので、 この中から自分のお気に入りや使いやすいサイトを選んでそれを中心に利用することになると思います。 また、サイトによってはphotoshopの素材とベクター素材を扱ってるサイトもあり、 無料でphotoshopのファイル・ブラシ・シェイプなどの素材を提供しているサイト45で取り上げたサイトはこちらには載せてません。 上記エントリーのサイト説明に
渡邉美樹氏ツイートについて思うこと
今年から本気出す人へ 「6本の柱」で5年後の自分を計画しよう そんな渡邉美樹氏のTwitterでの発言が問題となっている。 4年前に自殺した元社員の女性の労災認定（つまり「過労死」であったと認定されたこと）に対する発言だ。 労災認定の件、大変残念です。四年前のこと 昨日のことのように覚えています。彼女の精神的、肉体的負担を仲間皆で減らそうとしていました。労務管理 できていなかったとの認識は、ありません。ただ、彼女の死に対しては、限りなく残念に思っています。会社の存在目的の第一は、社員の幸せだからです — わたなべ美樹 (@watanabe_miki) 2012, 2月 21 この発言に対し、多くの批判が噴出している。簡単にまとめているサイトがこちら。 ワタミ会長・渡邉美樹氏の自殺した女性社員に対するコメントに物議「社員の幸せが第一 労務管理出来ていないとの認識は無い」 – ロケットニュース
Googleのプライバシーポリシー統合前に検索履歴を削除しよう | スラド IT
3月1日からGoogleのプライバシーポリシーが統合されるのを受け、電子フロンティア財団（EFF、Electronic Frontier Foundation）はGoogleでの検索履歴の削除方法を告知している（EFF、本家/.）。 今までGoogleの各サービス間で収集されていたデータは別々に保存されていたが、プライバシーポリシー統合後は複数のサービス間でユーザーデータが連携されるようになる。これに対し、EFFでは位置情報や興味、年齢、性的指向、宗教、健康上の関心など特に個人的な情報が含まれている履歴情報の削除を勧めている。ユーザデータの連携は統合前のデータにも有効となるとのことで、削除しない場合検索履歴情報が例えばGoogle+やYouTubeなどのサービスで利用される可能性もあるという。 履歴削除は https://www.google.com/history/ から行える。Goog
シェルスクリプトを書く際に気を付けていること8箇条 - カイワレの大冒険 Third
エンジニアという職業柄かシェルスクリプトを書くことはちょくちょくあるのですが、自分なりに気を付けていることを備忘録＆自分への戒めも含めて、簡単に書いてみたいと思います。 変数は大文字 シェルスクリプト書いていれば変数の出番は至るところであるでしょう。その際、可読性を増すように、変数は大文字を使っています。 RET=`cmd1`みたいに。好みの問題もあるでしょうが、分かりやすいので。 クオテーションは選ぶ クオテーションにはシングルだったり、ダブルだったり色々ありますが、使い分けておいたほうがよいでしょう。 変数の展開がないようであれば、シングルクオーテーションのほうがスマートでしょうし、展開があるのならダブルクオーテーションを使えばと。 ダブルクオーテーションを使うのにも意味があって、変数は「$RET」のようにクオテーションで囲まなくても動作はたいていするのですが、 echo "${RET
留年：ＯＥＣＤが廃止求める提言 - 毎日ｊｐ(毎日新聞)
経済協力開発機構（ＯＥＣＤ）は、学校教育での留年について「コストがかかるうえ教育成果の引き上げでも効果的ではない」として、廃止を求める教育政策の提言をまとめた。ＯＥＣＤは国際学力テスト「学習到達度調査」（ＰＩＳＡ）を実施するなど、教育界に大きな影響力がある。大阪市の橋下徹市長は学力不足の小中学生に対する留年の検討を始めたが、留年の教育効果に批判的な提言が今後の論議に影響を与える可能性もある。 ＯＥＣＤがまとめたのは「教育の公平性と質－恵まれない生徒や学校に対する支援」と題する報告書。落ちこぼれを防ぎ経済成長や社会の発展につなげる教育政策を提言した。 留年の分析では、少なくとも１年留年した経験のある１５歳の比率と初等中等教育への総支出に占める留年コストについて原則０７年のデータを基に３９カ国を比較。ＯＥＣＤ平均は留年経験者が１３％、コストが４・０５％。フランスなど７カ国は留年経験者が３０％を
Webとネイティブのいいとこどり。HTML5をラッピングしたAndroidアプリの参考に·html5webview MOONGIFT
html5webviewはHTML5を積極的に取り入れたAndroidアプリを作るサンプルです。 スマートフォンはHTML5を積極的に使っていくのに最適なデバイスとなっています。HTML5を積極活用すればネイティブアプリ並のWebアプリケーションも実現できます。そんなHTML5型Androidアプリを作ってみるなら参考にしたいのがhtml5webviewです。 デフォルトでは有効になっていないAndroidのHTML5機能について、html5webviewでは有効にしながら実際に使ってみるデモアプリも提供しています。 デモアプリをインストールしてみます。 デモは動画（videoタグ）音楽（audioタグ）、位置情報、ストレージ、縦書きとなっています。 audioタグのデモ。ボリューム調整、再生、停止ができます。 videoのデモ。Canvasタグを使ってキャプチャを撮れます。 下に表示され
jQuery Mobile向けBootstrapテーマ集·Twitter Bootstrap jQuery Mobile Theme MOONGIFT
Twitter Bootstrap jQuery Mobile ThemeはTwitterのBootstrapとjQuery Mobileを組み合わせて使えるテーマ集です。 TwitterのBootstrapは最新版でスマートフォンにも対応しています。そしてスマートフォン向けのJavaScriptライブラリと言えばjQuery Mobileです。この二つを組み合わせて使えるのがTwitter Bootstrap jQuery Mobile Themeになります。 Aデザイン。 Bデザイン。全体として青。 Cデザインは赤。 Dデザインは緑。 Eデザインは水色。 Fデザインはオレンジ。 Twitter Bootstrap jQuery Mobile ThemeはjQueryとBootstrapを組み合わせ使えるテーマ集です。面白いのはA〜Fまでカラーが用意されており、data-themeを変更
就職人気企業の６割が過労死基準超え ２２５社の３６協定で判明 トップは大日本印刷の時間外1920時間
就職人気企業２２５社のうち６０．８％にあたる１３７社が、国の過労死基準を超える時間外労働を命じることができる労使協定を締結していることが、労働局に対する文書開示請求によって明らかとなった。１年間で見た場合の時間外労働時間ワースト１は、大日本印刷（1920時間）、２位が任天堂（1600時間）、3位がソニーとニコン（1500時間）だった。労使一体となって社員を死ぬまで働かせる仕組みが、大半の企業でまかりとおっていることが改めてはっきりした。人気企業の時間外労働の上限が網羅的に明らかになったのは今回がはじめて。（２２５社の３６協定締結書原文および一覧は、記事末尾よりエクセル・ＰＤＦダウンロード可） 就職人気企業２２５社のうち６０．８％にあたる１３７社が、国の過労死基準を超える時間外労働を命じることができる労使協定を締結していることが、労働局に対する文書開示請求から明らかになった。開示請求したのは
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
芸術レベルのスゴ過ぎ新表現技法！漫画家・村田雄介先生の３Ｄツイッター漫画『絶壁絶命！！』
TechCrunch
Good night, Posterous