実際のサイト上で動作するチュートリアルが簡単に作れるIntro.jsが便利すぎる件 - (ﾟ∀ﾟ)o彡 sasata299's blog
2013年05月08日18:21 JavaScript 実際のサイト上で動作するチュートリアルが簡単に作れるIntro.jsが便利すぎる件 さて、先日簡単なチュートリアル作ろうと思ったんですが、どうやるのが良いのかなーと思って悩んでました。キャプチャ取ってそこに説明文を書いて…ってしてもいいんですけど、キャプチャだと一部分なのでサイト上のどの辺なのかわかりにくかったり、サイト側は変更したのにキャプチャが古いままとかになったりしちゃいますよね＞＜ とか思って探してみたらこちらの Intro.js が便利だったので紹介してみます。 さて、この Intro.js を使うとですね、サイト上で動作するチュートリアルを簡単に作れるんですよ。使い方も簡単で、動作させたい要素に対して data-intro (表示する説明文) と data-step (チュートリアルの何番目に表示するか) を指定します。チ
正規表現 基本の「き」 | HTML5 CSS3 JavaScript – WEBYA.IN
正規表現をもっと身近に感じてもらうためにも、もっとスムーズに習得するためにも、WEBYA.INではメタ文字を擬人化してみた（素材はだいたい イラスト工房ユニ様から拝借いたしました） .：ピリ子 ピリ子(24歳)求められると断れないちょっとエッチな OL マッチするもの：任意の１文字 SAX SOX SIX これらには、以下の正規表現でマッチさせる S.X []：ブラケット姉妹 姉ケット 姉ケット（22歳）包容力があり聞き上手。紅茶が好き マッチするもの：ブラケット内の１文字 SAX SOX SIX これらには、以下の正規表現でマッチさせる S[AOI]X [^]：ブラケット姉妹 妹ケット 妹ケット（17歳）まだトゲがあるガラスの十代。未だにATフィールドが云々とか言ってる マッチするもの：ブラケット内に並べた文字を否定する SAX SOX SIX SRX SSX SVX S-X 以下の正
CSS image replacement. One more time. – Nicolas Gallagher
An accessible image replacement method using pseudo-elements and generated-content. This method works with images and/or CSS off, with semi-transparent images, doesn’t hide text from screen-readers or search engines, and provides fallback for IE 6 and IE 7. Known support: Firefox 1.5+, Safari 3+, Chrome 3+, Opera 9+, IE 8+ What’s wrong with current methods?The two most widely used image replacemen
jQuery Joyride Plugin | Playground from ZURB
Joyride Create jQuery Feature Tours in a Breeze Setting up Joyride is simple, just attach the needed files, drop in your markup and choose your settings. Joyride is extremely flexible and lets you take control of how people interact with your tour. We programmed it to be cross-browser compatible with modern browsers and even used some fancy CSS to avoid images. Now let’s see just how easy it is to
http://inputxoutput.com/vim-tutorial/
For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.
#ビックリマン風 【素材】フォトショップでプリズムもどき【メイキング】 - アマルのマンガ #ヘッドだけロココ #メイキング #素材 - pixiv
マウス作業なので、ペンタブ不要ですよ。―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――ビックリマン風のイラストを何度か作ったこ
Fireworksで海外風のイケテルボタンを作ってみた！
こんにちは！ 最近、PCの見過ぎが原因か目がショボショボの鈴木です。 流行のPC用メガネが気になってます。 さて、今日はFirewoorksでかっこよさげなイケテルボタンを作ってみたいと思います。海外のサイトとかでよく見ますよね！ こちらが完成イメージ。 １）背景 では早速背景を作っていきます。 こんな感じで長方形を書きます 微妙にグラデーションをかけるのがポイント！ ２）背景にノイズを追加 フィルター ＞ ノイズ ＞ ノイズを追加 今回はこんな感じで適用しました。 これを背景の上に配置して、乗算をかけると 見た目だとわかりにくいですが、こんな感じになります。 ３）検索ボックスの背景 真ん中に角丸長方形を書きます こんな感じで背景より少し濃いめのグラデーションと、少し薄めの線です。 ４）立体効果の追加 非常にわかりにくいですが、ベベルとエンボスと光彩（外側）をかけて深みをだします。 詳細は
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
連載: IBM Watson Workspace #鬼わか アプリケーション開発: 第 7 回: IBM Watson Workspace で AI を利用したアプリ連携の実現 #鬼わか 解説（前編）
Perl Ocean
Overview Oceanは、XMPPプロトコルを中心とする、リアルタイムコミュニケーションフレームワークスイートです(XMPPプロトコルについては プロトコルガイドで解説します)。つまり、リアルタイムコミュニケーションサービスを実現するためのフレームワークの集合で、次のような機能の提供を実現することを目指しています。 一対一のインスタントメッセンジャー プレゼンスサービス グループチャット オーディオチャット、ビデオチャット イベントのプッシュ通知 また、他のJabber/XMPPライブラリやフレームワークと比べたときの特徴として、次のようなものを目指しています。 Webサービスとのインテグレーションを前提とした設計 クラスターサポート デファクトスタンダードな拡張を一通り標準サポートしたフルスタックフレームワーク WebSocketなどを利用したHTTP Bindingの独自サポート
iPhone開発が0から学べるiOS5対応チュートリアル動画 50個 | Last Day. jp
こんにちは、最近毎日Xcodeを触っています@sayobsです。ずっとXcodeを触ってなかったら色々進化していてびっくりしました。 僕はいつもYouTubeでチュートリアル動画を探して勉強します。YouTubeにとてもわかりやすいチュートリアル動画があったので紹介します。しかもiOS5対応です:) ※英語でのチュートリアルになります。 チュートリアル動画 50個 Cがわからない方向けのチュートリアル動画もあります! まずはここから。if,for loopなど基本的な事が学べます。 Cの理解が深まったらobjective-cのチュートリアル動画を観ましょう！0、1とあるんですが飛ばしても大丈夫です。実質2からがチュートリアルです。Class名の付け方とか基本的な事が学べます。 NSArrayやNSDictionaryについて。 実際にXcodeを使ってHello,Worldを表
jQuery事始めvol.3・プラグインに頼らず自分でクリックで切り替わるタブメニューを作ってみる
暫く空いてしまいましたが、jQueryを コピペに頼らず自分で書いてみよう、 という記事。第三回目です。僕よりも 全然詳しい人のほうが多いんですが、 最近何度かデベロッパーさんの憤り の発言を目にするので多少でも貢献 出来ればと思います。 というわけで第三回目はよく見るタブメニューを書いてみましょう、というもの。 「jQueryを使ったスムースなタブメニュー – ウェビメモ」という記事をお見かけしたのですが、簡単なタブメニューですのでコピペにもプラグインにも頼らず自分で作ってみようじゃないかと、そういう趣向です。 内容は完璧に良いコードとかではなく、あくまで脱ビギナーという内容となります。ビギナーの僕が何様だみたいな話は置いといて。 分かりやすさをメインにしていますので厳密には説明が少し違う点もあるかもしれません。誤解招きそうな記述ありましたらご指摘下さい。 ゴールの確認まず完成形を見てみ
WordPressのオリジナルテーマ作成フロー・基本マニュアル
初めてWordPressオリジナルテーマの作成にトライしたい、という方向けの基本のマニュアルです。マニュアルというほど大袈裟なものではありませんけど、ある程度敷居が低くなると嬉しいなぁという思いを込めて記事にします。 この記事の内容はあくまで基本中の基本で、初心者・ノンプログラマー向けとなっていますので応用的な情報は殆どありません。また、説明の仕方も分かりやすさ重視で、厳密的にはちょっと違う点もあります。 初心者さん向けに、もう少し情報があってもいいかなと思って、書いてみることにしました。僕もまだまだ初級レベルなので一緒に学んでいきましょう。初級者レベルでこんな記事書くなって話ですけども。 目次目次です。各セクションで必要と思う場所から見るようにしてください。 はじめに作成するWebサイトの目的と構造テーマ作成前に用意するものと環境テーマの構造を（触り程度だけでも）理解するHTMLからテー
50 Most Impressive Photoshop Tutorials of All Time - The Design Inspiration
Photoshop has the ability to read and write raster and vector image formats. Photoshop has ties with other Adobe software for media editing, animation, and authoring. Photoshop’s primary strength is as a pixel-based image editor, unlike vector-based image editors. However, Photoshop also enables the creation, incorporation, and manipulation of vector graphics through its Paths, Pen tools, Shape to
プロレベルでクオリティの高いWEBサイトレイアウト作成Photoshopチュートリアル集:phpspot開発日誌
25 Excellent Photoshop Web Design Layout Tutorials プロレベルでクオリティの高いWEBサイトレイアウト作成Photoshopチュートリアル集。 かなりクオリティが高くて、１つの仕事としてうけちゃったほうがよいぐらいのチュートリアルが沢山です。 本などでこうしたチュートリアル集を買うと千円以上したりしますから、なんとも有り難いですね。 英語で書かれていますが、英語力も同時に向上させちゃえるという意味では本当にいい教材です。 関連エントリ 立体感がうまく出たWEBサイトデザイン作成Photoshopチュートリアル スタイリッシュなWEBレイアウト作成Photoshopチュートリアル フレッシュなPhotoshop用WEBレイアウトチュートリアル２５ 3Dエフェクトを使った綺麗なグラフィックを作るPhotoshopチュートリアル集
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CODEPREP
http://www.playingwithfire.com/
Learn to Code HTML & CSS
http://www.designwalker.com/2009/03/icon-tut.html
AS3.0 | にゃあプロジェクト