[JS]Twitterのツイートをブログやサイトに簡単に設置できるスクリプト -jTweetsAnywhere
Twitterでつぶやいたツイートをあなたのブログやサイトに簡単に設置できるjQueryのプラグインを紹介します。 jTweetsAnywhere デモページ [ad#ad-2] jTweetsAnywhereの設置は簡単で、数行のスクリプトで自分のブログやサイトにツイートを設置することができます。 jTweetsAnywhereの主な特長 指定したユーザー（複数可）のツイートを表示。 ユーザーのリストからツイートを表示。 Twitterの検索の結果を表示（パラメータは全対応）。 @Anywhereに対応。 エンドレススクロールを使ったページングをサポート。 自動更新でリアルタイムにツイートを表示。 ツイートボックスのカスタマイズが可能。 Follow me ボタンの設置が可能。 ネイティブのリツイートをサポート。 ユーザーのプロフィールを表示。 ツイート内のリンクを検出し、自動でリンク化
なんでもかんでもpicture要素を使えばいいわけじゃない！レスポンシブ・イメージ実装の際の注意点
画像表示のマルチデバイス対応をHTMLとCSSのみで実現できる「レスポンシブ・イメージ」ですが、効果的な使い方をするには、いくつか注意点があります。プロダクション・サイトで使えるようになるまでにはもう少し時間がかかりそうですが、基礎と注意点くらいは今から覚えておいても良さそうです。 Cloud Fourというアメリカの制作会社のブログ で、<picture>要素の使い方について注意を促していて、とても重要な情報だと思ったのでこちらでもシェアします。先日書いたレスポンシブ・イメージとPicturefill 2のまとめとあわせて、近い将来、レスポンシブ・イメージ実装の参考になれば幸いです。 まずは推奨の記述方法から レスポンシブ・イメージ実装の際に推奨されるHTMLの記述方法は以下のとおりです： とりあえず、これだけ覚えておけば、細かいところはこの記事をはてブ しておいて、使う時にもう一度見な
Daring Fireball: Markdown Syntax Documentation
By John Gruber Archive The Talk Show Dithering Projects Contact Colophon Feeds / Social Sponsorship WorkOS, the modern identity platform for B2B SaaS — free up to 1 million MAUs. Markdown: Syntax Main Basics Syntax License Dingus Overview Philosophy Inline HTML Automatic Escaping for Special Characters Block Elements Paragraphs and Line Breaks Headers Blockquotes Lists Code Blocks Horizontal Rules
はてなブログ編集画面JSのページャ見どころ紹介 #pagernight - hitode909の日記
昨日，ページャNightという勉強会で，はてなブログのJSの見どころを紹介するLTをした．(昨日の日記)． 資料公開しようかと思ったのだけど，発表資料そのまま公開しても意味不明なので，エントリに書き直すことにした． たとえば，このLGTM画像は発表資料の1枚目で，もし発表資料をそのまま公開したら，こういう謎の画像を解説もないまま見ることになっていたはず． JSのページャいっぱいある はてなブログの編集画面には編集サイドバーというのがあって，写真とかAmazon検索とかTwitterとかinstagramとかあれこれ貼れるようになってる． Amazon検索しても画面遷移するわけじゃなくて，ウェブ2.0という感じで，XHRでJSONを取ってきて，HTMLを組み立てて表示，クリックすると選択，貼り付けを押すとエディタに挿入される，という仕組み． 編集サイドバーから貼れるサービスは10種類くらいあ
趣味のWebデザイン
趣味のWebデザイン Lecture Advice Note Info 小説 記事検索： ゲームマーケット2019秋に出展します（2019-06-30） 8年ぶりのスタイルシート更新（2019-06-25） 『シン・ゴジラ』の中の私（2016-08-05） 採用活動で「応募者の名前をネット検索」は禁ずべき（2016-07-10） オフィスチェアの座面カバーを探す（2016-05-12） 近況（2016-05-11） 性同一性障害の新入社員（2014-04-28） 『銀河パトロール ジャコ』と私とKindle（2014-03-30） 小保方疑惑と卒研の思い出（2014-03-13） 次第に通話が減っていく（2014-02-26） 私が愛用している目覚まし時計 SEIKO SQ691K（2014-02-25） 「観光地で英語が通じない」問題（2014-02-17） 私は紐靴を買わない（2014
初心者の私がブログカスタマイズする際に役立ったツール/サイト一覧 - YESかNOか半分か
前回の記事でお披露目した、私のブリブリなブログデザイン。 このデザインを作成するまでに利用した便利なツール、サイト様をざざざっと書いていこうと思います。 ちなみに、私の作業環境はWindows 7でございます。 CSSソースの素 初心者がカスタマイズをしようとしても、どこから手をつけたらいいのか分かりません。 とりあえず、ベースとなるCSSデザインがあればラクちんですよねー。 ってことで私は、id:hatenablogさんのサンプルテーマ「Boilerplate」をベースにデザインを改造しました。 デザインCSSをカスタマイズする土台に適したサンプルテーマを公開しました - はてなブログ開発ブログ はてなブログの構造を知る id:hatenablogさんの「Boilerplate」を開いても、 …何の事だかチンプンカンプン…。 そんな時は、id:kyabanaさんのブログを参考にしましょう
Publickey Topics
インテルがAtom C3000 SoCを発表／オラクルがExadata Cloudサービスを開始ほか ニュース - セブン＆アイ元CIOの鈴木氏が新会社、デジタルシフトを支援：ITpro 事業の柱は、「デジタルシフトコンサルティング」「システム導入支援」「デジタルサービスの提供」の三つ。 Nimble Storage debuts new cross-cloud data management service - SiliconANGLE The flash memory array maker today introduced a new service called Nimble Cloud Volumes that removes the need to relocate in-house data as part of the migration process. Instead,
Webデザイナーやコーダーの方でも知っておきたいPHPの便利な使い方
この記事は、普段サーバーサイドスクリプト言語（PHP、Perl、Ruby等）を書いていない方を対象に、PHP を使うとどのようなことができるのか、あるいはできないのかを解説した入門記事です。 キャンペーンページで、指定の時間に受付を終了する たとえばキャンペーンページで、指定の時間までは「お申込みはこちら！」というボタンを表示し、それ以降は「キャンペーンは終了しました」と表示させたいとします。 こういう時、PHP はわりと直感的に書けるので便利です。 "; // 現在時刻が、キャンペーン終了後であれば } else { echo "キャンペーンは終了しました "; } ?> ※コメントで、「日付はUNIXタイムスタンプに変換してから比較したほうがよい」とご指摘いただいたので、strtotime() を使用するよう変更しました。 3行目に “2013-09-01 00:00:00” という箇
はてな記法 基礎文法最速マスター - Cube Lilac
当初，自分で何かを書く気はなかったのですが，ブックマークコメントを見ていると「はてな的にはやっぱりこれか，これなのか・・・？」と言う気がしたので書きました．Wiki 記法をある程度知っている人は，これを読めばはてな記法の基礎をマスターしてはてなー？になることができるようになっています．また，簡易リファレンスとしても利用できます． 目次 基礎 プレーンテキスト コメント 文字列装飾 数式 脚注 スクリプトの実行 見出し リンク Web ページへのリンク はてなサービス内へのリンク トラックバック 自動リンク停止 マルチメディア 画像の表示 動画の表示 音楽の再生プレーヤーの表示 整形済みテキストブロック 引用ブロック 表組み リスト 続きを読む記法 ウクレレ記法 おわりに References 1. 基礎 プレーンテキスト 特別な記号（後述）で始まる文字列以外の文字列は全てそのまま出力されま
技術系サイトに必需品！ ソースコードは鮮やかに JavaScriptもPHPもHTMLもOK！「Syntax Highlighter」の使い方
Webプログラミング/Webデザインのネタを扱うブログやWebサイトを運営していると、HTMLやCSSなどのソースコードを掲載することが多くあります。そんなときにぜひ活用したいのが、ソースコードを読みやすく表示してくれるJavaScriptライブラリです。今回は、そのうちの1つ、「Syntax Highlighter」の使い方を紹介しましょう。 多くの言語の構文強調表示に対応した「Syntax Highlighter」 HTMLなど各種言語のソースコードをWebページの中で表示するのは、HTMLのpre要素を使えば簡単です。ただ、ソースコードをそのまま表示すると、見た目が分かりやすくはありません。そこで、タグなど言語の特定キーワードに色を付けて、他の部分よりも強調して表示することで見やすくしましょう。 こういった「構文強調表示」を行なうJavaScriptは、いくつか公開されていますが、そ
俺の最強ブログ システムが火を噴くぜ
ブログを「はてなダイアリー」から、自分のサーバーに移転しました。 せっかく移転するなら、2012 年の流行を取り入れた挑戦的なブログにしてみたい！と思い、構想から半年、ついにこの日を迎えることができました。 せっかくなので、凝ったところを自慢させてください。 これが俺史上最強のブログ システムだ ブログ システムとして Jekyll を採用 Jekyll のプラグインを自作 (はてな記法対応、英語ブログとの統合) 履歴管理は GitHub を利用、git push で自動でデプロイ コメント欄には DISQUS を採用、旧ブログへのコメントはインポート済み HTML5 マークアップ、CSS3、レスポンシブ Web デザインでのモバイル対応 盛りだくさんですね。 詳しく説明していきます。 ブログ システムとして Jekyll を採用 最近では WordPress を選ぶのが普通でしょう。Wo
一生涯はてな記法しますか？それともMarkdownしますか？
はてなダイアリー はてなダイアリーでははてな記法という、HTMLの簡略記法が使えます。この記法を利用することで簡単に整形された日記を書くことができます。私も６年間はてなダイアリーと、はてな記法のお世話になりました。 しかしはてな記法は、はてな独自の簡略記法なので他では使えません。従って一つの不安がよぎります。 この先もし10年、20年とブログを書き続けるとしたら、それははてな記法でいいのかと。 はてなダイアリーには別の不満もあります。次のようなものです。 HTML整形後の文章をローカル環境で確認できない。 記事に変更が生じてWeb上で直接編集した場合に、ローカルデータと内容が不一致となり、その管理が煩雑となる1。 あんなにサンプルがあるのに、イケてるデザインが見当たらない2。 基本的にサイトが重い。 Github Pages + Jekyll そんな理由から私はGitHub PagesとJ
KAYAC Engineers' Blog
SREチームの長田です。 今回は、カヤックのメンバーが業務で使うために開発・公開しているOSSなプロダクトをまとめて紹介しようという企画です。 KAYAC organization以下にあるものだけでなく、在籍中のメンバーが作ったものもひっくるめて、実際に業務で使用しているものを中心に 紹介しています。 以下の3つのカテゴリに分けて記載しています。 各カテゴリ内はアルファベット順です。 ツール編 人間が手動で実行するもの アプリケーション編 どこかに常駐して、イベントを受け取ると動作するもの ライブラリ編 ツールやアプリケーションから参照されるもの 集めてみたらそこそこの量になったので、本記事では詳細な説明は省いています。 GitHubリポジトリのURLや関連記事のリンクを併記していますので、より詳しく知りたい場合はそちらを参照ください。 (...) 内はそのプロダクトで使用している主なプ
Fouad WhatsApp Download APK(डाउनलोड ,नवीनतम संस्करण)-ist-jo.in
The latest version of Fouad Whatsapp in 2022 - Anti-ban WhatsApp is one of the most popular apps in the world with over 1 billion active users, some of whom are not satisfied with its functionality. So the developers made Fouad WhatsApp(www.FouadWhatsapp.In, the India Official Website), an app for Android phones that has all the classic WhatsApp features, plus a lot of new features that the origin
CSS-EBLOG - (X)HTML+CSS/JavaScript Tips site.
デザインを体感して学べるデザインブログです。Illustrator（イラレ）やPhotoshop（フォトショ）の使い方やWordPressやSWELLのCSSやJavaScriptカスタマイズやアフィリエイトまで読むだけで楽しめる情報を発信しています。
BlackFlag - Web Development Technical | jQuery,HTML,CSS,iPhone,iPad,Twitter etc...
Categories HTML／(X)HTML (33) HTML5 (26) CSS (122) CSS3 (82) jQuery (334) TIPS (157) プラグイン (147) プラグイン集 (39) ライブラリ情報 (2) JavaScript (31) Mootools (8) iPhone／iPad／iPod／Android (26) Twitter (6) Facebook (2) IE (17) Firefox (6) SEO (10) Flash (2) WordPress (3) Silverlight (3) Webサービス (52) WebサイトGallery (17) Web素材 (44) Web開発用ツール (28) Web情報 etc… (8) リリース情報（その他） (17)
プロダクトの品質を高める『フィードバック』
プロダクトの品質を高める『フィードバック』 デザイン⇒フィードバック⇒変更・修正のデザインプロセスをまわして、デザインが良くなっている感じがしなかったり、...
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Proximity APIでWi-Fi Direct通信 - デバイスとITの架け橋 - Site Home - MSDN Blogs
自分のブログよりもTwitterページの方が検索結果で上位に来てしまう場合のちょっとした対策方法 | ライフハッカー・ジャパン
エンジニアtype 技術者のキャリアを考えるWebマガジン - 転職＠type
