ドットインストール代表のライフハックブログ
HTML構造を把握しやすく整形表示するツール長いページや複雑なページは、HTMLソースを表示させても構造が把握しにくい場合があります。改行や字下げが適切に行われていないソースも、読みにくいでしょう。HTMLの構造を整えて表示してくれるツールをご紹介。 HTMLの構造を把握しやすいように整えてソースを表示 長いページや複雑なページの場合、HTMLソースを表示させただけでは、ページ内の構造を把握しにくいことがあります。 また、短いページであっても、改行や字下げが適切に行われていないなど、HTMLソースが可読性を考えて記述されていない場合は、ページ内の構造を把握しにくいでしょう。 そんなときは、下図のようにHTMLソースの構造を、枠線と色を使って整形表示してくれるツールを使うと便利です。 上図は、「View Source Chart」というFirefox用のアドオンを使って、HTMLソースを表示
インターンシップ新卒採用【Internship Special Interview】低学年でインターンシップに参加し、優秀賞を獲得したTOP大学生が語る自分軸とは
2019年5月17日 CSS CSSハックに続き、このCSS小技集も私のブックマークにずらりと並んでいたので、整理も兼ねて記事にしてみました。CSSのお勉強を始めたばかりの頃にブックマークしておいたものも多数。。ということで初心者さんからベテランさんまで参考にしてみてください! ↑私が10年以上利用している会計ソフト! コードはサンプル内の「HTML」や「CSS」タブをクリックしてくださいね! 少しのコードで実装可能なCSS小技集 シリーズ 【第2弾】少しのコードで実装可能な20のCSS小技集 【第3弾】少しのコードで実装可能な15のCSS小技集 まずはCSS基礎編 1. divを中央揃えにする ほとんどのサイトが基準となるdivを画面の中央揃えに設定しています。左右のmarginをautoにして中央揃えに。 See the Pen Center Div by Mana (@manabox
This domain is registered at NameSilo. If you are the owner, start administering it at NameSilo.com. If this is not your domain, find similar names that work for you. 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
うちは、平文保存だったシステムを作り替えたくてプロジェクトマネージャーに掛け合ったんだけど「パスワードを忘れたというお客様の問い合わせに答えないといけないから」というサポートサイドに押し切られて結局そのまま。
デジタルネイティブなどという言葉が闊歩する時代だが、それにともなって、日本語文章のしきたりも変わってきている(らしい)。 先日の飲み会で 「吉田さん、実はITもネットも弱いでしょう」 と言われた。 プログラミングやインストールなどには確かに弱いけど、それがどうかしたか? と少しカチンときて開き直ったが、彼の話ではブログ記事の中身ではなく記事の書き方で,ネット慣れしていない人が見分けられると言うのだ。その方法だが、 ネットやに弱いブロガー」は、ブログ記事で 「文章の最初で字下げする」 のだそうだ。 日ごろからネットに触れていれば、ネットでの記事は英語に合わせて字下げをしないのが当然だということに自然に気がつくはずなのだが、慣れていないブロガーは昔の日本文化そのままに字下げしてしまうのだという。(このブログ記事が典型だ、、) 私は小学校時代から”文書の最初は、読みやすいように一文字あけましょう
尾野(しっぽ) @tail_y 先週のことだけど、会社にいる女の人がtwitterクライアントを入れるという話になった時にググってこのページを見せたのだけど、後々、このサイトが「怖かった」という話を聞いた。普通のpukiwikiページ。 http://bit.ly/HdaHR 2010-03-08 11:49:50 нσυѕαι тσяυ/縫采 徹 @firty_housai 何があった…RT @tail_y: 先週のことだけど、会社にいる女の人がtwitterクライアントを入れるという話になった時にググってこのページを見せたのだけど、後々、このサイトが「怖かった」という話を聞いた。普通のpukiwikiページ。 http://bit.ly/HdaHR 2010-03-08 11:50:38
Windows Internet Explorer 8 オンザフライでCSSを調整してブラウザの表示に反映させるツールはいくつもある。WebデザイナやWebデベロッパにとって、WebサイトやWebページを制作する段階において欠かせないツールといえる。主要ブラウザにはそれぞれデバッグツールが付属しているか、付属していなくてもFirebugのように実質的にデファクトになっているツールが提供されおり、そうしたツールを使うことが多い。 このようにCSSをチューニングするためのツールは数多く提供されているが、逆にCSSで使われていないセレクタを特定して削除するといった機能を提供するものは少ない。IEBlog : CSS Crunch: new IE Extension for developersにおいてSelectors API Level 1で規程されているdocument.querySelec
魅力が伝え難いWebデザイン Webデザインを説明するのは非常にやっかいです。このサイトでも何度も取り上げては書き続けていることですが、上手く説明しきれていない部分は少なくありません。 最近よく感じることが Web サイトの魅力を伝えるのは難しいということと、そもそも「魅力・良さ」という部分も人それぞれであるという点です。いろいろな意味が含まれていると思いますが、Web における「魅力・良さ」は、見た目や動きに集約されることが多いです。 ときどき、Webデザイン専門学校の先生とお話をすることがありますが、HTML の勉強をずっとしてても、最終的に出て来る作品がフルFlashということがあるそうです。当然 Flash サイトが魅力的ではないわけはありません。良い Flash サイトもたくさんあります。学生さんが Flash を選んだ気持ちも分かります。パッと見たときの魅力やインパクトは Fl
Opera Softwareが、同社のデバッグ用ツールキット「Dragonfly」を「Bitbucket」ホスティングサービスに移行して、同社初の完全なオープンソースプロジェクトを立ち上げている。 Dragonflyが当初からオープンソースのBSDライセンスの下で公開されていたことからわかるように、Operaによれば、当初からDragonflyを同社初のオープンソースプロジェクトにする計画だったという。しかし、Bitbucketに移行するまで、DragonflyはOperaのサーバ上でホスティングされていた。 Dragonflyの製品マネージャーDavid Storey氏は英国時間2月22日、ZDNet UKの取材に対し、「Dragonflyはもとからオープンソースだったが、今回、これについて正規のプロジェクトが誕生した。コードは、すでに外部サーバのBitbucket.orgに置かれている
最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか? Zen-CodingはHTML/CSSをショートカット+スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するものです。 Zen-Codingというのもがどういうもので、どんなすごいものなんだ、というのはこちらの動画を見てください。 ※音が出ますのでご注意ください。 Zen Coding v0.5 from Sergey Chikuyonok on Vimeo 一体何がおこわれているのか?という感じだと思われますが、今回の記事ではこのZen-Codingの導入方法と使い方の一例を紹介します。 Zen-Codingに対応しているエディタは色々あるのですが、今回は弊社の開発環境しているAptana Studio
古いエントリーなのですが、まだ時折検索エンジン経由?でいらっしゃる方がいるみたいなので追記 Titanium Desktopは今はTideSDKと変わってオープンソースプロジェクトになっています。 いいたい事を先に。 Ruby,Python,PHP,JavaScriptやってる人でデスクトップアプリ作成に興味ある人は Appcelerator Titanium Desktop さわってみるといいと思います。OS X, Windows,Linuxとマルチプラットフォームなデスクトップアプリをhtml,JavaScript,Ruby,Python等の慣れ親しんだ技術で簡単に作成、公開することができます。 予想以上にブクマされてるみたいなので、Titanium Desktopの特徴を箇条書きですが追加しておきます。 一言で言えばJavaScriptで記述するAdobe AIRのようなRIAフレー
2019年3月28日に、「Web Application Firewall 読本」の補足資料として、「Web Application Firewallの導入に向けた検討項目」を公開しました。 こちらは、WAFの導入を検討されている方、既に導入済みで運用を見直したい方向けに、WAFにはどのような製品・サービス種類が存在し、どのような特徴があり、 運用の際にどのような体制が必要かを解説しております。 概要 「Web Application Firewall 読本」 「Web Application Firewall 読本」は、ウェブサイト運営者がWAFの導入を検討する際に、WAFの理解を手助けするための資料です。本資料では、KISA(*1)やOWASP(*2)、WASC(*3)などの機関におけるWAFに関する取り組み、WAFの概要、機能の詳細、導入におけるポイント等をまとめました。 第1章では
という記事がその昔 Ajaxian に挙がっていたので自分のメモとして残っていたモノを、そろそろ時期が来たかと言うことでこちらに再掲。 http://ajaxian.com/archives/10-cool-things-we%e2%80%99ll-be-able-to-do-once-ie6-is-dead-and-a-few-we-cant 子セレクタ(child selectors)が使えるようになる。 孫以下を除く直の子にだけ適用するセレクタが使えるようになります。 #bodyMain > p {} ul > li 24bit PNG の機能を全て使えるようになる。 アルファチャンネル付きPNGがネイティブで使えます。アンチ付き角丸を背景色毎に用意する必要が無くなります。 属性セレクタ(attribute selectors)が使えるようになる。 感覚的にいって class の3割
デザインに使えるフリー素材を探している。 そんなときにおすすめなのが、『20+ Design Blogs that Release Quality Freebies』。フリー素材を配布するデザインブログ集です。 有名なサイトからちょっとマイナーなサイトまで、たくさん揃っていますね。いくつかご紹介します。 Lost and Taken フリーのテクスチャを配布しているサイト。商用無料のものもあり Bittbox クオリティーの高いブラシやベクター素材で知られるBittbox。最近はフリーのテクスチャパックを多く配布している Fudge Graphics ブラシやテクスチャ、ベクター素材、壁紙などを配布しているFranz Jeitz氏のブログ Colorburned Photoshopやillustrator用のブラシを配布している。ベクター素材やパターンなどもあり Think Design
Please note we may provide content or links from or to other web sites through our web site. This privacy policy does not apply to these other web sites and we recommend that you review the privacy policy at each web site to determine how that site protects your privacy. The Information We Collect We do collect web site usage information from visitors to our site. This information is used for stat
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く