実際のサイト上で動作するチュートリアルが簡単に作れるIntro.jsが便利すぎる件 - (ﾟ∀ﾟ)o彡 sasata299's blog
2013年05月08日18:21 JavaScript 実際のサイト上で動作するチュートリアルが簡単に作れるIntro.jsが便利すぎる件 さて、先日簡単なチュートリアル作ろうと思ったんですが、どうやるのが良いのかなーと思って悩んでました。キャプチャ取ってそこに説明文を書いて…ってしてもいいんですけど、キャプチャだと一部分なのでサイト上のどの辺なのかわかりにくかったり、サイト側は変更したのにキャプチャが古いままとかになったりしちゃいますよね＞＜ とか思って探してみたらこちらの Intro.js が便利だったので紹介してみます。 さて、この Intro.js を使うとですね、サイト上で動作するチュートリアルを簡単に作れるんですよ。使い方も簡単で、動作させたい要素に対して data-intro (表示する説明文) と data-step (チュートリアルの何番目に表示するか) を指定します。チ
Intro.js - Step-by-step guide and feature introduction for your website
No dependencies, fast and small 10KB JavaScript and 2.5KB CSS, that's all (minified, gzipped). User-friendly Navigate using keyboard or mouse. Easily change the themes for your website. Browser compatibility Works on Google Chrome, Mozilla Firefox, Opera, Safari and even Internet Explorer. Why using Intro.js? When new users visit your website or product you should demonstrate your product features
1stWebDesigner • Helping You Build a Better Web - For Web Professionals
Learn Web Design Retro CSS Text Effect: A Step-by-Step TutorialCSS offers an array of tools that, when used correctly, can improve the visual experience on your website. In this tutorial, we’ll explore a straightforward way to design a retro text effect with pure CSS. The approach, while not overly complex, yields a visually appealing result and serves as a… UX surveys can be pivotal tools for des
Macアプリを作ろう―より良いユーザビリティの為に。 - Born Neet
といっても、初めの50ページぐらいこそコードを打ちながら真面目にやりましたが、途中から飽きて流し読みしました。まぁその程度です。 なお、原著は既に第4版が出版されていますので、英語を読める人はCocoa Programming for Mac OS Xを購入する方が、安いし情報も新しくて良いでしょう。（当然、Kindleならもっと安いです） 環境は、Mac OS X 10.7.2、Xcode 4.2.1です。 Xcodeが入っていない人は、Mac App StoreからXcodeをダウンロードして、Install Xcodeを実行して下さい。（XcodeはDL→Installと何故か2段階になっています。） ※ バージョン4.3から、直接インストールされる構成に変更になったようです。なお、サンプルは4.3でもBuildできることを確認しています。(2012/3/6 追記) なお、Macアプ
ここまで教えてくれていいの？！WEB屋のテンションと底力を上げる厳選チュートリアル色々！ | バンクーバーのうぇぶ屋
WEB制作のチュートリアルって本当に多いですよね。 でも、本当に役に立っている、制作に生かせてるチュートリアルって少なくないですか？チュートリアルの過程が中途半端だったり、途中からついていけなくなったり。はたまた、続きは有料なんて物も今までありました。 しかし！僕の短いWEB屋人生ですが、年に2、3は『お、おぉぉ！マジテンション上がるWA！』と叫びたくなるチュートリアルに出会うことが稀にあります。そんな感銘を受けたチュートリアルは速攻でFacebookにアップしているのですが、今回は今日まで見てきた中で、余りにクオリティが高かったり、確実に自分や周りのスキル、そしてテンションを上げたチュートリアルを厳選してご紹介！ 英語記事メインですが、デザインよりならステップbyステップなのでなんとかなります！コードなら、Demoとか多いので見ながらついていけば理解できます！是非参考までに流し読みして見
Croppy
2020年におけるベストオンラインカジノ８選06 January 2021 カジノの定番中の定番ゲーム「テーブルゲーム」をオンラインでプレイしましょう! 無料プレイも可能な人気の「ベラジョンカジノテーブルゲーム」で真剣勝負! ... カジノの定番中の定番ゲーム「テーブルゲーム」をオンラインでプレイしましょう! 無料プレイも可能な人気の「ベラジョンカジノテーブルゲーム」で真剣勝負! 新型コロナウイルスの感染拡大によるパンデミックにより、ギャンブラーの行動は変わりました。実店舗のカジノを利用できなくなって、オンラインでプレイする人が増えています。ラスベガスには、以前のような活気がなくなってしまいました。人々はカジノを訪れることでウイルスに感染することを懸念しているのです。そのため、オンラインカジノで遊ぶ人が多くなっています。多くのオンラインカジノが運営されていますが、すべてのサイトが同じクオリ
HTML5とCSS3を使ったフォームデザインのチュートリアル集３０:phpspot開発日誌
Creating HTML5/CSS3 Forms: 30 Helpful Tutorials | Splashnology HTML5とCSS3を使ったフォームデザインのチュートリアル集３０ CSS3を使ってフォームデザインがより簡単に自由になりましたが、そのサンプル集です。 どういう事ができるのか？を知ることができ、実装の際にも参考にできます。 CSS3なしで１からつくるとなると相当大変ですが、CSS3を使うことで画像を使わずきれいなフォームが作れるのは素晴らしいですね。 関連エントリ 立体的なCSS3でデザインされた検索フォーム実装チュートリアル フォーム要素をクールにするためのjQueryプラグイン集
jQueryを学ぶためのリンク集
1. 概要の理解 jQueryを一切知らない場合はまずは概要の理解から始めます。 ノンプログラマーのためのjQuery入門 http://www.slideshare.net/hayatomizuno/jquery-7665168 はじめてのjQuery http://higashizm.sakura.ne.jp/jquery_first/ 2. 基本的な使い方を理解する サンプルを見ながら具体的なコードを作成し理解を深めます。 40分で覚えるjQuery速修講座 http://ascii.jp/elem/000/000/498/498710/ jQuery基礎文法最速マスター http://blog.webcreativepark.net/2010/02/02-111519.html jQueryサンプル集 http://www.designwalker.com/2008/04/jque
Halftone Navigation Menu With jQuery & CSS3 | Tutorialzine demo
This is a tutorialzine demo. View the original tutorial to read and download..
「売れる iPhone アプリ」にするための151のヒント。 | AppBank
こんにちは、もとまか（@motomaka）といいます。 色々とiPhoneアプリ作ってます。iPadアプリも作ってます。ブログもやってます。どうぞよろしくお願いします。 最近、アプリ開発のセミナー等をよく見かけますね。 ASCII.jp：AppBankが語る「売れるiPhoneアプリとは？」 売れるiPad/iPhoneアプリのためのデザイン必須知識（1/5） – ＠IT 売れるiPhone/iPadアプリの作り方・育て方@銀座 : ATND Togetter – まとめ「第1回iPhoneアプリ勉強会（Presented by AppBank）」 Togetter – まとめ「7/9 #appbank 第2回iPhoneアプリ勉強会」 Togetter – まとめ「7/9 #appbank 第2回iPhoneアプリ勉強会 / 狩られ道さんのターン」 やはり、iPhoneアプリの開発は盛り
初心者さんのためのWebサイト制作に役立つリンク集
2017年6月29日 Webサイト制作 「Webサイト勉強するのにおすすめのサイトを教えてください！」との声が多いのですが、日本のWeb関連チュートリアルサイトをあまり見たことがなかったので、今までおすすめできませんでした…。ということでちょっとググって初心者さんによさそうなサイトをいくつか紹介します。小難しい単語が並んであるようなサイトは避けているつもりですが、わかりにくかったらすみません。他にもおすすめサイトがあればぜひコメント欄にて教えてください！ ↑私が10年以上利用している会計ソフト！ Webサイトを作る流れ まずはWebサイトを作る目的を考える 誰のため？何のため？Webサイトを作り始める前に。 サイトマップと呼ばれる構成図を作成 Webサイトの構成図を簡単に作れる便利ツール ワイヤーフレーム（Webサイトのレイアウト）を作成 Webサイトの骨組み: ワイヤーフレームを素早く・
【コラム】クリエイティブ初心者のためのＦｌａｓｈ講座 (1) そもそもFlashとは何か? -まずはFlashの歴史を学ぼう | クリエイティブ | マイコミジャーナル
クリエイターを目指している皆さん。これから一緒にFlashを始めてみませんか。この連載では、Flashの機能を少しづつ学んでいく予定です。まず今回は、Flashとは何なのかという部分から解説していきたいと思います。 Flashとは Flashという言葉について、改めて整理してみましょう。現在、Flashという言葉は、Adobe systemsのオーサリングソフト「Adobe Flash CS4」や、そのアプリケーションで作成されブラウザで再生されるSWFファイルのことを指します。「このWEBサイトにはFlashが使われている」、「FlashでWebコンテンツを作る」というように使用されています。また、各ブラウザ用にプラグイン形式で配布されている再生エンジンは「Adobe Flash Player」と呼ばれています。Flashには、オーサリングツールで編集するFLAファイルと、FLAファイル
CSS3を利用した画像を使わないでボタンやアイコンを作成する方法 | サイブリッジラボブログ
かのうです。 もう夏です！暑いです！アイスは太らないっていう噂を信じて今年の夏は食べまくりで乗り切ろうと思います。 さて、今回はCSS3についてのお話です。 CSS3を使えば今まで画像で作成してきたボタンやアイコンをなんとCSSだけで表示することができます。 ブラウザでフォントサイズを変更したときも同じく拡大縮小するのでよいですよね。 懸念としてはやっぱりIEだと正常に表示がされないこと。 世の中から一掃されるか、CSS3対応になることを願うばかりです。 イメージ デモページ HTML <a class=”button” href=”#”>Rounded</a> CSS .button { background:-moz-linear-gradient(center top , #FAA51A, #F47A20) repeat scroll 0 0 transparent; border:
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.cssflow.com/
DiabloIII風のロゴを作るPhotoshopチュートリアル:phpspot開発日誌
Create a Clean Twitter App Interface in Photoshop | Envato Tuts+
新着記事
http://html5snippets.com/
IBM Developer
http://www.designwalker.com/2010/06/html5-template.html
