Web制作で分からないことはすぐに確認！HTML5, CSS3, jQuery, WordPress, BootstrapなどのチートシートのまとめHTML5, CSS3, jQuery, WordPress, Bootstrap, SublimeTextなど、フロントエンドのマークアップやコーディングに役立つチートシートを紹介します。 PDFや画像をダウンロードしたり、ブックマークしておいて、すぐに確認できるようにしておくと便利ですね。
2ch勢いランキング：2ch勢いクラウド
ご覧のような、各板の勢いを文字の大きさで表したタグクラウドをご提供しています。あなたのサイトやブログに貼り付けて、今2chで勢いのある板を訪問者に知らせることができます。 更新は15分ごと、２ちゃんねる全板での勢いランキング100位以内に入った板を表示しています。文字の上にマウスをあてると、その板が現在何位にランクインしているかが分かります。 <script src="http://ranking.sitepedia.jp/ranks/cloud.js" charset="Shift_JIS"> </script> ↑このコードをコピペするだけで、導入できます。 ブログの場合 ブログにも、基本的にコピペだけで導入できます。 例として、Seesaaブログの場合でご説明致します。 まず、デザイン→コンテンツから「自由形式」を選択し、任意の場所にドラッグアンドドロップして配置します
WWW WATCH
手軽におしゃれなチラシや資料、バナーなどを自分で作りたい人にオススメの書籍 「イチからはじめる Canva ビジネス活用入門」
AngularJSアプリの入力生産性を向上する3種のライブラリ
<!DOCTYPE html> <html ng-app="myApp"> <head> <meta charset="UTF-8" /> <title>AngularJS</title> <!-- （1）Angular Wizard本体とスタイルシートをインポート --> <link rel="stylesheet" href="bower_components/angular-wizard/dist/angular-wizard.css" /> <script src="bower_components/angular/angular.min.js"></script> <script src="bower_components/angular-wizard/dist/angular-wizard.min.js"></script> <script src="scripts/wizar
acky.info
.prev" data-cycle-next="> .next" data-cycle-slides="> .slide" data-cycle-random="true" data-cycle-log="false" >
はてなのデザインはRPGのレベルデザインに似ている - WeBLoG
なぜ可愛い女の子は、はてなを使わないのか - No Title Documents はてなの入り口のデザインなのか、 はてなダイアリーのデザインなのかで、また話は変わってくるんだろうケド。 はてなは初心者を迎える手段として見えるものを制限している。 レベル１ならブログを書くだけ。 レベル１０ならデザイン変更。 レベル２０なら公開デザイン。 レベル３０なら自分でCSSを書く。 主人公のレベルが上がると使える魔法が増えていく。 極めてシンプルで極めて王道。 でもね違うの。最初からレベル１００がいいの。 ダイアリーだって、どんな日記を書くかなんてどうでもいい。 どんなデザインのブログが書けるかの方が重要。 CSSとか全然わからないけど、思い通りのにデザインしたい！ ドラッグとドロップでデザイン編集したい！＞はてなエディタは未実装です。 アカウント取るときに、好きな色と好きな感じとか選んだらいくつ
ASCII.jp － Web Professional（ウェブ・プロフェッショナル）｜デザインからマーケティングまで、Webを仕事にする人の情報サイト
WebPro KUSANAGI Security Editionが進化！ 新機能「SafeUpgrade」でダウンタイムゼロのnginxアップデートを実現 KUSANAGI Security Editionが新機能「KUSANAGI SafeUpgrade」を導入し、nginxのメジャーバージョンアップを無停⽌で実施可能にする。 0 0 WebPro 高速CMS基盤「KUSANAGI Security Edition」がMicrosoft Azureに登場｜自動アップデートで安全性を確保 プライム・ストラテジーが、新しいセキュリティ基盤「KUSANAGI Security Edition」をMicrosoft Azureで提供開始。セキュリティ向上と運用効率... 0 0 WebPro KUSANAGI 9、新たにOracle CloudにAlmaLinux OS 9を採用し、2032年ま
Webデザインにおけるタイポグラフィの考察 | ノート | dotgraphy
2016年5月16日（月）に社内勉強会でWebにおけるタイポグラフィについて発表しました。このエントリーはその発表資料です。なおこのエントリー中の例はMacのOS X El CapitanのChromeで確認しています。画像を使わずにどこまで出来るかトライしてみたかったので他のブラウザでは意図した表示をしていないです。画面サイズはPCのサイズを想定しています。 「の」「を」「と」はTypography 09の「組版上級者になるためのメソッド 工藤強勝さんのスタッフ指導」より うちでは独自でまとめた書体の見本帳があるんです。仮名の中でも書体の特徴が出やすく使用頻度も高い「の」「を」「と」などを拡大し、縦、横、それぞれの本文組の例や見出し使用例なども載せてあるので、スタッフは常にそれを見て勉強しています。 とあったので、「の」「を」「と」をTP明朝でつくってみました。 目的 紙のタイポグラフィ
レベル高っ！Bootstrap製HTML5/CSS3無料テンプレートを配布するサイト FreeHTML5.Co | PhotoshopVIP
カスタマイズしやすいBootstrapフレームワークをベースに、気持ちの良いCSSアニメーションを追加した、高品質HTML5／CSS3テンプレートを配布する、新しいサイト FreeHTML5.Coを今回はご紹介します。 どのテンプレート素材もクオリティーが非常に高く、カスタマイズもしやすく、そのまま運用できるものばかりが揃っています。もちろん、どれも無料でダウンロードでき、あらゆる端末に対応するレスポンシブデザインが特長です。 詳細は以下から。 Bootstrap製HTML5/CSS3無料テンプレートを配布するサイト FreeHTML5.Co FreeHTML5.Coでは、利用しているユーザーも多いHTMLフレームワーク Bootstrapをベースに、デザインのアクセントとなるアニメーションエフェクトを採用した、モダンなHTML5/CSS3テンプレートを無料配布しています。 サイト開設から
HTML/CSS テンプレート集まとめ - Cube Lilac
サイトのデザインを変更しようかと思ったのですが，自力でデザインを考えるのは限界があるのでフリーの HTML/CSS テンプレート集をざっと探してみました．尚，どのサイトが人気なのか分からなかったので，各種ソーシャルメディアのカウントを取得して併記してみました．海外サイトばかりなので，SBM としてははてなブックマーク以外に Delicious のカウントも取得しています． 掲載されてあるデザインはまったく見ずに，サイトの使いやすさ（と言うか「広告の少なさ」かな）だけからの感想ですが，個人的には http://www.solucija.com/ が使いやすいかなぁと言う気がしています． URL Delicious Hatena Twitter Facebook 1 http://www.oswd.org/ 24,170 951 471 1,002 2 http://www.freecsste
web未経験のママがwebデザイナーになった方法とおすすめの本やサイト - みすずママブログ
産後２ヶ月から育児しながらwebデザインを勉強し始め、その６ヶ月後には初めての仕事を受注しました。 まったく知らなかったweb業界。デザインも未経験。 そんなまったくの０からでも、webデザイナーとして仕事ができるようになりました。 webデザインを覚えると、webの面白さを知るだけでなく、作りたいサイトを自分で作って発信することもできるし、さまざまな業界のことを知ることもできます。 そしてwebデザインは 主婦やママにぴったりの仕事 だと思うのです。 なぜなら時間や場所にとらわれずにいつでもどこでも仕事ができるから。 家事や育児の隙間時間に、パソコンたった一台でネット環境さえ整っていれば仕事ができてしまいます。 そしてもう一つ。 英語が必要とされてきたように、 これからはプログラミングができると強い ということ。 ［ママとパパのための］こどもプログラミング読本 という本で脳科学の茂木健一
Bootstrap4対応のサービス、ライブラリまとめ
思いついたWebサイトのアイデアを簡単に、かつすぐに実用的な形にする際に非常に便利なのがCSSフレームワークです。その中でもっとも主流と言えるのがBootstrapですが、2015年の12月にBootstrap v4が正式リリースされました。バージョンアップに伴い、bootstrap4で対応しているサービスも続々リリースされています。そこで今回は、bootstrap4に対応したサービス、ライブラリーそしてテーマを中心に9つほどご紹介したいと思います。 reactstrap reactstrapは簡単にReactでBootstrap 4を簡単に使うことのできるコンポーネントです。 nmp経由でのインストールは、以下のコードで出来ます。 npm install --save reactstrap react-addons-transition-group react react-dom たとえ
Web制作の作業効率を格段にアップさせる便利なチートシートまとめ - ポップインサイト
HTML や CSS のタグやプロパティをすべて記憶することはベテランのデザイナーでも難しいものです。しかし、わからないタグやプロパティなどをいちいち検索して調べていると開発に時間がかかってしまいます。そんなときに役立つのがチートシートです。 チートシートを使えば素早く目的のものを見つけ、より効率的な開発を行うことができます。今回は Web 制作を行うときによく使う HTML、CSS、Bootstrap、WordPress、ツールに関するものを紹介します。 HTML HTML5 Cheat Sheet ダウンロードページ HTML5 のタグがまとめられているチートシートです。すべてのタグが簡潔にまとめられており、非常に見やすいです。 The HTML 5 Mega Cheat Sheet ダウンロードページ こちらも HTML5 のタグをまとめたチートシートです。ブラウザ対応、廃止されたタ
【旧版】CSS基礎文法入門 (全23回) - プログラミングならドットインストール
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
3年間かけて培ったWebシステム開発におけるHTML/CSSコーディングまとめ｜TechRacho by BPS株式会社
こんにちは。私は今まで、3年間、RailsやCakePHP,Ethnaなど様々な言語やフレームワークを使って開発を行ってきました。その中で、共通して使ってきたのがHTML/CSSです。私が3年間かけて培ってきたHTML/CSSの書き方ややり方、方針などをこの場を借りてまとめたいと思います。 まずはじめに 対応ブラウザを確認する スマホ対応の必要があるかを確認する HTML/CSSを使った開発のルールを決める HTML編 idやclassの命名を考える idは多用しない HTMLの共通化を考えた記述をする コラム: IE(後方互換モード)の対応が必要になった時の対処 CSS編 共通で使えるCSSは共通用のファイルを作ってまとめる CSSの適用範囲を考慮して記述する reset.cssを使うかどうかを決める CSSの!importantはできるだけ利用しない BootstrapのCSSを上書き
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Page Not Found - NxWorld
harold-spm.com
CSSテクニック - acky.info
デザインのヒント - acky.info
07design.net