タグ

webに関するtakuya5455のブックマーク (95)

  • 2NT -無料ブログ 無料ホームページ 等-

    2NTは無料ブログ、無料ホームページ等、楽しいWEB Lifeをお届けするポータルサイトです。

  • ウェブサイトのレイアウトを一から作成するPhotoshopのチュートリアル集

    繊細なテクスチャ、透明感のあるパネル、充実したフッタ、光源を模したグラデーション、1ピクラインにこだわったディテールなど最近のウェブデザインのトレンドを取り入れた、ウェブサイトのレイアウトを作成するPhotoshopのチュートリアルを紹介します。

  • Web Scraper Shibuya.pm tech talk #8

    The document discusses using Web::Scraper to scrape web pages in a robust, maintainable way by using CSS selectors and XPath queries rather than fragile regular expressions. Web::Scraper provides a domain-specific language for defining scraping processes and extracting desired data from web pages into structured results. Examples show how to scrape links, text, and nested data from HTML elements u

    Web Scraper Shibuya.pm tech talk #8
  • 真面目にエロサイトを作ってみた【デザイナー編】 - BLOG|ASTRODEO

    東京都台東区で黙々とウェブでサービスを開発している株式会社アストロデオのホームページです。

  • うっとりしてしまうデザインのシングルページWebサイト30

    2017年6月29日 Webデザイン シングルページのWebサイトはあまりコンテンツがない場合・ひとつの物を強調したい場合に効果的です。Javascriptを使っておもしろい動きをつけたシングルページもたくさんあり、1ページの中にたくさんのアイデアがつまっています!ここでは世界中のWebサイトの中から美しく個性的なデザインのサイトを紹介します。次のWebサイトデザインの参考にしてみてください! ↑私が10年以上利用している会計ソフト! シングルページのWebサイトギャラリー pikaboo http://www.pikaboo.be/ フルFlashのサイトかと思ったらJavascriptで滑らかな動きを表現していました!必見! Think Green Meeting http://www.thinkgreenmeeting.com/ 車と飛行機のイラストがマウスオーバーで消えていきます!

    うっとりしてしまうデザインのシングルページWebサイト30
  • 被リンク獲得:無料で誰にでも出来るSEO効果の高い方法 | パシのSEOブログ

    WordPressブログの内部SEO対策」、「無料ブログのSEOとアクセスアップ」につづき、無料で誰にでも出来るシリーズ第三弾として、今回は被リンク対策を取り上げます。 SEO対策の効果は被リンクによって大きく変わってきますが、今回は有料リンクの購入や有料ディレクトリ登録を行わずに無料で実施可能な被リンク獲得法についてまとめてみます。 有益なコンテンツを作ってナチュラルリンクを集めるのが最も良い方法ではあるのですが、「そんな事は分かってるけど、有益なコンテンツって具体的に何?」という意見も多いので、今回は誰にでも出来る方法に絞ります。 手間や時間がかかる対策 被リンク獲得法にも手間がかかるものとかからないものとがありますが、手間がかかる対策というのは実施する人が少ない分、効果がある可能性が高いという事になります。 相互リンク いまさら相互リンクと思うかもしれませんが、相互リンクは企業サイ

  • 知っておきたいillustratorのチュートリアル40 – creamu

    illustratorのスキルを上げたい。 そんなあなたにおすすめなのが、『40 Fundamental Illustrator Tutorials You Must Know』。知っておきたいillustratorのチュートリアル集です。 いい感じのものが揃っているので、いくつかご紹介しますね。 How to Create a Gearbox Settings Icon Using Simple Shapes シンプルなシェイプを使って、ギアの形をした設定アイコンを作るチュートリアル How to Create an Abstract Vector Design in Illustrator 美しい抽象的なデザインは、シンプルな形から作られる。いくつかの形と透明度に変化を持たせたサンプルの作り方 How to Create an Open Book with Illustrator’s

  • perl-mongers.org - このウェブサイトは販売用です! - perl mongers リソースおよび情報

    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.

  • [CSS]CSS3で何ができるの? という時にみておきたいサイト集

    角丸、ドロップシャドウ、グラデーションなど多彩で面白いスタイルをCSS3では簡単な記述で実装できます。 CSS3でいったい何ができるのか、どのように記述するのかなど、ベーシックなものから実践的なテクニックまでサンプルやコードなど実装例が掲載されているサイトを紹介します。

    takuya5455
    takuya5455 2010/02/10
    角丸、ドロップシャドウ、グラデーションなど多彩で面白いスタイルをCSS3では簡単な記述で実装できます。
  • Appleのデザイン戦略をウェブサイトから学ぶ、15のデザインヒント

    Appleの美しいウェブサイトから学ぶ実用的な15のデザインヒントをDesign Shackから紹介します。 15 Design Tips to Learn From Apple 下記は各ポイントを意訳したものです。 サイトのキャプチャは可能なものは日サイトのものにしています。 はじめに Apple社は高級なデザインと類語です。Appleが発信する偉大なデザインを観察することから、学べることはたくさんあります。 ここにあげた15のポイントはあなた自身の仕事に活用されることを意図したものです。この素晴らしいサイトデザインをあなたのインスピレーションとして使用してください。 1. Keep it Simple アップル Appleのウェブサイトを一目見てください。そして、あなたの目に見えるものではなく、見えないものについて注目してみてください。 例えば、空港でトイレを探していると想像してくだ

  • 最近見つけた完成度の高いフリーのWordPressテーマ

    最近知ったthemes2wp.comというサイト のフリーのWordPressテーマで、個人的 に完成度高いなと感じたテーマをいくつか ご紹介したいと思います。完全に主観が 入っているので参考にならなかったら ごめんなさい。 ここで言う”完成度が高い”、というのは「使いやすそう」「変更箇所が少なそう」という意味です。いいデザインにしたいけどカスタマイズは面倒・・・という方にお勧めです。11個あります。 [note]ワームのご報告を受けて全テーマへのリンクを削除しました。テーマは沢山ありますのでテーマカテゴリでお探しになってみてください。[/note] BlockStock Theme 非常に綺麗なテーマです。シンプル系がお好きな方なら殆ど変更する箇所無さそうな気がします。個人的に凄く好きなテーマです。 ※「誰がために鐘は鳴る」さんよりご指摘を受けてリンクを削除しました BlockStock

    最近見つけた完成度の高いフリーのWordPressテーマ
  • ウェブデザインでこれは気をつけたいの35のポイント

    ウェブサイトやブログの作成・運営で、避けておきたい35個のミスをnetjellyから紹介します。 List of Web Design Mistakes You Should Avoid 下記は、各リストを意訳したものです。 ※訳者注: 一部過激なものは表現を少し和らげています。 はじめに ウェブサイトやブログを開発・作成する際に、避けた方がよいミスをリストアップしました。 1. 作るだけでは終わりではない ウェブサイトは開発・作成だけでは終わりではなく、公開・運営する必要があります。そして、オンラインやオフラインでウェブサイトの告知に手間や時間をかけることはいっそう必要になります。もし、あなた自身があなたのサイトについて時間をかけないなら、他の誰もそれはしないでしょう。 2. 広告をコンテンツに混ぜない 広告をコンテンツに混ぜると、短期的にはクリック数を増やすかもしれません。しかし、ユー

    ウェブデザインでこれは気をつけたいの35のポイント
  • HTMLで図まで描ける!進化した「HTML5」ってどんなもの? - はてなニュース

    HTML言語の最新バージョンとして、現在標準化作業が進められている「HTML5」。はてなブックマークでもこのキーワードを目にする機会が増え、「HTML5って何?」と疑問に思っている人も多いのではないでしょうか。今回は、「HTML5って何?どんなことができるの?」という疑問にお答えしたいと思います。 ■HTML5でできること まずは、HTML5を使うと具体的にどんなことができるのかを見ていきましょう。 <具体的に何ができるの?> ▽HTML5.JP - 次世代HTML標準 HTML5情報サイト ▽HTML5とは?変わるWebと注目の新要素 HTML5.0の情報サイト ▽大幅に進化した次世代 HTML 規格「HTML5」とは? - japan.internet.com Webビジネス ▽HTML5, きちんと。 ▽めざましTech - HTML5 についての Q&A ▽2010年に勧告される「

    HTMLで図まで描ける!進化した「HTML5」ってどんなもの? - はてなニュース
  • ?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+clockmaker+%28ClockMaker+Blog%29

    アップルの新デバイス iPad が Flash に対応していないことや、アップルの CEO スティーブ・ジョブズ氏の苦言により、HTML5 は Flash に取って代わるのかという論議が現実味を帯びて論じられるようになりました。 「なぜAppleiPadにFlashを載せるべきではない」のか AdobeのCTO、Kevin LynchがFlashを擁護―「HTML5はウェブビデオを暗黒時代に投げ戻す」 そこで、HTML 5 と Flash は何が違うのか両者の違いを図にまとめてみました。 (上の画像はクリックで拡大できます) 左側が HTML5 にしかない機能、右側が Flash にしかない機能で、中央の重なっているところが両方が利用できる機能です。グラフィック関係では、HTML5 では描画やビデオ関係はサポートするものの、テキスト周りや高度なグラフィック処理、デバイス機能ではまだ Fl

    ?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+clockmaker+%28ClockMaker+Blog%29
  • グーグルが賭けるHTML 5の未来 - @IT

    2009/05/28 「決してWebをあなどってはいけない」(Never underestimate the Web)。Google I/O 2009初日の基調講演でシュミットCEOに続いて登壇したのは、米グーグル バイス・プレジデントのビック・グンドトラ氏だ。ゆっくりと一語一語を区切りながら語り始めたグンドトラ氏の言葉には重みがある。彼は元マイクロソフト社員で、まさにWebをあなどっていた側にいたからだ。 グンドトラ氏はWindowsプラットフォームを唱道する立場にあった。彼に限らず、マイクロソフト社員の間には、ネイティブアプリケーションでなければできないことがあるとする見方が一般的だったという。「Keyholeという会社が出てきたとき、彼らが持つようなアプリケーションこそ、ネイティブでなければできないものだと言っていた。ところがグーグルは2004年11月にKeyholeを買収し、Goo

    takuya5455
    takuya5455 2010/02/02
    「見ての通り、IEがありません。インターネットを進化させるためにマイクロソフトにできることは、もっとたくさんあるはずです。われわれは、彼らが実装するまで熱烈に待つことにしましょう。Internet Explorerに関するコ
  • 「Flash vs. HTML5」という構図がはっきりと見え始めたぞ、と

    業界関係者(特にスマートフォン関係の仕事をしている人たち)少し前からすでに気がついていた話だが、今回のAdobeからの一連のアナウンスメントで明らかになってきた「HTML5対Flash」という構図。とてもワクワクする戦いだ。 ウェブ上のリッチコンテンツという分野でリーダーシップ・ポジションを取りながらも、「無料Flashゲーム」と「ウェブサイトの見栄えをちょっと良くするアイ・キャンディ」というニッチなポジションに一度は追いやられるように見えたFlash(数年前の話)。しかし、動画フォーマットがReal Networks、MicrosoftAppleの三強いの間で中に浮く隙間を付いた戦略で、見事に「ウェブ上のマルチメディアのデファクト・スタンダード」のポジションをがっちりつかんだかに見えるFlash(現在)。しかし、その地位も安泰ではない。 Adobeにとって一番頭の痛い問題はiPhone

    takuya5455
    takuya5455 2010/02/02
    パソコンだけを見ると、HTML5が十分に普及するのは(IEのシェアがWebKitベースのブラウザーのシェアに抜かれるだろう)2012〜2013年まで待たなくてはならなそうだが、ここで侮れないのがスマートフォン市場の動
  • FTP の危険性に関して超簡単まとめ

    今日話題になった Gumblar の亜種によって FFFTP の設定情報から FTP 情報が漏れる件で、FTP 自体の危険性と FFFTP 自体の特性、さらに Gumblar 対策という点で少し情報が混乱している状況が見受けられます。そこでその点を簡単にまとめてみました。 去年あたりから、「Gumblar (ガンブラー)」 に代表されるような、FTP のアカウント情報を何らかの手段で盗み出して Web サーバにアクセスし、Web サイトを改竄して被害を広めていくタイプのウィルスが問題になっていますが、今日になって広く利用されているフリーの FTP クライアントである 「FFFTP」 にアカウント情報漏洩の危険性が見つかったということで話題になっていました。 「FFFTP」のパスワードが"Gumblar"ウイルスにより抜き取られる問題が発生 : 窓の杜 ただ、この問題で、FTP 自体の危険性

    FTP の危険性に関して超簡単まとめ
  • Google Slides: Sign-in

    Not your computer? Use a private browsing window to sign in. Learn more

  • グーグルで働いてました。どんなサイトがスパム判定されるか知ってます など10記事(海外&国内SEO情報) | 海外&国内SEO情報ウォッチ

    デジタル ポイント フォーラムに、以前グーグルに勤めていたという人物が、ペナルティやインデックス削除の内情について語った。当にグーグルで働いていたのかはまったく不明だが、言っていることの中にはもっともらしく思えるものもあるので紹介する。この人物は次のようにフォーラムに書き込んでいる。 サイトが一定のクリック率に到達すると人間のレビューが入る。 収入を求めて在宅で働いている主婦や外国人が、グーグルの軍隊であるかのようにサイトをチェックしている。8時間連続でサイトを見続けている彼らのだれかがあなたのサイトをスパムサイトだとみなしたら、そこで終わり。 グーグルはスパムを3つのカテゴリに分けている:スパムを意図していないスパムの可能性ありスパム目的で作られたグーグルがスパムだとみなすサイトとは、サイト全体に大量の広告があるサイト、ポップアップが表示されてそれを消すために4回もクリックしなきゃいけ

    グーグルで働いてました。どんなサイトがスパム判定されるか知ってます など10記事(海外&国内SEO情報) | 海外&国内SEO情報ウォッチ
  • Adobeのブラウザ表示チェックサービスBrowserLabが凄い件 - よねのはてな

    Adobeさんが、クロスブラウザ表示テストサービス BrowserLabを開始したので使ってみました。 https://browserlab.adobe.com/index.html このサービスを使うと、以下のブラウザでの表示テストが可能です。 Windows XP Firefox 2.0(2.0.0.18) Firefox 3.0(3.0.13) Firefox 3.05(3.5.3) Internet Explorer 6.0(6.0.3790.3959) Internet Explorer 7.0(7.0.5730) Internet Explorer 8.0(8.0.6001.18702) Chrome 3.0(3.0.195.27) Mac OS X Safari 3.0(3.2.3) Safari 4.0(4.0.3) Firefox 2.0(2.0.0.18) Firefo

    Adobeのブラウザ表示チェックサービスBrowserLabが凄い件 - よねのはてな