セミナーで話すことの意味：登壇者 Advent Calendar 2017 12日目 ｜https://wp.yat-net.com/name
2017年 12月 12日 セミナーで話すことの意味：登壇者 Advent Calendar 2017 12日目 カテゴリ： 交流 タグ：登壇 この記事は この記事は 登壇者 Advent Calendar 2017 12日目の記事です。 セミナーで話すことは自分の中にある知見を自分の中に整理し、それを提供することで様々なものが得られます。 情報の整理は自分にとっての復習になるので自分のための勉強になる 人前で話すことによりアウトプットになる コミュニケーション力が上がる セミナーによっては報酬がある 自分のことを知ってもらえる etc 聴講側であれば自分の知りたいことや知り得なかったことを知れるのがメリットですが、登壇側にもこれだけのメリットがあります。 僕はセミナーで話すことは自分自身の勉強になるのが一番のメリットだと感じています。 例えば、発表の際に資料を作りますが、知らない人の前で
XDでちょっとだけ楽する作業フロー - beer_outputのブログ
WEBページのプロトタイプでちょっと楽する作業フロー イエェ〜〜〜〜イッッ！！ 初めましての方は初めましてごきげんよう。 今回こちらのアドベントカレンダーに参加させていただきました。 Adobe XD Advent Calendar 2017 Adobe XDにまつわるあれやこれやを楽しく書きましょー。遅刻も気にせず2017年中に埋めるの目標！ 楽しい使い方 他のツールとの比較 事例 (よくわからないけど)思い出とか記録とか なってのがいいのでは。参考Adobe XD Advent Calendar 2016 https://adventar.org/calendars/2145#list-2017-12-03 せっかくの機会。そして最近、業務でXDを使うことがあって四苦八苦したりしたのでそれの所感など！ 公開が遅くなったことをお詫び申し上げます。 この記事で何がわかるの？ ※使用している
ページを作ったあとの改善フローのセオリー | Webデザインセオリー Advent Calendar 2015
ページを作ったあとの改善フローのセオリー | Webデザインセオリー Advent Calendar 2015 2015/12/24 | カテゴリー: Creative | タグ: EC, まとめ, 考え方 タイトルとURLをコピーする Tweet yatさんに直接声をかけていただいたので Webデザインセオリー Advent Calendar 2015 というお題に対して記事をかいてみました。 Webデザインセオリー Advent Calendar 2015 とは デザイン、レイアウト、フォント、カラー、イラストなど、デザインに関するブログを書きましょう。 Webデザインを作る上で使う、ツールの使い方なんかでもOK！ 小ネタやTipsから、ガッツリとした記事、どんな形式でも構わないので、やってみませんか？ といった企画のアドベントカレンダーです。 最初に Webデザインセオリーと聞いてす
軽めのjQuery Advent Calendar 2012 - Adventar
なんかやってみたいけどわかんなーい☆てな方も気軽に参加してみませんか。 目安は記事が一画面に収まるくらいでどうでしょうか。 本気の記事は別カレンダーでやって！ 思いつかないなーって人向けの例 API解説 ... .find()と.children()の違い プラグイン ... jQuery.xxxの使い方 UI ... 閉じるボタン実装例 生JavaScriptは勘弁な。 簡単に書いて簡単に読めるような記事をお願いします！
JavaScriptから見たCSS。CSSを学ぶという事。（CSS おれおれ Advent Calendar 2012 – 24日目） | Ginpen.com
CSS おれおれ Advent Calendar 2012 – 24日目 CSS おれおれ Advent Calendarの今年最後の記事です。JavaScript視点でCSSを考えてみます。 先に結論を申し上げると CSSがあるお陰でJavaScriptが便利に！ JavaScriptをやるならCSSを学ぶ必要があるし、CSSを習得した人ならJavaScriptを始めるのに有利！ というお話です。 なおCSSなる単語が出現してきた時点でお分かり頂けると思うが、クライアント側JavaScript、つまりウェブブラウザーで動くJavaScriptが文脈です。Node.jsとかは今回の範囲外。（もちろん、あれも楽しいよね！） あ、あとSVGやらも範囲外です。 断定的に申していても、常々例外はあるものです。 JavaScriptで出来る事、出来ない事 JavaScriptそれ自体が出来る事は、あ
CSSだけでウィンドウぴったりに表示する編集画面を作る。（CSS おれおれ Advent Calendar 2012 – 23日目） | Ginpen.com
CSS おれおれ Advent Calendar 2012 – 23日目 メールとかブログ記事とかの編集画面みたいなのがあって、それをウィンドウいっぱいに表示するとき、ウィンドウに合わせて縦方向に伸ばすのってどうしてますか？ JavaScript使っちゃいます？ それCSSで出来るよ！ ウェブサービスではあんまりないUIだと思うけど、ウェブアプリ的なものだったらよくあるのでは。 概要 ネタバレ。 height:100%で常に画面の高さに合わせつつ、固定の部分についてはpaddingで隙間を用意します。その際にbox-sizing:border-boxを指定する事で、隙間の部分まで含めた高さを指定出来るようにします。 高さを100%に出来る場合、出来ない場合について知る 昔書いたのでちらと読んでみてください。 CSSでheight:100%を使う方法について。 一言で言うと、上位要素に高さの
CSSの変化をアニメーションさせるtransitionについてまとめたよ。（CSS おれおれ Advent Calendar 2012 – 22日目） | Ginpen.com
CSS おれおれ Advent Calendar 2012 – 22日目 (ヽ´ω`) oO( また日が昇ってからの更新になってしまった……。 ) 前提：CSSにおけるアニメーションは以下の二種類あります。 Transitions … 変化するもの Animations … 動き続けるもの 今回は前者について取り上げます。後者もいずれ。 概要 transitionは値の変化をアニメーションさせる、という事を指定するものです。 例えば青色をしたリンクにマウスカーソルを乗せると赤色になる、というような場面で、その変化を時間を付けて行わせる事ができます。 常に動き続けているようなアニメーションは、animateの方の領分です。 使える場面 あくまで「変化」を対象にしているため、何らかの（主に利用者の）操作が必要です。 なので、変化する状態を示す擬似クラス（:hoverとか）や、JavaScrip
ホームページだけじゃない！管理システムとしてのWordPress #wacja2012 | H.I. Art Works Web Technorogy
『WordPress』と聞くと、ブログや企業などのウェブサイト、ポータルサイトなど、いわゆる日本で「ホームページ」と呼ばれるモノを連想される方が多いと思いますが、WordPressは非常に柔軟に設計されていますので、カスタマイズによって様々な事が出来ます。 今回、実案件でちょっとした管理システムを制作させていただいたのですが、これが自分としては、なかなかの出来で、クライアントさんにとってかなり業務効率の改善に繋がったと思うので、 “どやぁ！( ﾟдﾟ)” “WordPressってこんな事も出来るんですよ” って感じでご紹介したいと思います。 ちなみに今回の記事はWordPress Advent Calendar 2012に参加しています。 「クリスマスまでの間、みんなで順番にWordPressの記事を書こう」っていうイベントです。 WordPress Advent Calendar 201
CSSでグラデーションを使うときにhsl()が便利すぎる。（CSS おれおれ Advent Calendar 2012 – 19日目） | Ginpen.com
CSS おれおれ Advent Calendar 2012 – 19日目 CSS 3では色の指定にhsl()を使う事が出来ます。すなわち色相 (Hue; 0-359)、彩度 (Saturation; 0%-100%)、輝度 (Lightness; 0%-100%) による色の指定です。さらに不透明度を加えたhsla()もあります。 グラデーションをlinear-gradient()で実現するとき、このhsl()を使うと綺麗に記述する事が出来ます。 実例 こんなグラデーションを実装します。 #rrggbbを使ったグラデーションの例 まずは#rrggbbで書いた例です。 background-image: linear-gradient( top, #ffffff 0%, #a3daf5 50%, #75c7f0 51%, #19a1e6 100% );
Sass と Stylus の比較 - CSS Preprocessor Advent Calendar 2012 - kojika17
CSS Preprocessor Advent Calendar 2012 19日目の記事です。 CSS Preprocessorは、CSSに拡張機能を持たせるメタ言語と呼ばれるものです。 CSS Preprocessorでよく耳にするものに、SassやLessがあります。 私も以前からSassを使用していましたが、最近Stylusを使い始めたので、SassとStylusの比較を行ってみます。 拡張子とシンタックス 使用できる拡張子は.sassと.scssの2つ。 拡張子によってSass記法かSCSS(Sassy CSS)記法に分かれます。 Sass記法(.sass) #header color: #000 h1 font-size: 2em SCSS記法(.scss) #header { color: #000; h1 { font-size: 2em; } } SCSS記法の方がもとも
並んだ要素の高さを揃えるCSS。というか、table。（CSS おれおれ Advent Calendar 2012 – 17日目） | Ginpen.com
CSS おれおれ Advent Calendar 2012 – 17日目 例えば商品一覧。float:leftを駆使したりdisplay:inline-blockしたりと苦労が多いですが、表tableを使えたら楽チンですね。 使えたら楽だなーでもHTMLの意味を考えるとアレだよなーってな場合、HTMLのマークアップは適宜行いつつ、CSSでそれを表として扱わせる、という事ができます。 利用可能な環境 モダンブラウザーでは大丈夫。IEは8からサポートしています。 CSS的には2.1からあります。CSS 3でも記載はありますが、現時点では詳細はまだない (forthcoming) ようです。 HTMLのtable HTMLで表tableを書くとこんな感じですね。
Fireworks Lover Advent Calendar 2012 - Adventar
Fireworksのここが便利！この機能がたまらない！こんなところが好き！こんなこともできちゃう！！などなど、Fireworks大好きなAdventCalendarです。
jQueryのDeferredを用いたモダンなAjax処理の書き方
目次 jQuery 1.4以前の書き方jQuery 1.5以上の書き方jQuery 1.8以上の書き方【発展編1】Deferredを用いた書き方 deferredとは何か？【発展編2】$.when() を用いた書き方参考本エントリは軽めのjQuery Advent Calendar 2012の14日目の記事として書きます。軽めといいながら少し重めになってしまった感がありますが、初めてのAdvent Calendar参加ということでご勘弁を。 ※ Twitter API仕様変更によりTwitter APIを使ったコード例は現在動作しなくなっていることにご注意。 jQuery 1.4以前の書き方まずは、少し古めのコード、昔のjQueryの本とかでよく見る書き方。 $.ajax({ url: "ajax.html", success: function(data) { alert('succes
jQueryで使えるけどCSSでは使えないセレクター。（CSS おれおれ Advent Calendar 2012 – 13日目） | Ginpen.com
CSS おれおれ Advent Calendar 2012 – 13日目 今日はちょいと視点を変えて見ました。 jQueryの特徴的な機能として「CSSのセレクターを使って要素を検索できる」というのがあります。 ただしjQueryでは独自に拡張してCSS本来のセレクターよりも強力だったりします。逆にjQueryを普段から使っていてたまにCSSを書こうとすると迷う場面もありそうです。 というわけで、jQueryが独自に拡張しているセレクター一覧です。（属性非同値セレクター以外は全部疑似セレクターですね。） 全般 [name!="value"] Attribute Not Equal Selector [name!=”value”] – jQuery API 属性が指定の値でないものを検索します。 .not('[name="value"]')の方が高速です。 意外とこれCSSにないんですよね。
CSS3で、ボールが反射するゲームを作ったよ。 <br>CSS Programming Advent Calendar 2012
CSS3で、ボールが反射するゲームを作ったよ。 CSS Programming Advent Calendar 2012 2012-12-11 JavaScriptを使用せずに、HTMLとCSSを駆使して、ゲームやスライドショーなどを作る、CSS Programming Advent Calendar 2012に参加してみることにしました。 私が題材にしたのは、昔よくFlashのゲームであった、バーを動かしてボールが反射するゲームです。 作ったもの ゲームは、突然始まります。 一定以上ゲームが進むと、クリアです。 推奨ブラウザは、Opera12.10以上。 他にも、IE10や最新のFirefoxやChromeなどであれば、きっと動くと信じてます。 後ろでCSSをぐるんぐるん動かしているので、ゲームの判定がスルーしたり、ゲーム自体が途中で止まる可能性もあります。 その場合はブラウザをリロード
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
g.o.a.t - 縦書き可能なブログサービス
CSS でペライチ
リセットCSSをダウンロードしてくるのが面倒なら、覚えてしまえばいいじゃない。（CSS おれおれ Advent Calendar 2012 – 12日目） | Ginpen.com