DOCTYPE宣言、IE対応、デザインカンプの解像度などのアンケート結果
Web制作で以前から気になっていたことについて、Twitter のアンケート機能でアンケートを取ってみました。 アンケートの実施期間は2016年1月〜2月です。 回答者の属性について Twitter のアンケート機能では「誰が回答したか」は質問者でも見ることかできません。 それぞれの質問の回答件数は100件以上で、普通に考えれば私のフォロワーの方が多いと思われます。 （ご回答いただき、ありがとうございます。） 私のフォロワーの方は東京の方が多いですが、Twitter アナリティクス によると、近畿、大阪、中部、福岡、東北など日本全国様々な地域の方がいます。 98% が日本在住の方です。 フォロワーの方の興味関心としては、モバイル、テクノロジー、Webデザイン、コンピュータープログラミングなどとなっています。 性別（推定）は 73% が男性、27% が女性となっています。 DOCTYPE宣言
私がコーディングで垂直方向にそろえるインデントをとる理由 | POSTD
先週、 Hacker News上で興味深い議論が行われました 。テーマは Linux Kernelのコーディングスタイル についてです。 議論の中で私は、 コーディングで垂直方向にそろえるインデントをとるべきか というささやかな聖戦を仕掛けました。私は全面的に賛成です。理由を説明しましょう。 垂直方向にそろえるインデントをとるとは？ 簡単な例を挙げてみます。 int robert_age = 32; int annalouise_age = 25; int bob_age = 250; int dorothy_age = 56; ちょっと見ただけで、「bob_age」がおかしいと分かるでしょう。また、目視であちこち探さなくても、全ての値が整数であることが簡単に確認できます。 この考え方は 一般的に 共有 されているわけではありません。ですので、なぜ 多くの 人たち がこれを有効なスタイルガ
PSD カンプから Web 開発に必要な情報をさくさく抽出 | Adobe Blog
多くの Web デザイナーがページのデザインカンプを Photoshop を使って制作しています。デザインが固まるとカンプは開発者に渡りコードを書く作業が始まります。カンプからコードへ、この作業を強力にサポートし飛躍的に生産性を向上させる夢のツールが Extract という名称で Creative Cloud サービスに組み込まれました。これは以前ご紹介した実験的プロジェクト Project Parfait (プロジェクトパフェ) がプレビュー版として Creaitve Cloud Files に組み込まれたものです。 使うのはカンタン、クラウドストレージに PSD を置くだけ Extract を使うのはとてもカンタン、特に Creative Cloud のストレージサービス Files をご利用中の方は何の準備も要りません〜ただ PSD ファイルをストレージに置くだけです! あとはブラウ
Sass Guidelines
An opinionated styleguide for writing sane, maintainable and scalable Sass. The Sass Guidelines project has been translated into several languages by generous contributors. Open the options panel to switch. About the authorMy name is Kitty Giraudel, I am a French front-end developer, based in Berlin (Germany) since 2015, currently working at Cofenster. I have been writing Sass for several years no
これはハマった！スマホサイトのコーディング時に悩んだバグと仕様4選【iOS8情報あり】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 先月LIGブログがリニューアルされました。僕はメインでコーディングを担当していたのですが、いつものようにスマホでの不具合には悩まされました。 とくに今回焦ったのは、直前でiOS8がリリースされたことでした。まだ情報がない中で、こいつで起きた不具合を解明するのには手こずりました（’ー’） そこで今回は、スマホのコーディングで僕が詰まったポイントとその解決方法について、実例を踏まえながら紹介していきたいと思います！ 1. iOS8でz-indexを使っている要素をJSで操作すると、重なり順がおかしくなる こちらのページ（SP）では、社員の写真要素をスワイプすると画像が反転する、という動きを実装しています。 position:absoluteで表の写真、裏の写真を重ね、z-indexで重なり順を設定していた
PHP Coding Standards Fixer
PHP Coding Standards Fixer¶ The PHP Coding Standards Fixer (PHP CS Fixer) tool fixes your code to follow standards; whether you want to follow PHP coding standards as defined in the PSR-1, PSR-2, etc., or other community driven ones like the Symfony one. You can also define your (team’s) style through configuration. It can modernize your code (like converting the pow function to the ** operator on
Ansible コーディング規約 (の例) — そこはかとなく書くよん。 ドキュメント
Ansible コーディング規約 (の例)¶ edX がgithub上でAnsibleのコーディング規約を公開しています。 https://github.com/edx/configuration/wiki/Ansible-Coding-Conventions このリポジトリは GNU AGPLv3です。翻訳の場合でもおそらく大丈夫だと思いますので、ここで翻訳して公開してみます。 一般¶ YAMLファイル すべてのyamlファイルは2スペースのインデントで、 .yml を拡張子に 付けてください。 変数 jinja変数の形式を使ってください。 $var ではなく {{ var }} です。 jinjaの変数名の前後に空白を入れてください。 {{var}} ではなく {{ var }} です。 環境独自で上書きされる必要がある変数名は全部大文字としてください。 ロール内で完結する変数名は全部
Web標準対応の高品質HTMLコーディング。Go-factory - 株式会社ゴーフィールド
株式会社ゴーフィールドでは、ご依頼から制作、チェック、納品までをライン化した「Web標準対応のHTMLコーディング専門工場」から、これまで実現しなかった低価格でスピーディかつ高品質な大量HTMLコーディング実績を日々生産しておりますウェブ標準対応の高品質HTMLコーディング。大量、スピーディー、高品質。Go-factory - 株式会社ゴーフィールド ホーム > Web標準対応の高品質HTMLコーディング Go-factory Go-factoryとは？ Go-factory 近年、Webサイトにおける戦略的位置付けが多様化しており、それに伴い制作会社様に求められるコンテンツ企画、システム開発、運用コンサルなどへの要求レベルも高まってきていると思われます。 施策提案の中で欠かすことが出来ないタスクに「HTMLコーディング」が含まれますが、ウェブ標準に準拠した高品質なHTMLコーディングの需
「PHPコードではなくPHPコードの「書き方」を知る」を発表してきました
PHPカンファレンス関西2014で「PHPコードではなくPHPコードの「書き方」を知る」を発表してきました。 写真提供：久岡写真事務所 別トラックに人気セッションがひしめく中、多くの方に聴いて頂き、ありがとうございましたm(_ _)m 発表内容 PHP 中級者（中級がどこかというのはありますが）を目指す初心者の方を対象に、FizzBuzz のコードを、関数にまとめて、クラス化するというのをライブコーディングで行いました。 また、関数にまとめた段階で、自動テストを書いて、実行結果を目で確認するのではなく、テストを実行して確認するというスタイルを取りました。 発表資料は以下です。 コードを書きながら進めていく形なので、資料だけでは少し伝わらない部分があるかもしれません。 デモで書いた PHP コードは、GitHub で公開しています。Sample1, Sample2 とディレクトリが分かれてい
Project Parfait、公開！ | fenomas.com
デザイナーがPhotoshopでカンプを作る。そしてエンジニアに渡し、HTML化やアプリ化が始まる。だがカンプ通りのデザインを実現するためには、フォントサイズ、グラデーションのRGB値、オブジェクトの高さと幅、XY座標などを、Photoshopからコードに写す手作業が必要だ。まるでコピペ大会になる。 こんな経験ない？ あるあるの方に、ちょっと面白い発表がございます。Project Parfait （プロジェクトパフェ）は、PSDから簡単にデザインの詳細を取り出す目的のWebサービスである。ブラウザベースなので、Photoshopを開く必要すらない。 絵で言うと、こんな感じ。 触ってみたら大体伝わると思うが、軽く機能紹介をしたいと。 初め方 projectparfait.adobe.com を開く。 参考用のデザインが出て来るが、自分のPSDで試す方が面白いので手元にあれば… 「Upload
コー速 ～PSD->HTML高速変換サービス～
[2014.08.25] 現在、人的リソース不足につき新規のお申し込みを停止させて頂いております。ご迷惑おかけしております。目処が立ち次第再開致します。 [2014.03.16(04.14更新)] [重要なお知らせ]勝手ながら移管準備期間として3/16〜4/20までの期間、サイト上でのお申し込みを停止させて頂きます。お問い合わせフォームよりお問い合わせください。 [2014.03.16] [重要なお知らせ]コー速は2014年3月16日より運営事務局が株式会社トゥモローナレッジからツキノワ株式会社へ移管されました。 ★PSDやPNGなどのデザインデータからHTMLへハンドコーディングにて変換 ★翌日～５営業日以内の高速納品 ★検索エンジン対策(SEO)にも有効なWEB標準コーディングに準拠 ★Internet Explorer、Firefox、Safariなどのメジャーブラウザに対応 ★Mo
アクティブなナビゲーション項目とmark要素
アクティブなナビゲーション項目、つまり現在のページへのナビゲーション項目はclass属性を使ってactiveなどと付けられることが多い。特に間違ってはいないんだけど、いまいちピンとこない。というかしっくりこない。大体は流されてそうしているけど、このウェブサイトではmark要素を使ってる。 HTML5仕様ではmark要素は以下のようになってる。 The mark element represents a run of text in one document marked or highlighted for reference purposes, due to its relevance in another context. mark要素が含まれる要素のコンテキストとは別のコンテキストでの関係性をハイライト等で表したい時に使うと解釈してる(同じコンテキストならemやstrong、そしてb
Webサイトの作り方のまとめ！コーディングまで。
サンプルサイトの制作を通して、「Webサイトのコーディング」についてまとめました。 ここで言うコーディングとは、「HTMLで文書を書いて（マークアップして）、CSSで見栄えを整える（CSSコーディングする）」ことを指します。主に「Webデザイナー」と呼ばれる人たちが担う範囲のコーディングについて書いてます。 以下は目次です。クリックするとその項目へ移動します。 コーディングの下準備 ディレクトリの構造を考える ディレクトリの設置 Web開発環境について CotEditorというテキストエディタ Zen-Codingという便利なプラグイン その他のWeb開発環境 コーディング！まずはマークアップ（HTML） index.htmlの基本設定 トップページの内容をマークアップ コーディング！レイアウトを整える（CSS） style.cssの基本設定 トップページのレイアウトを整える <heade
メニュー価格｜HTMLコーディング 外注なら、コーディング代行サービス『Web Concierge コーディング ラボ』
『Web Concierge コーディング ラボ』では、シンプルかつ低価格な料金体系で、質の高いWeb制作サービスを提供しております。 ※下記メニューとは別に、進行管理、実機検証期間等を含めた「ディレクション費」を計上させていただきますので、予めご了承下さいませ。 ■ディレクション費 PC ：全体料金の15% スマホ：全体料金の20% ※ボリュームや仕様によって多少の変動が発生する場合がございます。 HTMLコーディング 基本CSS設計料 ¥18,000 ページ単価 ～ ¥6,000 大量ページ 21P～50P ¥5,000 51P～100P ¥4,000 101P～ ¥3,000 流し込みページ ¥2,000～ スマートフォン コーディング 基本CSS設計料 ¥18,000 ページ単価～ ¥6,000 レスポンシブ Webデザイン対応 トップ ¥40,000～ 下層 ¥30,000～ フ
PCサイトのコーディング制作、作成の代行、外注はクロノドライブ
あります。それが私たちクロノドライブです。 短納期案件でも、大規模案件でも、CMSやJavaScriptを使用するような複雑な案件でも。クロノドライブは、皆様のご要望を確実に実現いたします。ぜひ、コーディングに関するすべてを私たちにお任せください。コーダー、カスタマーサポートをはじめとしたスタッフ全員が、皆様のコーディングに対する問題・お悩みを解決します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Brackets CSSFier extension
CSS Reference | Codrops
GitHub - draftcode/coding-interview: コーディング面接で「これぐらいは解けないとヤダ」ぐらいの問題を考えました
エンジニアの採用面接におけるコーディングテストとフィボナッチ数列
料金表 | コーディング代行・外注専門 コーディングマイスター