My first ignite talk on jQuery basics covering the selectors. I used the format Addy Osmani used in his jQuery essentials presentation. Have a look at his presentation at speakerdeck, It's a great resource.Read less
My first ignite talk on jQuery basics covering the selectors. I used the format Addy Osmani used in his jQuery essentials presentation. Have a look at his presentation at speakerdeck, It's a great resource.Read less
This domain has been purchased and parked by a customer of Loopia. Use LoopiaWHOIS to view the domain holder's public information. Are you the owner of the domain and want to get started? Login to Loopia Customer zone and actualize your plan. Register domains at Loopia Protect your company name, brands and ideas as domains at one of the largest domain providers in Scandinavia. Search available dom
In Visual Studio 2022 17.10 Preview 2, we’ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and/or debugging failed connections. Please install the latest Preview to try it out. Read on to learn what the Connection ...
横浜JSTDDハンズオンに参加してきて、WebStormというIDEはどういうものなのかについて発表してきました。 WebStorm指南書 発表してきた資料置いておきます。 後から資料として見やすいように画像をたくさん入れながらWebStormの機能紹介について書いたので、WebStormについて知りたい方は読むといいです。 また、最近出たばかりのWebStorm 4.0 Early Access Programについても書いてあるので興味がある人はどうぞ。 スライドの見方 スライドは上記のように機能の紹介がベースで、それの利用方法やこういう機能があって便利という感じのスライドになってます。 WebStormの楽しさ Web開発等JavaScript周りの環境も変化してきているので、それにあわせてエディタやIDEももっと変化するといいなーと思う部分にいろいろ挑戦してる感じがしてるのがWeb
IE 9以下に存在するセレクター数制限にはまった 開発中にいきなりCSSが壊れて原因を探っていたらこれに行き着きました。IE 9以下では1つのCSSファイル当たり4,095個までしかセレクターを認識しない。4,096個以上は無視される。ええええ。。 SCSSだと割とカジュアルにセレクター数が増える CSSは出来るだけ1ファイルにまとめたい（リクエスト数削減のため） との組み合わせがやばい。SCSSはセレクターが他のページに影響しないように以下のように書いていました。 // 共通部分 @mixin foo { color: red; .foo { font-size: 2em; // たくさんの指定… ... } } // 影響範囲を以下のページのみに限定したい #page-a { @include foo; } #page-b { @include foo; color: yellow;
「Developers Summit 2012 - 10年後も世界で通じるエンジニアであるために」で発表してきました。 デブサミ2012 kintoneの表と裏 - 表編 View more presentations from yo_waka イマドキのJSの話とかではなくて、UIをJSで作る際の設計ノウハウみたいな話にしたので、つまらなかったら申し訳ないなと思ってたのだけど、終わったあとも何人か質問しにきてくれた方がいたのでホッとしました。 10年後も・・というテーマとして、激しく進化するJSの最新動向に左右されず使えるネタを選んだつもりではあります。 普段からJSでもパフォーマンス意識して設計してる方には当たり前のことばかりだったかも。 jQueryは甘えってのは書いてみたかっただけですすいません。。 けど、適材適所というかSinatraで100画面近くあるようなWebアプリは作らな
ミツエーリンクスは、コンテンツおよびUIの企画・設計・実装、Webサイトの構築・運用を中心に、様々なサービスを包括的に提供しています。 顧客企業さまのマーケティングやブランディングのデジタルメディアでの実現と、継続的な改善をサポートします。
Many user agents provide autofill functionality, but there is not currently a good way for site authors to directly specify field types for autofill. Herein is a lightweight proposal to enable authors to provide these field type hints for autofill agents. Use Case Description Many user agents provide functionality to quickly fill frequently used form data – address and contact information, for exa
Stay organized with collections Save and categorize content based on your preferences. We want to help you build beautiful, accessible, fast, and secure websites that work cross-browser, and for all of your users. This site is our home for content to help you on that journey, written by members of the Chrome team, and external experts.
履歴 愛知高等学校 東海大学文学部北欧文学科 東北大学大学院経済学研究科(中途退学) 個人サイト »Hiroshi Sawai »Info Town ご質問などありましたら下記アドレス宛へメールをお送りください。 info@findxfine.com WordPress テーマ、プラグインを公式テーマディレクトリ、公式プラグインディレクトリで公開しています。 テーマ WordPress › Theme Directory › kanagata プラグイン Category Archives « WordPress Plugins List Calendar « WordPress Plugins Min Calendar « WordPress Plugins Resize Editor « WordPress Plugins concrete5 Infotown Table 簡単な操作で
XAMPP for macでバーチャルホストを設定したときのメモ。 2014.05.01追記 XAMPP for Macでバーチャルホストを使う 2 : Macにポート番号でバーチャルホストを行う方法を記載。 XAMPPのインストールフォルダ /Applications/XAMPP 作業フォルダは下記のように配置した。 クライアント名fooの作業フォルダ /Applications/XAMPP/xamppfiles/docs/foo.example.com/ クライアント名barの作業フォルダ /Applications/XAMPP/xamppfiles/docs/bar.example.com/ 作業フォルダのバックアップについては後述。 案件ごとにバーチャルホストを設定する。 URL foo.example.com www.foo.example.com ローカルパス /Applica
最近、もはやテーマ崩壊の危機に瀕しているこのブログですが、今回は少しばかり内省的というか、そんなネタでも書いてみようかなと思ったりしています。 「目標」 目標とはこうあるべき、みたいな話はそこらかしこで目にしますが、その中でも「目標は人に言わないほうが良い！」という、ちょっと面白い研究（？）結果があったのでピックアップしたいと思います。 Keep your goals to yourself というTEDの動画があります。 TEDは、世界中の有益な情報を集めて動画配信しているサービスですが、その中のDerek Siversの「Keep your goals to yourself」では、こんなことを仰ってます。 Telling someone your goals makes them less likely to happen. （ゴールを人に話してしまうと、達成しにくくなるよ！） えー
結論から述べれば、Instagram広告が多くのユーザーを有するInstagramというSNSに配信されていて、顧客にアプローチできるためです。また、精度の高いターゲティングや効果測定が可能であり、インフルエンサーマーケティングにも適しているからです。 まず、Instagramの特徴は、写真や動画などの視覚的に訴えるコンテンツを提供しています。視覚的に訴えるとは、ファッションや食事・料理、気に入った風景、結婚式などの画像や動画コンテンツのことです。これらを共有して楽しめる工夫がされています。例えば、Instagramユーザーが簡単に写真を投稿したり、他のユーザーの投稿にコメントやいいねをしたりして、その手軽さやコミュニケーションの取りやすさが人気となっているのです。このようにして、ユーザー間で共感し、SNSを通じてつながりやすい環境があります。 そのうえで、Instagramの公式発表では
2012年3月1日からFacebookページにタイムラインが適用されるようになりました。 3月30日には全Facebookページが強制的に新デザインに切り替わるので、 今のうちにデザインを修正して対応しちゃいましょう！ 新デザインの変更箇所まとめは、いろんなブログで紹介されているので、 今回は、デザイナー視点での、新デザインへの対応のコツをまとめました。 カバー写真を設定しよう！ まずは1番ユーザーの目をひくカバー写真を設定しましょう！ カバー写真とは1番上に表示される画像のことです。 最低幅399px以上の画像を設定してください。 サイズ的には851*315がキレイに表示されます。 （ただし、解像度の低いPCの場合は一部表示されないことがあります） このサイズより小さくても設定はできますが、画像が引き伸ばされて画質が落ちてしまうので注意が必要です。 画像を作成する際の注意点としては 「今
グロナビなどのナビゲーションにステイ表示をさせる場合があると思いますが、そのスクリプトのメモです。 ページ毎に異なるグロナビのHTMLを用意すればわざわざスクリプトを書く必要はないのですが、1ソースで行う場合にJavaScriptを書く必要性があります。 li要素にクラスを付加 URLのパスとli要素のa要素のリンクが同じであればアクティブ表示させるクラス（active）を付加するやり方です。jQueryのソースは下記になります。下記を参考にしました。 Using JavaScript to Style Active Navigation Elements if(location.pathname != "/") { $('#globalnavi a[href^="/' + location.pathname.split("/")[1] + '"]').addClass('active')
Update: These context menus display even when JavaScript is disabled; so best practice will be to create these menu structures via JavaScript. Mass innerHTML injection can be used or basic DOM node injection. One of the hidden gems within the HTML5 spec is context menus. The HTML5 context menu spec allows developers to create custom context menus for given blocks within simple menu and menuitem el
Turn.js is a JavaScript library that will make your content look like a real book or magazine using all the advantages of HTML5. The web is getting beautiful with new user interfaces based in HTML5; turn.js is the best fit for a magazine, book or catalog based in HTML5. <div id="flipbook"> <div class="hard"> Turn.js </div> <div class="hard"></div> <div> Page 1 </div> <div> Page 2 </div> <div> Page
Grant Skinner氏が、blog記事「Announcing CreateJS」でCreateJSを発表しました。公式サイトも間もなく公開されるようです。氏のblogから内容をかいつまんでご紹介します。 CreateJSは、いくつものライブラリモジュールとツールを統合したものです。HTML5にもとづくリッチなインタラクティブコンテンツがつくれます。これらのライブラリはそれぞれ独立して使えますし、ニーズに応じて組合わせることもできます。まずは、EaselJSとTweenJS,、SoundJS、PreloadJSが提供されます。 公式サイトcreatejs.comでは、デモやドキュメント、チュートリアル、コミュニティ、ショーケースなどが公開される予定です。 EaselJS EaselJSはHTML5のCanvasに表示リストやインタラクティブな仕組みを加えます。扱い方も、Flashのデベ
HTMLで複数の画像を読み込むとき、HTMLのimgタグだけだと不恰好となりがちですが、読み込みを管理すれば見栄えも整いますというデモとJSライブラリを作ってみました。次の2つのデモを見比べて何が違うのか確認ください。 デモ (通常のimgタグ) デモ (LoadManager.jsを使用) デモの違いとは 前者は画像がバラバラとインターレース的に読み込まれ、後者は読み込み終わるまでローディングが表示され読み込まれたものがフェードインして表示されます。 ▼前者のデモ ▼後者のデモ 後者のデモには、ローディングのパーセンテージ表示も付いています。読み込みが何%まで達しているかを確認できるのも、後述のJSライブラリのメリットです。 HTML5で作られたフルFlash的なサイトを見たときにimgタグでインターレース的に画像がバラバラとでてくることが多くて、いつも微妙な思いをしていました。Flas
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
What’s up y\'all! More the reading type? Looking to start a website? The post: WordPress is definitely a solid choice for creating awesome, professional websites. Now you’ve just got to figure out how to use WordPress… Good news: as always, we’ve got your back fam! Here we’ve got a complete walkthrough of one of the best tools for building a website best website builders around including what you
![How to Use Wordpress Tutorial | Step by Step Guide [2020]](https://cdn-ak-scissors.b.st-hatena.com/image/square/c278458ab026dd0af5af6403795f2ecc9ac6c0f7/height=288;version=1;width=512/https%3A%2F%2Ffanyv88.com%3A443%2Fhttps%2Fcreateaprowebsite.com%2Fwp-content%2Fuploads%2F2020%2F01%2Fcapw-featuered-graphic-how-to-use-wordpress.jpg)
We’ve been using floats for layout pretty much since we left tables behind. It’s a quirky solution that can often cause troubles, but if you know what you’re doing, it works. One interesting alternative to floats that people are turning to more and more lately is to set the display value of an element to inline-block. What does this do exactly? How is it like a float? How is it different? Let’s di
cssFx adds vendor-specific prefixes to your stylesheets. How it works When the document has finished loading, internal (<style>) and external (<link>) stylesheets are processed, fetching any @import stylesheets as well. It's recommended to bundle stylesheets into one file to minimize request overhead. Once processing is done, a new <style> tag is appended to the <head> with processed properties. P
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Berlin JS - RegExp Slides
