CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ
Webデザインをするときに、必ず使うスタイルシート。思うようなレイアウトを作るために、チェックしておきたいブロックレベル要素や、インライン要素のクセみたいなのをまとめてみました。後半はスタイルが反映されない原因のひとつ、スタイルの優先順位についてです。 Attention 記事公開時からいろいろと勉強して、この記事内で紹介している事柄で、間違った解釈をしていたなーと気がつきました。 この記事の中でいくつか追記してありますが、詳しくは、新しく書いた 11月7日の記事：CSSでレイアウトするなら絶対覚えておきたい配置のルール：フロートや絶対配置、z-index とかいろいろ を読んでみてくださいね！ New Post Webサイトをデザイン、レイアウトするのに欠かせないのが CSS（Cascading Style Sheets、スタイルシート）ですね！今では CSS3 が話題を集めていて、CS
WordPressプラグインを使わずに記事ごとにcssを加えられるようにするカスタマイズ - かちびと.net
記事単体に別のcssを加えられるようにする為のメモ。プラグインは使いたくないよ、という方向けのカスタマイズ方法になります。functions.phpで投稿画面にcssの追加用boxを作成します。 ※追記・プラグインにしました 記事ごとにスタイルを追加出来るように、投稿画面にcss追加用のboxを加える為のカスタマイズ。add-css-jsなら簡単ですが、カスタムフィールドが個人的に面倒だったのでfunctions.phpを使いました。 方法 ↑ こんな感じでcss追加用のboxを作成します。お使いのテーマファイルのfunctions.phpを開いて以下のコードを追加するだけ。 add_action('admin_menu', 'custom_css_hooks'); add_action('save_post', 'save_custom_css'); add_action('wp_hea
ヒッキーがリーダやってみた
すぺっく 仕事：ソフトウェア開発 性格：ヒッキー。 立場：特定派遣。メンバーは自社の人。人事権はない。 何の因果か、リーダーとかやるはめになったのでその経験を書いてみる。 技術的な話はない。 ■方針：プブチャラティの精神。 「任務は遂行する。部下も守る。両方やらなくちゃならないのが『幹部』のつらいところだな。覚悟はいいか？ 」 プブチャラティさん！俺やるよ！ …というわけで、尊敬するプブチャラティさんの姿勢をすべての行動の方針とした。 ■実際にやったこと。 ○作業日誌を送りつけた。 本日やった作業とともに顧客と自社の上層部に送りつけた。 われわれたはちゃんとやってますよという言い訳と、問題が発生した場合に上司に詰め腹を切ってもらうため。 ○朝会 毎朝、問題点と作業の状況を２，３分で確認した。 これで、問題点を抱え込まない状況を作り出すのと、一体感、連帯感的なものを演出した。 ○作業の目的を
自分しかやっていない面倒なちょっとした作業を引き継ぐための5つのステップ | ライフハッカー・ジャパン
会社で仕事をしていると、自分しかやっていない、面倒だけど一人で行うちょっとした作業というのが、意外にありますよね。これを誰かにやってもらえたらどんなに楽だろう...でも、そのために一日中付きっきりで引き継ぎ作業をするのもためらわれる...といった微妙な作業です。誰にでも思い当たるふしがあるのではないでしょうか？ インディーズを中心に扱うオンラインCDショップ「CD Baby」の創業者Derek Sivers氏は、このような作業から解放されるために、以下の5つのステップで作業を引き継ぐようにしたそうです。 関係者を全員を集める。その作業の要点を説明し、質問に答える。その作業の工程を全員が理解できたか確認する。一人を指名して作業のマニュアルを書かせる。次回以降、担当者がいなくても誰でもその作業をするように伝える。 これを実施した2ヶ月後、Sivers氏は新しいプロジェクトの仕事に専念でき、事業
プレゼンを通すために絶対必要な“4つ”のこと : LINE Corporation ディレクターブログ
モバイルの新規事業担当になった渡邉雄介です。最近は社内や外部でプレゼンさせていただく機会が増え、色々と学びました。 自分がプレゼンする立場になったとき、"うまく説明しなければならない" という漠然としたプレッシャーから、プレゼン自体をネガティブに捉えてしまうことはないでしょうか。今回は、プレゼンを通すために欠かせない、最も重要な4点についてお話しします。 その1: スライドに全てを書かないこと プロジェクターから映し出されるスライドに書いてある文章を、そのまま読みながらプレゼンする人がいますが、私はそういうプレゼンを見ると心の中でこう突っ込みを入れてしまいます。「いちいち読んでくれなくても、そう書いてある！」 スライドはあなたの言葉を視覚的にサポートするものであって、カンペではありません。言うべき言葉でスライドの余白を埋めて、"ちゃんと調べた感" を出そうとするよりも、本当に伝えたいメッセ
WordCamp Fukuoka2011 WordPressテーマの作り方発表資料など – VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-
今年も大盛況のうちにWordCamp Fukuoka 2011が開催されました！ 参加してくださった方350名+スタッフ50名弱の計400名近くが一堂に集まったとか… しかも県外からもたくさんご参加くださって、東京や大阪、名古屋、鹿児島、熊本、兵庫に長崎、沖縄などなど…！ 全国のWordPress好きの方々と交流することができました。 今年も本当に楽しかったです！ 詳細な感想はまた後日書くとして、中教室で担当させていただいたセッションの資料を先に公開します。 予想をはるかに超える方々にお越し頂いて…。 本当にありがとうございました。 当日の音声や動画とかがないのでスライドだけだとなんのことだかわからないページなどに少し補足をいれたり、不要なページは一部削ったりしています。 間違えていた部分も修正しました＞＜ アイキャッチ画像を使いたい時、functions.phpに書かなければいけないのは
16歳で起業して4年間やってきて思うこと | もっちブログ
19歳、最後の記事です。 きっと誰にでもある、 でもなかなか思い出せない種類の、小さなエピソード 10年くらい前、僕が小学生5年生か6年生のときですが、当時まわりで流行っていた遊戯王カードを十数枚ほどランダムに寄せ集めて封をしたオリジナルパックを、近所や学校の友だちに200円か300円で売っていました。レアカードも入れてほぼ均等に妥当なレートになるよう商品設計を心がけていましたが、たまに大当たり（紙切れ1枚で例えば3000円のレアリティがあるものも結構多く存在します）が出るので、商品としてけっこう魅力のあるものでした。今思えば、すでにあるものを再編成して付加価値をつけて売るという、僕の人生初めてのビジネスでした。小学校の卒業文集では、学年で一番足が速くてスポーツ万能な親友が「プロ野球選手になって1億円で契約する」と書いていた夢のとなりに、僕は「年商5億の会社をつくる」と書いていました。正直
WordPressをカスタマイズするなら絶対覚えておきたいテンプレートファイルの使い方
WordPressを使い始めた頃は、テンプレート階層、テンプレートファイルの上手な使い方などは、全く考えずに Webサイトを作ってました。 いまではもっと効率的に、もっとスマートにサイトを構築できるようになったかも！そのためにちょっと覚えておきたい、テンプレートファイルについてのあれこれをご紹介します。 WordPress というと、ブログ構築のための CMS（コンテンツマネージメントシステム）というイメージが強いですけど、一般的な Webサイトを作るの時にもとっても便利です。私も仕事で Webサイトを作る時に、WordPress で作成することがとても多いです。 WordPress はバージョンも 3.0 になって、カスタム投稿タイプやカスタムメニューなど、さらに CMS としても充実してきたように思います。 ブログと違って一般的な Webサイトは、そのサイトによって仕様が様々です。コン
サイト製作時における著作権について ｜https://wp.yat-net.com/name
WEB製作する上でつきまとう著作権の問題。特に画像に関しては色々悩む方も多いかと思います。私が使用する際は基本的に使用して良いかよく分からないものは使用しないようにし、問題がなさそうな物を使用するといった使い方をしています。 しかし、これからwebサービスを作るとなった時にはそのやり方だと、1つ1つ使用して良いかを確認する必要がある為かなり非効率です。ですのでそういった場合にはやはり著作権の保護について知っておいたほうが良いでしょう。そうすることで著作権の種類に応じたフィルターを掛けれるAPIを利用したりといった使い方が出来るからです。（Flickr: フリッカーなど） クリエイティブ・コモンズ・ライセンスとは WEB製作をしていると一度は聞いたことがあるかもしれませんが、有名なクリエイティブ・コモンズ・ライセンス（以下CCライセンス）。そもそもこれが何かと言うと以下のとおりとなります。
はてなブックマーク for iPhone 公開！
みんなの関心が作り出す、国内最大規模のソーシャルブックマーク。 「注目の盛り上がり」や「関心事の最新ニュース」を、アプリでも簡単に見つけよう。
Photoshop初心者さんが写真のレタッチ（色調補正）などをするために覚えたい機能
私は毎日使っている Adobe Photoshopですが、まだまだ使いこなせてません ...。 初心者だったころは今以上に分からないことだらけでした。 今回はとても長い記事になってしまいましたが、初心者だった頃分かりにくかったなーと思った Photoshop の機能についてまとめてみました。 私が Web制作をするときに、いつもお世話になってるのが Adobe Photoshop。Photoshop は Webデザイナーでなくても、DTP デザイナーさんやカメラマンさんなど、職種を問わずいろんな所で使われていますよね。もちろん仕事で使っていないけれど、趣味のことに Photoshop を使っている … という人もたくさんいると思います。 Photoshop はとっても高機能でいろんな機能がついていて、分からないことだらけ …。難しい用語もあったりして、取っ付きにくいなーと思ってる人も多いは
少しのコードで実装可能な20のjQuery小技集
2016年6月22日 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します！「jQueryってなんだ？」という人もコピペで実装できますよ！サンプルも用意したのでぜひご覧ください！ ↑私が10年以上利用している会計ソフト！ 追記：この記事で紹介されているいくつかの方法が、今ではCSSのみで実装可能です！詳しくは「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」をご覧ください。 jQueryの基本的な使い方 まずはjQuery本家からjQueryファイルをダウンロードします。<head> 内に下記を記述し、jQueryファイルを読み込みます
Web Design Library(ウェブデザインライブラリー) ―ウェブクリエーター向けの情報サイト
ラブコメプリンスのパクソジュンに釘付けの日々 韓国のイケメン人気俳優といえば、パク・ソジュン！ 2020年に大ヒットした韓国ドラマ『梨泰院クラス』の主演で、更に人気は加速しましたよね。 私も『梨泰院クラス』視聴前から彼の作品は見ていたのですが、どんな役柄でもこなせてしまうなと 強く逞しく 不合理な世界に正面から立ち向かう 血気盛んな若者の反乱 なパク・セロイ(パク・ソジュン)を夢中になって見ていました。 『愛の不時着』と並び日本でも多くの方が視聴されたと思います。 特に『梨泰院クラス』は『愛の不時着』と比べてロマンス色が薄く緻密なビジネスプランなども要素に盛り込まれていたので、男性からも人気の作品でした。 他にも彼の出る作品出る作品がヒットを飛ばしています。 2014年：魔女の恋愛 2015年：彼女はキレイだった 2016年： 花郎＜ファラン＞ 2017年：サム、マイウェイ～恋の一発逆転！
22のカスタマイズ ハック
WordPress をカスタマイズする時のハック集 ... というかスニペット集です。使用する場面を想定して、トップページで使えるハック、サイドバーで使えるハックなど、目次をつけました。 WordPress はとってもカスタマイズ性の高いブログツール。私も WordPress をカスタマイズするのが大好きです。そんな WordPress をカスタマイズする時に使える Tips を、全部で 22個ほどまとめてみました。 ハックというよりちょっとしたコード集ですが … X( オリジナルのテーマを作るときにちょっとお役立ちかもしれません。まだまだたくさんあるのでシリーズ記事になりそうな予感。今回は私もよくやる WordPress ハックをご紹介します！ WordPress カスタマイズ 目次 時短ハック トップページで使えるハック 記事ページ（シングルページ）で使えるハック サイドバーで使えるハ
Pelfusion - All about technology
The moments after your phone gets wet are crucial. Follow these steps to improve your chances of saving your device. … Read more
Website Bullets | Free web bullets and arrows for your next design
Here is a free icon collection ready to save and edit for your use. You can copy and paste the flat image with a white background in five colors by right-clicking on the image and saving it to your computer. Download an icon set image from this page, open in your photo editor, and crop … Read more The p-hat symbol, denoted as “p̂,” is a fundamental notation in statistics used to represent the prop
光を表現するPhotoshopのブラシ416個*ホームページを作る人のネタ帳
Photoshop光のブラシ web制作を進める上で、光を直接使うのではなく、なにかの背景に潜らせたり、メニューなどの後ろにうっすらと構えているラインとしてよく使われるのが、光のラインシリーズだ。 こうしたブラシは非常に人気が高く、私も良くブクマしているのですが、いかんせん、画像が無いとなんとも情報として使えない。 そこで今回はリンクとイメージを直結してただの羅列エントリとして仕上る事にしました。 あとブラシの設定方法がわからないという人がいたら記事の下のほうを参考にしてみてください。 １(+11) ２(+7) ３(+10) ４(+12) ５(+3) ６(+8) ７(+12) ８(+4) ９(+7) １０(+20) １１(+4) １２(+24) １３(+22) １４(+8) １５(+8) １６(+9) １７(+18) １８(+6) １９(+6) ２０(+8) ２１(+6) ２２(+8) ２
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Windowsと共存可能なWeb閲覧専用の軽量OS「Splashtop OS」v1.0正式版が無償公開
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
YouTube - ガーディアンズ４「School Days」踊ってみた。紗奈