昨日大阪で開催された、CSSオジサンっていうCSSの勉強会に行ってきたのでその雑感。CSSオジサンってだけに若者は少なかった。女性の人が思ったよりいた印象ある。 発表は、最初がCSS設計の教科書の著者である@hilokiさん。@hilokiさんと言えばCSS設計。「メンテなブルであり続けるためのCSS設計」というタイトルの発表だった。CSSを片手間に書いている人たち、@hilokiさんのスライドは一読すべきだと思う。 メンテナブルでありつづけるためのCSS設計 from 拓樹 谷 次が@cssradarさんで、「CSS Investigation: CSSコードレビューの仕方教えます」という発表。コードレビューをする側の心構えや、おなじみの便利ツールの紹介、コードの不吉な匂いの見つけ方とかの話だった。 最後が@t32kさん。「CSSオジサン、この先生きのこるためには」というタイトルで、@t

10. times for (i = 0; i < 10; i ++){ hoge() } while(true){ if(i => 10)break; hoge(); i++; } 10.times {hoge()} 11. どっちが分かりやすい？ for (i = 0; i < 10; i ++){ hoge() １０回hoge()を } 実行したい 10.times { hoge() } 12. 因みに • １から１０まで順番に引数を渡して実行する → 1.upto(10) { |i| hoge(i) } • 10から１まで順番に引数を渡して実行する →10.downto { |i| hoge(i) } • 1..10の範囲で実行する →(1..10).each{ hoge() }

webサイトに魅力的な動きを演出可能なjQueryプラグイン「A Cool Collection Of jQuery Plugins To Make Your Website More User Friendly」 シンプルなwebサイトももちろん魅力的ですが、独特な動きを取り入れることでもっと見栄えの良いサイトに仕上げることができるのではないでしょうか？今回はそんな時に利用したいjQueryプラグイン「A Cool Collection Of jQuery Plugins To Make Your Website More User Friendly」を紹介したいと思います。 Textillate.js ちょっとしたさりげない動きから、メインとなる部分に取り入れられる演出まで、いろいろなタイプのjQueryプラグインが紹介されています。 詳しくは以下 Salvattore — A jQu

フルスクリーンサイズでデザインされた縦長ページの各セクションの高さは、表示高さのいっぱいだったり、次のセクションが少し見えるように実装します。 高さがいっぱいではない時、例えば80%, 90%だと通常はスクリプトでの実装を必要としますが、IE9+対応でCSS一行で簡単に実装できるテクニックを紹介します。

TL;DR 2014/12/01：続編である「最近のサイトで使われていた CSS 小技集」を書きました。 今回は CSS のみで実現できるもの、動きあるエフェクトやこれから使用頻度が高くなりそうなものをメモしておきます。さり気なく使いたい CSS テクニックです。 画像 １．キュレーションサイト風のランキングボタン キュレーションサイトがサイドバーに「よくつけてる」ランキングボタンです。counter-incrementで数値を増加させ、content: counter()でカウンターを表示します。人気の記事を表示させる WP プラグイン等と組み合わせるといいですね。ざっくりとしたソースで申し訳ないです、微調整はお願いします。 html <ul class="sample"> <li><img src="xxx.png" /><span class="post-title">テストテストテ

1. E N G I N E E R I N G 俺のエンジニアリング - エンジニアリングにチームビルディングは必要なのか - 及部敬雄 @TAKAKING22 2014.11.8 プレイバックDevLOVE現場甲子園 2. 及部 敬雄 @TAKAKING22 ● WEBサービス開発 ● 唄って踊れるエンジニア ● 野生のアジャイラー ● 邪道スクラムマスター ● チェンジエージェント ● チームファシリテーター

2024 著作権. 不許複製 プライバシーポリシー

近年、Webデザインはよりシンプルな方向へ移行してき ている。その背景として、マルチデバイス、レスポンシ ブ、フラットデザイン、モバイルファーストなどが挙げ られるが、その中でも海外でトレンドになっている「ミ ニマルデザイン」についてフォーカスしてまとめてみた。 というか、この辺りのデザイン哲学が好きなので、 考えをまとめてみたいというのもある。Read less

Some of the patterns used while building Reverb.com's large codebase including concepts from DCI and Clean Architecture such as Use Cases, Roles, Events…

12月1日から25日まで1日に1つ、みんなで記事を投稿するAdvent Calendarの作成や管理をおこなうことができます。

南場氏が5年かけて口説き落とした人物、それが前田裕二氏。現在、DeNAにてアイドル他の番組ストリーミングサービス『SHOWROOM』総合プロデューサーとして事業を推進。新卒で別の道を選んだ彼への南場氏の口説き文句とは？DeNAが必要とした彼を知ることで「過酷な環境を生き抜く優秀人材」の要件が見える。 ［関連記事］怠け者こそ「習慣」を味方にすべき。SHOWROOM 前田裕二に訊く、爆速成長への近道 前田裕二を知ると、苛烈なWEB業界の競争を勝ち抜く人材要件が見えてくる 「一緒に働きたいと思った人は、何年経っても待つ！」 「人材の質には妥協しない」 インタビューやイベントで公言し続ける株式会社ディー・エヌ・エー（以下DeNA）　ファウンダーの南場智子氏。そんな彼女が、一度は新卒の内定を蹴られたにも関わらず、5年経っても採用したいと思わせた若手人材がいる。 それが、現在DeNAにて、アイドルやア

テクノロジーの発展につれて、HTML・CSS・JavaScriptの書き方やスマートフォンアプリの作り方に精通した人材は、テクノロジー業界において引く手あまたです。ウェブデザインやプログラミングを習得できるオンライン学習講座が増えてきていますが、古典的な授業内容がメインで分かりづらいものが多いのが実情。そんな中、知識がなくてもわずか5秒のアニメーションGIFでプログラミング技術が分かりやすく学習できるオンラインスクール「Madrassa」がスタートしています。 Madrassa http://www.madrassa.co/ 「Madrassa」はウェブデザインやウェブサイトなどの作り方を、「コード知識がなくても学ぶことができる」というコンセプトで始まった実験的なオンラインスクール。5秒のGIFアニメを使ったデモによる授業スタイルとなっており、今後成長していくと見られるeラーニングの新しい

Webサービス記事タイトルに悩んでいる人が試してみると面白い！キャッチコピーを自動作成してくれる「メガトリ」2014年11月13日79 @JUNP_Nです。ブログ初心者が悩みがちな「記事タイトル」を自動生成してくれるWebサービス「メガトリ」というものが公開されたということで、試してみました。ブログを始めたばかりだけれど、どうしたら目に留まる記事タイトルを作れるのか考えたい人はお試しください。