プロっぽくなった！こっそり使いたい「動きのある」CSSテクニック
作成：2014/06/2 更新：2014/11/01 Web制作 > WebデザインギャラリーやWPテーマなどで「見栄えのする」サイトが使っている効果など。今回はCSSのみで実現できる、動きあるエフェクトをメモしておきます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ マスク １．マスク・キャプション ２．円形キャプション ３．全画面+オーバーレイ ４．ストライプの背景 フルスクリーン系 ５．スライド＋フルスクリーン ６．全画面背景動画 ７．パララックス ８．フルスクリーンにフィット ９．背景画像をブラウザごとに最適化 １０．メガメニュー 画像可変 １１．画像で枠線を表現する １２．半透明＋フィルタ １３．文字以外を透明にしてレイヤーさせる 図形 １４．ループ＋ローディング １５．3Dボックス １６．矢印ナビ 画像切り抜き １７．六角形 １８．卵型＋星形
できる履歴書 - Wantedly
かんたんに、素早く、わかりやすい履歴書を。 入力したい場所をクリックして、さくさく書けます。入力中は「 書き方ヒント 」が表示されるので迷うこともありません。 Facebookログインすれば、履歴書を「 自動作成 」。サーバー上に 保存 して、次回から大幅に時間を節約することも出来ます。
JavaScript で if 文を書くとき必ず波括弧を書くべきと主張しているスタイルガイド - @kyanny's blog
新人さんの JavaScript のコードレビューをしていて、 if 文の本体部分を波括弧で囲っていないコードを見つけた。 おれは本体が一行しかなくても必ず波括弧で囲うようにしており（そのほうがわかりやすいと思っているから）、できればそうして欲しいけど個人の好みを押し付けるのはよくないので、広く支持されているコーディングスタイルガイドの類いで同様の主張をしているものが無いか探した。 Google とか Mozilla とか GitHub あたりのドキュメントを眺めてみたが if 文の波括弧についてはっきり言及している箇所を見つけられずにいたら、該当するドキュメントをいくつか教えてもらった。 http://contribute.jquery.org/style-guide/js/#spacing if/else/for/while/try always have braces and alw
全日本デスマーチ選手権
今週もやってまいりました。 全日本デスマーチ選手権。 日本中の兵どもが、プロジェクトを破壊するために死闘を尽くします。 本日は解説にギコさんをお呼びしております。 さぁ、ギコさん、ウンコーダ選手のまなざしはどうですか？ 「いやー面接じゃなにもわかりませんからねぇ。どんな荒業が飛び出すか想像もできません」 では、注目してみてまいりましょう。 おっと！ウンコーダ選手、テストコードの記述を拒否！！！！！ やったことがないから、できませません！！！！！ でたーーーー！！開幕早々の大技だ！ 「これはすごいですね。難しそうな作業は全部拒否するATフィールドを展開して、リーダを牽制しています」 おっと、リーダ、食い下がる。 しかし、理屈にならない理屈を並べて攻撃をかわします。 「面接でみせた、一見、口が上手くてコミュニケーションが得意そうにみえるという罠にはまりましたね。現場を離れた人が面接官だとよくひ
クリエイティブになりきれず
僕は美大の建築科を卒業して、設計事務所に就職した。美大の建築というと、皆アトリエ系という俗に言う有名建築家の事務所へ行き、弟子になるのが一般的なのだが、僕は奨学金もあったし、普通に社会人になったらお金も欲しかったので、一般企業である設計事務所へ。 同期は工学部ばかりだったので、美大卒の自分は意匠科に回してもらえるとばかり思っていたのだが、実際に配属されたのは積算科というお金の部署。毎日毎日人が書いた図面を見て、幾らになるか電卓を叩く日々。初めの頃は絶望しかなかった。上司に意匠に何とか入れないかとは相談したけど、聞き入れては貰えなかった。 だけど、僕の今の部署でも、お金の観点から設計に意見することは多々ある。予算がなければ建築は建たないのだ。これだって立派な設計の一部だと、最近では思う。 社会人になって、僕はお金と余裕を得た。美味しいお酒やご飯もいっぱい覚えた。広めの部屋に住み、好きなインテ
怠惰のすゝめ。Dockerで環境構築・テスト・デプロイを完全自動化｜CyberZ 公式エンジニアブログ
CyberZ 公式エンジニアブログ アドテクや最新のテクノロジーについて情報発信していきます ブログトップ 記事一覧 画像一覧 jsとcssで等身･･･ » 怠惰のすゝめ。Dockerで環境構築・テスト・デプロイを完全自動化 2014-06-02 11:04:38NEW ! テーマ：ブログ こんにちは、2014年新卒エンジニアの進藤です。 CyberZに配属されて1ヶ月経ちましたが、優秀な先輩エンジニアに囲まれ、刺激的な毎日を過ごしています。 さっそくですが、いま僕が進めているプロジェクトについてを説明します。 開発中のプロジェクトに対して、環境構築・テスト・デプロイの自動化を進め、開発のサイクルを早める仕組み・体制を整えています。 さらには運用中のプロジェクトに対して「Immutable Infrastructure」の概念を取り入れ、安全な運用体制についても調査しています。 まだ検証の
【パス初心者向け】トレースするときに気をつけていること - デザイナーのイラストノート
SVGの普及かアイコンブームか、パスを使ってイラストを描く方が増えた気がします。前から書いてみたかった、パスでトレースするときに気をつけるといい「作り方」と「考え方」を記事にしてみました。 文字をトレースしてみよう パストレースの練習として、文字やロゴマークをトレースすると言うのはよく聞きます。曲線あり直線有り中抜きあり、で練習にはいい素材です。特にフォントの場合はアウトラインをとることで、どこにアンカーポイントを置けばいいのか参考にすることが出来ます。 試しにこの2つのお題に取り組んでみました。この形を実現するのにどんな方法をとりますか？正解はいくつもありますが、例えばこの方法。 完成！いいじゃない！と思いますか？確かに形としては完璧なんですが、練習であれば個人的にはこちらをおすすめしたいです。 さっきとの違いが分かるでしょうか？3つの図形を組み合わせて文字の形を作っています。文字を書く
GithubKaigi 感想 #githubkaigi - mizchi's blog
昨日知ったんだけどAtomの作者きてて、Atomのコード全部読んだマンとしては懇親会で凸せざるを得なかった。英語がたまに通じなかったりしたんだけど、Qiitaの @yaotti さんに手伝ってもらったりして助かった。学びがあった。 Github Issue #githubkaigi うちもGithub Issuesで管理しているけど、Assigneeの変更ログとかタイトル変更のログが残ってくれたらもっと便利だと思うんですよ(ﾁﾗｯ— 俺は平気だよ (@mizchi) 2014, 6月 1 Githubで働くことについて #githubkaigi エンジニアがドッグフーディングできるプロダクトがある会社羨ましいと思う— 俺は平気だよ (@mizchi) 2014, 6月 1 リモートワークについて よい / Everything should have an URL #githubkaigi
最近話題になったイケてるWebサービス・アプリ12選（2014年5月編）
こんにちは。 5月が終わり6月が始まったということで、5月中に話題になったWebサービスやアプリを12個ほどご紹介します。 UTme!（ユーティーミー） ユニクロがリリースした、自分がデザインしたTシャツを購入できるサービスです。 スマホとPCのブラウザ上で、デザインし、完成したTシャツは1枚1990円で購入できます（送料450円：3点以上購入で無料）。 リリースした当初の利用規約は、ユニクロに全著作権が譲渡される内容になっていましたが、2014年5月20日に「著作権がユーザーに帰属する」といった内容に改定されています。 GHORUS（ゴーラス） GHORUSは、情報を一斉に拡散したい時に役立つ日本初の「クラウドツイーティングサービス」です。 知ってほしい情報やプロジェクトがあっても、1人の発信力ではなかなかたくさんの人に届かないもの。GHORUSに投稿し、共感して賛同してくれる人が一定数
鳥獣戯画、７年ぶり公開へ 修理完了、１０月から京博で：朝日新聞デジタル
動物を擬人化し、「日本最古の漫画」と評される国宝絵巻「鳥獣人物戯画（ちょうじゅうじんぶつぎが）」（平安～鎌倉時代、京都・高山寺〈こうさんじ〉蔵）の全４巻が１０～１１月、京都国立博物館（京都市東山区）の特別展で一挙に公開される。博物館が２６日発表した。４年に及ぶ修理の完成を記念したもので、公開は２００７年以来。 相撲や水浴びなどに興じるウサギやカエル、サルなどをユーモラスに描いた墨絵で、朝日新聞文化財団の助成を受けた修理が昨春に終わった。折れや擦れが目立ってきたため裏側から和紙で補強、汚れを取って画面が明るくなり、線が見えやすくなった。 特別展「国宝 鳥獣戯画と高山寺」は博物館や朝日新聞社などの主催で、１０月７日開幕。高山寺を開いた高僧を描いた国宝「明恵（みょうえ）上人像」も含め８０件を展示する。１１月２４日まで。 博物館はまた、新しい常設展示館「平成知新館（ちしんかん）」の開館記念展「京（
Go駆動開発で超速Pushエンジンを作った話
Go Conference 2014 spring で発表した資料。 受託開発に持ち込んだ事例紹介。 http://connpass.com/event/6370/
2014年夏季開始の新作アニメ一覧
夏の番組改編期がやってきます。年4回の改編のうち夏と冬は動きが小さい方なのですが、新たに始まる番組の数は約40本で、それほど減っているとは思えません……。どうチャンネルを渡り歩いていけばいいのか、どの番組をどのレコーダーに任せるのか、しっかり計画を立てていかないと大変です。 以下、放送局・放送形態を問わず、放送・配信時期が近いものから順番にリスト化しています。 ◆幕末Rock ・放送情報 TOKYO MX：7/2(水) 23:30～ サンテレビ：7/3(木) 25:30～ テレビ愛知：7/4(金) 26:35～ AT-X：7/5(土) 20:00～ほか BS11：7/10(木) 24:30～ ・概要 時はのちに幕末と呼ばれた時代、天歌泰平(ソング・オブ・ピースフル)――。 徳川幕府の「天歌(ヘブンズ・ソング)」により、民の心が奪われた泰平の世。 「天歌」を歌う「最高愛獲(トップ・アイドル)
パーフェクトRailsで俺が書いた所について思うこといくつか - joker1007’s diary
既に大きい書店の店頭には並んでいる所もあるようで、自分もアキバの書泉で現物を見てきました。 立ち読みして、ほほーうとやってる著者の図って感じです。 献本させていただいた方にも、既に届いていて読んだよーって言ってくれてる方がちらほら。 参考になったと言っていただけて、とても嬉しく思っています。 さて、今回はちょっと自分の担当した部分と思ってた事について少し書いてみたいと思います。 私が担当したのは、3章のアセットについてと4章のlibディレクトリ周り+Railsのロードパスについて、そして9章のモデル実践編みたいな所です。 一応それぞれありますが、主に言いたいのは9章についてですw 3章について CoffeeとSassについて、どの程度解説するか非常に悩みました。 実際、書くとなるとリファレンスマニュアルを日本語で解説する、以上の事はページ数的にできない。 かといって、昨今のRailsアプリ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.rubyfocus.biz/blog/2011/06/15/access_control_101_in_rails_and_the_citibank-hack.html
300万人をGoで捌いた話
Ik in action
Blogger
