言葉を曖昧に使うの、やめませんか？ ツイッターを使った“言葉の筋トレ”のススメ | キャリアハック（CAREER HACK）
なんとなく言葉を使うと振り回される ー平野さんが習慣にされている、「＃本当は良くわからないまま使っている用語を整える」について、まずは教えてください。 この取り組みの目的は、本当は言葉の意味を良く分らないまま使ってしまっている言葉を自分なりにちゃんと定義するためです。 たとえば、「問題」と「課題」。 日本語だと、どちらも「題」という文字が使われていて、見た目も響きも似ているし、混同して使ってしまいがちな言葉の一つですよね。 そういった曖昧にして使っている言葉を自分でちゃんと調べてみる。そして、スライド一枚にまとめることで、情報を整理し理解を深めています。 ーそもそも、なぜこの取り組みをはじめようと？ 言葉を曖昧にしているがゆえに、言葉に振り回される、そんな経験が私自身、何度かあったからです。たとえば、先ほどの「問題」と「課題」を例にお話すると、本来であれば、こんなふうに違いがあります。 ・
【jQuery】プラグインを使わずに、簡単にサイドからスライドして現れるメニューを実装する(ほぼCSS) | UNORTHODOX WORKBOOK | Blog
UNORTHODOX WORKBOOK BLOG TOP›Web Design›【jQuery】プラグインを使わずに、簡単にサイドからスライドして現れるメニューを実装する(ほぼCSS) 最近はモーダルっぽい感じでメニューをページ全体に表示するパターンが増えてる気がするし、もう随分色々な方法やプラグインがあって、かなり今さらなネタですけど、クリックでサイドからスライドして現れるメニューの新たな知見を得たので書き残しておきたいと思います。 「新たな知見」といっても、誰でも考えつくようなことで、そんなに大したことではなく、「あぁ、なるほど」とちょっと思った程度のことですが。。。 クリックでサイドから現れるメニューとは 何て言う名前なのか良く分からないので、デモを。デモページ右上の三つの四角いボタンをクリックすると、にょきっと横からスライドして現れるやつがそうです。 jQueryを利用していますが
2時間でSassを習得！Sass初心者向け講習スライド大公開！ | WebNAUT
※この記事は2014年2月4日に執筆された記事です。現在は仕様が異なる可能性があります。 CSSを効率的に書ける言語として昨今話題のSass。 これから導入をお考えの方に向けて2時間でマスターできる初心者向けのSass講習スライドを公開致します。 普段CSSを書く人も書かない人もSassがどういうものかを知る良い機会ですので、是非ご覧ください。 スライドに沿って実践すればSassの基本を短時間でマスターできます！ この講習では目で見るよりも実際に触れる事で理解が深まるよう、実習スタイルを取っています。 実習に使うファイルセットはこちらからダウンロードして上記のスライドと合わせてお使いください。 https://webnaut.jp/download/markup_140204/sass.zip（3.5MB） Sassの良さを活かすためには、チーム全員がSassを理解することが大切 Sass
slidebox.js
今さら感がありますが、アップルのサイトにあるようなあんな感じとか、ニュースティッカーみたいな使い方とか、幅広い用途に対応した汎用性の高いスライドスクリプトです。脱jquery☆ slidebox.jsの概要スペース的に多くの情報を掲載できないこと、ありますよね。でも掲載したい！そんなジレンマであなたは今日も眠れないでしょう。そんなお悩みとはもうオサラバ！slidebox.jsを使えばあなたは今日から快眠ライフです！ よく理解できないと思いますが、平たく言うとiTunesとかAppleとかにある横にスライドするコンテナのアレです。でも縦にスライドさせることもできます。変幻自在です。 Webページ内の限られたスペースを有効活用できる素晴らしいスクリプトです(自画自賛) slidebox.jsの機能 縦にも横にも 横へのスライドのみならず、縦に複数件表示してスライドさせることもできるゾ！ スマホ
[CSS]スタイルシートだけで実装されたスライドショー -Pure CSS Slideshow
CSS3を使って実装された、スライドのアニメーションや各パネルのダイレクトリンク機能を備えたスライドショーを紹介します。 Pure CSS Slideshow [ad#ad-2] スタイルシートだけで実装されたスライドショーはアニメーションでスライドするので、CSS3 transitionに対応したChrome, Safariでお楽しみください。 Firefox 4などの非対応ブラウザでは、アニメーション無しでスライドされます。 また、各パネルへのリンクは#リンクに対応しており、個別のパネルにリンクすることも可能です。 1ページ目を表示 IE7でのキャプチャ HTML スライドする各パネルはdiv要素で実装されています。 <div id="a1"> <div id="a2"> <div id="a3"> <!-- Top Navigation. Ya, tables are evil. -
Easy Slider -画像やコンテンツをスライドで切り替える[jQueryプラグイン] - JavaScriptテックラボ - [SMART]
使用方法 リスト要素のパネルをスムーズなアニメーションでスライドさせるスクリプト「Easy Slider」をcss globeから紹介します。 Easy SliderはjQueryのプラグインのため、実装にはjquery.jsが必要です。 Easy Sliderからファイル一式をダウンロードします。 Easy Slider 1.7 - Numeric Navigation jQuery Slider HEAD要素にjQueryとEasy Sliderプラグインを呼び出すコードを記述します。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="easySlider.js"></script> 続けてHEAD要素にEasy Sliderを呼び出すスクリプトを記述
![Easy Slider -画像やコンテンツをスライドで切り替える[jQueryプラグイン] - JavaScriptテックラボ - [SMART]](https://cdn-ak-scissors.b.st-hatena.com/image/square/efeb6493234f33406d242c048873a805fca99c63/height=288;version=1;width=512/https%3A%2F%2Frfs.jp%2Fwp-content%2Fthemes%2Fsmart%2Fogpimage.png)
JavaScriptでdiv要素をさくっとスライド!「jQuery Slider2」
twitter facebook hatena google pocket 画像をスライドさせるものは多くありますが、画像だけじゃなくテキストやリンクもまとめて何枚かのスライドにしたい。 jQuery Slider2を利用するとこれを軽量のJavaScriptで実現してくれます。 sponsors 使用方法 jQuery Slider2からjquery.slider.min.jsをjQueryからjquery.jsをダウンロードします。 CSSはこちらからとってきましょう。 <link href="jquery.slider.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script type="text/javascr
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
