1クリックでHTML要素の構造を可視化し、セマンティック要素が正しく実装されているか検証できる -Construct.css
Webページに実装されているHTML要素の構造を可視化し、header, nav, main, articleなどセマンティック要素が正しく実装されているか検証できるスタイルシートを紹介します。 デバッグ機能も備えており、不正なマークアップや問題のあるマークアップを表示することもできます。 Construct.css Construct.css -GitHub Construct.cssはセマンティックHTMLの使い方をより身近にするために、スタイルをフックとしてクラス名を使用するのではなく、直接タグをスタイルするCSSのライブラリです。目に見えないセマンティックのタグであることを視覚的に確認することができます。 ブラウザで簡単に利用できるブックマークレットも用意されています。 ブックマークレット Construct.cssのブックマークレット ブックマークレットを使用すると、以下のCSS
林原めぐみさんインタビュー｜『チンプイ』新装版 全4巻｜小学館
今回、新装版「チンプイ」を読んで真っ先に思い出したのはワンダユウさんの「パンパカパーン♪」です。何度も大量のテープを浴びせられたのを鮮明に覚えています(笑)。 エリちゃん役に決まった当時はデビューして数年の新人でしたが、アニメ業界が活発になっていく頃だったので追われるように仕事をしていました。ただ、チンプイ役の堀絢子(じゅんこ)さんやワンダユウ役の八奈見乗児(やなみじょうじ)さんなど、ベテランのみなさんにやさしくしていただき、内木くん役の佐々木望(のぞむ)くんも声優養成所の同期だったので楽しい現場でした。 ですが！ 音響監督の浦上靖夫さんからはダメ出しされっぱなしで…。何をやっても叱られ、4話目くらいまでは隣につきっきり。ある時、「自分の演技を反省しなさい」と放送前のビデオを渡されました。でも、めちゃくちゃおもしろかったんです(笑)。その感想をそのまま伝えたら、「きみねえ……」と肩を落とさ
ウェブページを1秒台で表示させる原理と方法 | Philosophy Guides
可能な限り最新の情報を反映していますが、追いつけていないこともあります。本サイトに採用していても、記事に反映できていない設定もあります。ページのソースを読んでいただくと、参考になる箇所があるかもしれません。 ウェブページの高速化に関するテクニックは、ネットで検索すれば簡単に見つけることができます。優れた情報も数多くありますが、｢CSSとJavaScriptはminify（ミニファイ）しておけばOK！」のような都市伝説も少なくありません。 そこで、ここでは本サイトのデザインリニューアル時に施した対策をもとに、一歩進んだウェブページの高速化の方法と、それを支える原理について、できる限り分かりやすく説明したいと思います。フロントエンジニアやデザイナーの方からすれば「んなもん知っとるわ！」な情報なのかもしれませんが、都市伝説を駆逐すべく、私なりの仕方で解説（≒加勢）したいと思います。 初めに結果を
Web制作者がチェックしておきたい、気持ちいいインタラクションやUIを実装できるJavaScriptのまとめ
Webサイトやブログに、気持ちいいインタラクションやユーザーインターフェイスを実装できるJavaScriptを紹介します。実用的なものから、あまり見かけない新鮮なものまで、素晴らしいアイデアがいっぱいです！
UXを学ぶならこれだけは目を通しておけ！ - UX-design
2013-04-11 UXを学ぶならこれだけは目を通しておけ！ UXとはなんぞや!?って日々思いながら手探りでUXを意識したサービス開発、UXの向上を測っております、どうも @tacumacy です。 ボク自身、UXのことはなんとなーくわかってはいましたが、本格的にそれを仕事としてやろうとなった時から本気で勉強しなきゃやばい！と思い猛烈に危機感を感じたので、めちゃくちゃネットサーフィンをしてUXに関する情報を集めては読みまくりました。そこでボクが読んで参考になった書籍や記事を、どうせならここでまとめて見れるようにしておこうと思います。もし勉強したいな、と思ったときに見ていただけると幸いです。 こんな人に読んでほしい ・これからUXを学びたいと思っている人 ・UXについて、手っ取り早く情報が欲しいと思っている人 書籍紹介 以下、これだけは頭に入れておきたいなぁと感じた内容をまとめてくださって
Webサイト高速化に必要なHTTPの仕組みを理解する （1/4）：CodeZine
はじめに こんにちは、クラスメソッド株式会社でWebを担当している野中です。これから身につけるWebサイト高速化テクニック第2回目です。 第1回の「Webサイト高速化対策の現状」は読んでいただけましたか？「Webサイト高速化対策の現状」では高速化対策がなぜ必要なのかを紹介しているので、この回を読む前にぜひ読んでおいてください。 今回は、Webサイトの高速化に大きく関係するHTTPについて復習したいと思います。高速化対策と言ってもWebサイトが遅延する原因はさまざまです。 読み込むファイル数が多いことやサーバー側の処理に時間がかかっている、またはエンドユーザーが利用しているネットワークが原因かもしれません。 ところが原因を探っていくと、Webサイトが遅くなってしまう要因の多くにHTTPが関係しています。 実際の高速化手法も大事ですが、事前知識としてHTTPについて知っておきましょう。 対象読
パソコンでお小遣い稼ぎができる副業サービス５８選まとめ【初心者向け】
副業で使えるWebサービス５８選 ここ数年で一気に在宅ワークを始める人が増えてきていますね。 ひと昔前は、「副業＝内職」など手作業のイメージが強かったのですが、今の時代はネットでできる副業が主流です。 今回は以下のようなジャンルに分けて解説していきます！ クラウドソーシング ポイントサイト・ポイ活 シェアリング 代行系サービス アンケートモニター スキルマーケット ハンドメイドマーケット ネットショップサービス ライブ配信サイト メールレディ・チャットレディ デザイン系の副業サービス ストックフォト アフィリエイトサービス ネット懸賞サイト クラウドソーシング クラウドソーシングとは、オンライン上で仕事を受注することができるサービスで、以下のような仕事を受けることができます。 アンケート 口コミ投稿 データ入力 テープ起こし ブログの執筆代行 ロゴのデザイン YouTubeの動画編集 たく
プログラマのための言語別コーディング規約まとめ | Web活メモ帳
みなさんはコーディング規約を利用していますか。 個人で開発している時はオレオレルールで良かったのですが、 複数人で開発するようになると共通のルールがあった方がストレス無く開発が出来るようになります。 WEB系の言語のコーディング規約について、調べ物が必要だったので、 まとめたものをブログでもシェアします。 HTML・CSS Google HTML/CSS Style Guide の推奨ガイドラインまとめ HTML5 コーディングガイドライン（HTML5）ver1.0 JavaScript JavaScriptのいろいろなコーディングルールをまとめてみた PHP PHPのコーディング規約 PSR-0、PSR-1、PSR-2、PSR-3とは WordPress コーディング基準 Pear Manual :: 標準コーディング規約 Zend Framework PHP 標準コーディング規約 Ca
H1一つでここまで出来るCSS見出しデザインのアイデア9個 / SQUEEZE - Web Design Studio -
HTMLはh1要素だけで、CSSの「border」や「box-shadow」「transform」「linear-gradient」、擬似要素の「:before」や「:after」を使った見出しデザインをご紹介します。まずはサンプルをご覧ください。 サンプルページ » 01.切り取り線 紙を切り取ったようなデザインです。 サンプルとソースを見る » ポイント垂直方向の影のオフセット距離を設定しただけでは、左右両脇にも影ができてしまうので、一旦5px下に影をオフセットしたうえで、広がり距離を負の値(-4px)にし縮小することで、上部の影のみを残しています。 border-top:1px dashed #aaa; border-bottom:1px dashed #aaa; background:#eee; text-shadow:1px 1px 0 rgba(255,255,255,1);
作業効率をアップするIllustratorのキーボードショートカット｜DTP Transit
作業効率をアップするIllustratorのキーボードショートカットを書き出してみました。 ツール選択（1） ［選択ツール］と［ダイレクト選択ツール］の切り替え： command+option+tabキー ［ダイレクト選択ツール］から［選択ツール］への一時的な切り替え：commandキーを押したままにする サブツールの選択：長押ししてメニューを開かずに、optionキーを押しながらクリックすればツールが切り替わる （例：［長方形ツール］→［角丸長方形ツール］→［楕円形ツール］...） ツール選択（2）テキストツールと選択ツールの切り替え テキストツールへの切り替え：文字上でダブルクリック テキストツールから選択ツールへの切り替え：Escキー（command+enterキーでもいけます） テキストツール（およびほかのツール）から選択ツールへの一時的な切り替え：commandキーを押したままに
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
HTML5のCanvasに描かれる「アートスクリプティング」とにかく美しいJavaScript表現のまとめ28個！
動くぞ！きれいだぞ！ ﾍ(･_･ﾍ) とにかく痩せたい、HTMLファイ部のほんだです。 jsdo.it、nakamap、Paberish、HTML5実力テストといった自社運営Webサービスの HTML5エンジニアを担当している者です。 jsdo.it、ユーザー数 5万人突破！ 手前味噌ですが、このたび弊社運営のHTML5コード共有コミュニティ「jsdo.it」が、 ユーザー数 5万人を突破しました！（わーい！） 今回の記事では、jsdo.itのユーザー5万人を記念して、 HTML5 Canvas に芸術的な動きを表現しているJavaScriptコード「アートスクリプティング」を特集します！ あまり一般的ではないようですが、「アートスクリプティング」という言葉でくくってみました。 Canvasアートスクリプティング特集！ 説明不要！ 気になったコードは是非のぞいてみてください！
今年１年何度も読み返したWordPressに関する記事５ | WordPress【ワードプレス】初心者の部屋～使い方知っとこ？
今年1年を通して、何度も読み返した記事を忘れないように整理した。とりあえず、自分のための備忘録。 WordPress で Web製作をしたいけど、PHP はまだちょっとという人の PHP ガイド カスタマイズしたいけど、PHPの知識がないからちょっと…という人におすすめ。 一度目を通しただけで理解するのは難しいけど、何度か読むうちに全体像が頭に入ってきます。 最近は、webデザイナーさんも、システムよりの知識を身につける必要があるみたいで勉強に費やす時間が凄そう。文章量が多いので、読むときは気合いを入れて! WordPress使いならこれだけはやっておきたい本当のセキュリティ対策10項目 | WP-D 自分のサイトにあてはめてチェックしました。内容は基本ばかりだけど、抜けの確認にも最適。SSLを使う僕に死角なし。 WordPressをクライアントワークで使用する際に覚えておくと良さそうな管
webzuki | Teknoloji, Sinema, Oyun ve dahası
Trend 2020 Yılındaki Tüm Tatillerin Listesi Netflix, 2019'da Türkiye'de En Çok İzlenen Diziler ve Filimler Açıkladı Türkiye, o sosyal medya devine 1.6 Milyon TL ceza verdi Epic Games'den 50TL Değerinde 2 Ücretsiz Oyun Breaking Bad’in Sonrasını Anlatacak Filmden Yeni Detaylar Steam Cüzdan Kodu Nedir? Nasıl Alınır? Cüzdan Kodu Nasıl Yüklenir? PUBG Lite (PC) Nasıl İndirilir? Huawei Mate 30 Lite, Muht
郵送までしてくれる請求書作成サービス「MakeLeaps」はフリーランスの味方！ | ライフハッカー・ジャパン
毎月、請求書の作成に追われていませんか？ フリーランスとして働く私も、わずらわしい請求書は後回しにしてしまいがちで、いつも月末になって慌てて作業をしています。エクセルでひな型は作っていても、金額を入力し、印刷して押印・郵送までするのはかなり手間がかかりますよね。 本来ならお金に関わる大切なことなので、間違いのないように行うべき作業なはず。何とか早く正確にできないかと考えていた私に一筋の光を与えてくれたのが、「MakeLeaps」というオンライン請求書・見積書作成サービスでした。 今回はMakeLeapsを実際に使用してみて、良かった点、気になった点などを紹介します。■シンプルな管理画面で登録もラクラク MakeLeapsを使用するためには、まずトップページにアクセスし、基本情報の登録（無料）が必要です。請求書の自社欄に表示される個人情報の登録と、会社のロゴや社印、個人印の画像をアップロード
iPhoneのバッテリーが減りすぎる問題解決！ これが理由だった。【解決方法編】
[Apple][iPhone][iPad][連載] 前々回の【いきさつ編】は読んで頂けたでしょうか？ 前回の【理由編】は読んで頂けたでしょうか？ 今回は【いきさつ編】【理由編】【解決方法編】と3回に分けて書いているので【いきさつ編】から読んで頂くと良いと思います。 最初にご紹介です。 AppBankさんの朝刊と有名ブロガーdonpyさんが紹介してくれました。ありがとうございます！ ★[朝刊] 社内でロードラ派なるものが勃発しそう。 ★[iPhone Tips Focus] iPhone5のアクティベーション問題が解決に？/ iOS6のバッテリードレイン現象に新説。他 このサイトは自分の作ったアプリのサポートサイトとして立ち上げ、その後は書きたいことを書いてきました。今回はブログとは違い連載のつもりで３回に渡って書きました。 では、最後の【解決方法編】となります。本当に読んで頂いてありがとう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Kindleフォーマットに適したEPUB 3ファイルの作り方／ これだけは知っておきたい10のルール
新着記事
InDesignの勉強部屋 | study-room
Regexper