スピナーの実装 実装は、簡単です。 「弾むボール」を例に、説明します。 Step 1: 外部ファイル 各スピナーに用意されているCSSファイルを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="http://css-spinners.com/css/spinner/ball.css" type="text/css"> </head> CSSは個別用と全部用があり、全部用は「spinners.css」です。 <head> ... <link rel="stylesheet" href="http://css-spinners.com/css/spinners.css" type="text/css"> </head> Step 2: HTML あとは、各スピナーに用意されているHTMLをコピペするだけ。 他のスピナーもclassを
すでにお気づきの方も多いと思いますが、最近ブログのデザインを多少修正しています。 はてブやTwitter等のソーシャルボタンは各サービスごとにデザインが異なり、何となく統一感がありません。 今回のデザイン変更はソーシャルボタン周りのデザインを統一化し、よりユーザクリックを誘いやすいようボトム位置に固定化しました。 この効果はてきめん！ ブックマーク率は従来比で2倍以上に。 皆さんにも是非ご紹介したいと思いましたので、記事にしてみます。 設置方法 下記のソース群をあなたのブログに追加するだけです。 ソーシャルボタン画像はのらねこさんのページのものを使用させていただきました。 CSSソース あなたのブログのCSSに下記を追加してください。 .social-button { display:none; width:90%; max-width:900px; height:0; margin:0
スマホからウェブにアクセスするユーザが増え、ウェブサイトの表示速度の高速化がより重要な制作の課題になっています。1ページもののサイトなら、フロントエンド・エンジニアが一人で実装できるかもしれませんが、ある程度の規模のウェブサイトではワークフローやサイト全体の設計にも関わってきます。また、表示速度の高速化の方法を知らなければ、最適化しやすい、より高度なデザインは実現できないでしょう。エンジニアだけでなく、デザイナーやディレクターがこういった情報を知っていれば、よりスムーズに結果を出せるウェブサイト制作ができるはずです。 ページ表示速度の改善にはいろいろな方法がありますが、この記事では一番効果がありそうなところから攻めていきたいと思います。自分もまだまだ勉強中なので、まずはfilament groupのScottさんの記事 やClearleftのJeremyさんの記事 を参考に、フロントエンド
参考 関連する関数については、ディレクトリ およびプログラム実行の節を 参照ください。 リモートファイルとして使用することができる種々のURLラッパーの一覧 と説明については、サポートするプロトコル/ラッパーも参照ください。 目次basename — パスの最後にある名前の部分を返すchgrp — ファイルのグループを変更するchmod — ファイルのモードを変更するchown — ファイルの所有者を変更するclearstatcache — ファイルのステータスのキャッシュをクリアするcopy — ファイルをコピーするdelete — unlink か unset を参照くださいdirname — 親ディレクトリのパスを返すdisk_free_space — ファイルシステムあるいはディスクパーティション上で利用可能な領域を返すdisk_total_space — ファイルシステムあるいは
rel 属性/ rev 属性の記事は分割して移転しました。 rel 属性 rev 属性 をそれぞれご覧ください。
この授業ではHTML/CSSを用いたWEBページの作り方が学べます。実際に1つのWEBページを作成することで、基本的なレイアウトとコーディング方法を身につけましょう。 ■ 事前準備 この授業では下記ソフトウェアを使用します。事前にインストールしておいて下さい。 GoogleChrome ・https://www.google.co.jp/chrome/browser/desktop/index.html ・人気のWebブラウザです。Windows/Mac両方で利用可能で、JavaScriptの開発に便利な機能を持っています。 Sublime Text ・http://www.sublimetext.com/ ・人気のテキストエディタです。Windows/Mac両方で利用可能で、JavaScriptの開発に便利です。 使い慣れているエディタがあれば、そちらをご利用いただいても構いません。 ま
たにぐち まこと 株式会社エイチツーオー・スペース 代表取締役 「ちゃんとWeb」をコーポレートテーマに、Web標準に準拠したメンテナンスしやすいWebサイトを「ちゃんと」作ることを目指したWeb制作会社。 WordPressを利用したサイト制作や、スマートデバイス向けサイトの制作、PHPやJavaScriptによる開発を得意とする。 また、CSS Niteや Word Campでの講演や著書などを通じ、クリエイターの育成にも力を入れている。 主な著書に『WordPressをちゃんと使うための教科書』（マイナビ刊）、『よくわかるPHPの教科書』（マイナビ刊）など。 Web http://h2o-space.com Twitter http://twitter.com/seltzer Facebook http://facebook.com/taniguchi.makoto 主な講演実績 C
僕はまったくプログラムがわからない。C言語とかJavaScriptとかPHPとかよくみるけど実際には何言ってるかわからん。日本語も怪しいのに英語で…しかもプログラミングなんて全然わからない。 しかし、はてなブログは記事を書く時に 見たまま HTML編集 に分かれており、少しHTML編集でいじる時もある。</p>とかで段落？ってのがわかるぐらいの何とも頼りない知識だ。どうせならもう少しHTMLができるようになってブログをもっと読みやすくしたり軽くしたりといじりたい欲が出てくるが、いかんせん知識がなさすぎてすぐパワー系池沼キャラになっでじまう。 スポンサーリンク プログラミングでもできたらなぁ…何かカッコイイイメージもあるし、就職にも便利そうだなぁ…でも何から学べばいいしどうやって学べばいいかもわからない。まさに打つ手なし！状態だったが、ふとした瞬間閃いてしまった。 ネットで勉強できるんじ
三河 ランプ Design > ホームページ制作（web） > WordPressで簡単に!?スムーズスクロールを実現するプラグイン[Easy Smooth Scroll Links] Wordpressを使っていて、長めの記事やページを制作しているとページ内でスムーズスクロールが重要になってきますよね。jQueryとか色々あるけど、HTMLやjs、Webの知識がなくても、簡単にスムーズスクロールを実現させたい人にうってつけのプラグイン「Easy Smooth Scroll Links」をご紹介します。 「スムーズスクロール」ってそもそも何って話 縦にながーいページ間を「ページ内リンク」で行ったり来たりする際に、スマホとかでページ送りするみたいに常にページが表示されている状態で指定の「ページ内リンク」先に移動させる事です。スムーススクロールとも言うのかな??（smooth）どちらが正しいの
エクセルの表をHTML化するのって、普通にやると意外と面倒くさいですよね。 まるっとコピペでいけると大変にありがたいのですが、エクセルの表をコピーしてDreamweaverのコード画面にペーストすると <table>にならないし、デザイン画面にペーストすると余計なタグまで入ってしまいます。（heightなど） ペースト後一括置換で余計なタグを削除すればいいんでしょうけど、それも数が多いと大変です。 というわけで、うまいことHTML化する方法を。 楽してHTML化するには、まず、エクセルの保存形式を変更することからはじめます。 通常のエクセルファイルの拡張子は『.xls』です。しかし、今回は拡張子『.csv』で保存します。 デスクトップにでも保存しておきます。 このときアラートが出ますが、気にせず保存しましょう。 続いてDreamweaverを開き、[ファイル] → [ 読み込み ] → [
「HTML5」や「CSS3」を導入することで、ウェブサイトの作成やウェブデザインがさらに便利になります。そんなHTML5とCSS3で追加されている新しい要素で「何ができるのか？」ということが、実際に試したり動かしたりしつつ学べるAdobeの「The Expressive Web」です。 HTML5 and CSS3 - Adobe - The Expressive Web - Beta http://beta.theexpressiveweb.com/ 「The Expressive Web」は左側に各コンテンツのメニューがあり、1つずつ見ていくことでCSSやHTML5の動作が分かっていくというウェブサイト。一番上の「CSS3 Animations」をクリックすると、青いキャラクターと背景がCSS3アニメーションで動いている様子を見ることができます。CSS3アニメーションはHTMLにキーフ
ストリームによる多重化 2つ目の特徴は「ストリーム」です。従来のHTTPでは、リクエストとレスポンスの組を1つずつしか同時に送受信できないことが、パフォーマンス上のボトルネックになっています。この問題を改善するべくHTTP/1.1では新たにパイプラインが導入されましたが、一部のレスポンスに時間がかかるような場面でレスポンスが詰まってしまう問題などがあり、広く使われてはいません。そこで、HTTP/2では1つの接続上にストリームと呼ばれる仮想的な双方向シーケンスを作ることでこの問題に取り組んでいます。 1つの接続上に作られた複数のストリーム上では、複数のフレームを同時並行で転送できます。例えば、あるストリーム上ではリクエストにあたるフレームが送信中でも、別のストリームではレスポンスにあたるフレームを受信するといったことが可能になります。これにより、全体的なパフォーマンスが向上します。 ヘッダー
伊豆シャボテン動物公園の開園60周年を記念して誕生したオフィシャルホテル「伊豆シャボテンヴィレッジ」に、2020年2月16日（日）、グランピング施設がオープンいたします。 「グランピング」とは「Glamorous(グラマラス) ...
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く